javascript একটি জাভাস্ক্রিপ্ট সতর্কতা বক্স শিরোনাম সম্পাদনা কিভাবে?




জাভাস্ক্রিপ্ট বাংলা বই (9)

আপনি IE এ এটি করতে পারেন:

<script language="VBScript">
Sub myAlert(title, content)
      MsgBox content, 0, title
End Sub
</script>

<script type="text/javascript">
myAlert("My custom title", "Some content");
</script>

(যদিও, আমি সত্যিই আপনি করতে পারে না চান।)

আমি C # .NET পৃষ্ঠাতে নিম্নলিখিত কোড দিয়ে একটি জাভাস্ক্রিপ্ট সতর্কতা তৈরি করছি:

Response.Write("<script language=JavaScript> alert('Hi select a valid date'); </script>");

এটি শিরোনাম শিরোনামের সাথে "ওয়েবপৃষ্ঠা থেকে বার্তা" হিসাবে একটি সতর্কতা বাক্স প্রদর্শন করে।

শিরোনাম পরিবর্তন করা সম্ভব?


না, এটা সম্ভব নয়। আপনি একটি কাস্টম জাভাস্ক্রিপ্ট সতর্কতা বাক্স ব্যবহার করতে পারেন।

JQuery ব্যবহার করে একটি সুন্দর এক খুঁজে পাওয়া যায় নি

jQuery সতর্কতা ডায়ালগগুলি (সতর্কতা, নিশ্চিতকরণ, এবং প্রম্পট প্রতিস্থাপন)


না, তুমি পারবে না।

এটি একটি নিরাপত্তা / অ্যান্টি-ফিশিং বৈশিষ্ট্য।


যখন আপনি শুরু করেন বা ওয়েবপ্লিকেশনের উপর ভিত্তি করে একটি প্রকল্পে যোগদান করেন, তখন ইন্টারফেসের নকশা সম্ভবত ভাল। অন্যথায় এই পরিবর্তন করা উচিত। ওয়েব 2.0 অ্যাপ্লিকেশনগুলির জন্য আপনি গতিশীল সামগ্রী, অনেকগুলি প্রভাব এবং অন্যান্য উপাদান দিয়ে কাজ করবেন। এই সব জিনিস জরিমানা, কিন্তু কেউ জাভাস্ক্রিপ্ট সতর্কতা শৈলী এবং নিশ্চিত বক্স সম্পর্কে চিন্তা। এখানে তারা উপায়, সম্পূর্ণ গতিশীল, জেএস এবং সিএসএস চালিত সহজ HTML ফাইল তৈরি করুন

<html>
 <head>
   <title>jsConfirmSyle</title>
   <meta http-equiv="Content-Style-Type" content="text/css" />
   <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <script type="text/javascript" src="jsConfirmStyle.js"></script>
    <script type="text/javascript">

      function confirmation() {
       var answer = confirm("Wanna visit google?")
       if (answer){
       window.location = "http://www.google.com/";
       }
     }    

    </script>
    <style type="text/css">
     body {
      background-color: white;
      font-family: sans-serif;
      }
    #jsconfirm {
      border-color: #c0c0c0;
      border-width: 2px 4px 4px 2px;
      left: 0;
     margin: 0;
     padding: 0;
     position: absolute;
    top: -1000px;
    z-index: 100;
   }

  #jsconfirm table {
   background-color: #fff;
   border: 2px groove #c0c0c0;
   height: 150px;
   width: 300px;
  }

   #jsconfirmtitle {
  background-color: #B0B0B0;
  font-weight: bold;
  height: 20px;
  text-align: center;
}

 #jsconfirmbuttons {
height: 50px;
text-align: center;
 }

#jsconfirmbuttons input {
background-color: #E9E9CF;
color: #000000;
font-weight: bold;
width: 125px;
height: 33px;
padding-left: 20px;
}

#jsconfirmleft{
background-image: url(left.png);
}

#jsconfirmright{
background-image: url(right.png);
 }
 < /style>
  </head>
 <body>
<p><br />
<a href="#"
onclick="javascript:showConfirm('Please confirm','Are you really really sure to visit    google?','Yes','http://www.google.com','No','#')">JsConfirmStyled</a></p>
<p><a href="#" onclick="confirmation()">standard</a></p>

</body>
</html>

তারপর সহজ js ফাইলের নাম jsConfirmStyle.js তৈরি করুন। এখানে সহজ জেস কোড

