javascript - জাভাস্ক্রিপ্ট বাংলা বই




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

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

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

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

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


আপনি 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>

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


আপনি কিভাবে এটি জিজ্ঞাসা শর্তাবলী প্রশ্নের উত্তর দিতে।

এটি আসলেই সহজ (ইন্টারনেট এক্সপ্লোরার, অন্তত), আমি এটি 17.5 সেকেন্ডের মত করেছিলাম।

আপনি যদি cxfx প্রদান করে এমন কাস্টম স্ক্রিপ্টটি ব্যবহার করেন: (এটি আপনার apsx ফাইলে রাখুন)

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

আপনি এটি নিয়মিত সতর্কতা হিসাবে ঠিক মত কল করতে পারেন। শুধু নিম্নলিখিত আপনার কোড পরিবর্তন করুন।

Response.Write("<script language=JavaScript> myAlert('Message Header Here','Hi select a valid date'); </script>");

আপনি, বা অন্য কেউ সাহায্য করে আশা করি!


আমি কাস্টম হেডার বক্স জাভাস্ক্রিপ্ট জন্য এই 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");
});

আমি ডিফল্ট নিশ্চিতকরণ বাক্সের বক্স শিরোনাম এবং বোতাম শিরোনাম পরিবর্তন করতে চেয়েছিলাম যখন আমি একই সমস্যা ছিল। আমি 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() ফাংশন তৈরি করতে পারেন। একটি নতুন 'শীতল' সন্ধানের ডায়ালগ তৈরি করুন (কিছু ডিভি উপাদান থেকে)।

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


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

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();

}

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


হ্যাঁ আপনি এটি পরিবর্তন করতে পারেন। আপনি জাভাস্ক্রিপ্ট মধ্যে VBscript ফাংশন কল যদি।

এখানে সহজ উদাহরণ

<script>

function alert_confirm(){

      customMsgBox("This is my title","how are you?",64,0,0,0);
}

</script>


<script language="VBScript">

Function customMsgBox(tit,mess,icon,buts,defs,mode)
   butVal = icon + buts + defs + mode
   customMsgBox= MsgBox(mess,butVal,tit)
End Function

</script>

<html>

<body>
<a href="javascript:alert_confirm()">Alert</a>
</body>

</html>







alert