ie5=(document.getElementById&&document.all&&document.styleSheets)?1:0;
nn6=(document.getElementById&&!document.all)?1:0;

 xConfirmStart=800;
 yConfirmStart=100;

  if(ie5||nn6) {
  if(ie5) cs=2,th=30;
  else cs=0,th=20;
   document.write(
    "<div id='jsconfirm'>"+
        "<table>"+
            "<tr><td id='jsconfirmtitle'></td></tr>"+
            "<tr><td id='jsconfirmcontent'></td></tr>"+
            "<tr><td id='jsconfirmbuttons'>"+
                "<input id='jsconfirmleft' type='button' value='' onclick='leftJsConfirm()' onfocus='if(this.blur)this.blur()'>"+
                "&nbsp;&nbsp;"+
                "<input id='jsconfirmright' type='button' value='' onclick='rightJsConfirm()' onfocus='if(this.blur)this.blur()'>"+
            "</td></tr>"+
        "</table>"+
    "</div>"
  );
   }

 document.write("<div id='jsconfirmfade'></div>");


 function leftJsConfirm() {
  document.getElementById('jsconfirm').style.top=-1000;
  document.location.href=leftJsConfirmUri;
 }
function rightJsConfirm() {
document.getElementById('jsconfirm').style.top=-1000;
document.location.href=rightJsConfirmUri;
 }
function confirmAlternative() {
if(confirm("Scipt requieres a better browser!"))       document.location.href="http://www.mozilla.org";
}

leftJsConfirmUri = '';
rightJsConfirmUri = '';

  /**
   * Show the message/confirm box
  */
    function       showConfirm(confirmtitle,confirmcontent,confirmlefttext,confirmlefturi,confirmrighttext,con      firmrighturi)  {
document.getElementById("jsconfirmtitle").innerHTML=confirmtitle;
document.getElementById("jsconfirmcontent").innerHTML=confirmcontent;
document.getElementById("jsconfirmleft").value=confirmlefttext;
document.getElementById("jsconfirmright").value=confirmrighttext;
leftJsConfirmUri=confirmlefturi;
rightJsConfirmUri=confirmrighturi;
xConfirm=xConfirmStart, yConfirm=yConfirmStart;
if(ie5) {
    document.getElementById("jsconfirm").style.left='25%';
    document.getElementById("jsconfirm").style.top='35%';
}
else if(nn6) {
    document.getElementById("jsconfirm").style.top='25%';
    document.getElementById("jsconfirm").style.left='35%';
}
else confirmAlternative();

}

আপনি এখানে থেকে সম্পূর্ণ উত্স কোড ডাউনলোড করতে পারেন


এখানে বেশ চমৎকার 'হ্যাক' আছে - https://.com/a/14565029 যেখানে আপনি সতর্কতা / নিশ্চিত বার্তা তৈরি করতে একটি খালি src সহ আইফ্রেম ব্যবহার করেন - এটি Android (নিরাপত্তার জন্য) এর জন্য কাজ করে না - কিন্তু আপনার দৃশ্যকল্প উপযুক্ত হতে পারে।


আমি কাস্টম হেডার বক্স জাভাস্ক্রিপ্ট জন্য এই Sweetalert পাওয়া যায়।

উদাহরণ স্বরূপ

swal({
  title: "Are you sure?",
  text: "You will not be able to recover this imaginary file!",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: false
},
function(){
  swal("Deleted!", "Your imaginary file has been deleted.", "success");
});

আপনি শীর্ষে একটি ফাঁকা লাইন ছেড়ে সামান্য সমন্বয় করতে পারেন।

এটার মত.

        <script type="text/javascript" >
            alert("USER NOTICE "  +"\n"
            +"\n"
            +"New users are not allowed to work " +"\n"
            +"with that feature.");
        </script>

আমি ডিফল্ট নিশ্চিতকরণ বাক্সের বক্স শিরোনাম এবং বোতাম শিরোনাম পরিবর্তন করতে চেয়েছিলাম যখন আমি একই সমস্যা ছিল। আমি Jquery Ui ডায়লগ প্লাগইনটির জন্য চলে গেছি http://jqueryui.com/dialog/#modal-confirmation

যখন আমি নিম্নলিখিত ছিল:

function testConfirm() {
  if (confirm("Are you sure you want to delete?")) {
    //some stuff
  }
}

আমি এটা পরিবর্তন করেছি:

function testConfirm() {

  var $dialog = $('<div></div>')
    .html("Are you sure you want to delete?")
    .dialog({
      resizable: false,
      title: "Confirm Deletion",
      modal: true,
      buttons: {
        Cancel: function() {
          $(this).dialog("close");
        },
        "Delete": function() {
          //some stuff
          $(this).dialog("close");
        }
      }
    });

  $dialog.dialog('open');
}

এখানে দেখা যায় দেখা যায় https://jsfiddle.net/5aua4wss/2/

আশা করি এইটি কাজ করবে.


জাভাস্ক্রিপ্ট window.alert () ফাংশন ওভাররাইড।

window.alert = function(title, message){
    var myElementToShow = document.getElementById("someElementId");
    myElementToShow.innerHTML = title + "</br>" + message; 
}

এর সাথে আপনি নিজের alert() ফাংশন তৈরি করতে পারেন। একটি নতুন 'শীতল' সন্ধানের ডায়ালগ তৈরি করুন (কিছু ডিভি উপাদান থেকে)।

ক্রোম এবং ওয়েবকিট কাজ পরীক্ষা, অন্যদের নিশ্চিত না।





alert