How to edit a JavaScript alert box title

Question

I m generating a JavaScript alert with following code in C   NET page   Response Write   lt script language JavaScript gt  alert  Hi select a valid date     lt  script gt       It displays an alert box with the heading title as  Message from webpage    Is it possible to modify the title

User · Answer

You can do this in IE    lt script language  VBScript  gt  Sub myAlert title  content        MsgBox content  0  title End Sub  lt  script gt    lt script type  text javascript  gt  myAlert  My custom title    Some content     lt  script gt     Although  I really wish you couldn t

User · Answer

I Found this Sweetalert for customize header box javascript   For example  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

User · Answer

To answer the questions in terms of how you asked it   This is actually REALLY easy  in Internet Explorer  at least   i did it in like 17 5 seconds   If you use the custom script that cxfx provided   place it in your apsx file    lt script language  VBScript  gt  Sub myAlert title  content  MsgBox content  0  title  End Sub   lt  script gt    You can then call it just like you called the regular alert  Just modify your code to the following   Response Write   lt script language JavaScript gt  myAlert  Message Header Here   Hi select a valid date     lt  script gt       Hope that helps you  or someone else

User · Answer

You can do a little adjustment to leave a blank line at the top   Like this            lt script type  text javascript   gt              alert  USER NOTICE       n                 n                New users are not allowed to work      n                with that feature              lt  script gt

User · Answer

I had a similar issue when I wanted to change the box title and button title of the default confirm box  I have gone for the Jquery Ui dialog plugin http   jqueryui com dialog  modal-confirmation  When I had the following    function testConfirm       if  confirm  Are you sure you want to delete             some stuff         I have changed it to   function testConfirm        var  dialog       lt div gt  lt  div gt         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        Can be seen working here https   jsfiddle net 5aua4wss 2   Hope that helps

User · Answer

When you start up or just join a project based on webapplications  the design of interface is maybe good  Otherwise this should be changed  In order to Web 2 0 applications you will work with dynamic contents  many effects and other stuff  All these things are fine  but no one thought about to style up the JavaScript alert and confirm boxes  Here is the they way    completely dynamic  JS and CSS driven Create simple html file   lt html gt    lt head gt      lt title gt jsConfirmSyle lt  title gt      lt meta http-equiv  Content-Style-Type  content  text css    gt      lt meta http-equiv  Content-Script-Type  content  text javascript    gt       lt script type  text javascript  src  jsConfirmStyle js  gt  lt  script gt       lt script type  text javascript  gt         function confirmation            var answer   confirm  Wanna visit google           if  answer          window location    http   www google com                              lt  script gt       lt style type  text css  gt       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        lt   style gt     lt  head gt    lt body gt   lt p gt  lt br   gt   lt a href     onclick  javascript showConfirm  Please confirm   Are you really really sure to visit    google    Yes   http   www google com   No        gt JsConfirmStyled lt  a gt  lt  p gt   lt p gt  lt a href     onclick  confirmation    gt standard lt  a gt  lt  p gt    lt  body gt   lt  html gt    Then create simple js file name jsConfirmStyle js  Here is simple js code  ie5  document getElementById amp  amp document all amp  amp document styleSheets  1 0  nn6  document getElementById amp  amp  document all  1 0    xConfirmStart 800   yConfirmStart 100     if ie5  nn6      if ie5  cs 2 th 30    else cs 0 th 20     document write        lt div id  jsconfirm  gt              lt table gt                  lt tr gt  lt td id  jsconfirmtitle  gt  lt  td gt  lt  tr gt                  lt tr gt  lt td id  jsconfirmcontent  gt  lt  td gt  lt  tr gt                  lt tr gt  lt td id  jsconfirmbuttons  gt                      lt input id  jsconfirmleft  type  button  value    onclick  leftJsConfirm    onfocus  if this blur this blur    gt                      amp nbsp  amp nbsp                      lt input id  jsconfirmright  type  button  value    onclick  rightJsConfirm    onfocus  if this blur this blur    gt                  lt  td gt  lt  tr gt              lt  table gt          lt  div gt               document write   lt div id  jsconfirmfade  gt  lt  div gt        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         You can download full Source code from here

User · Answer

No  you can t   It s a security anti-phishing feature

User · Answer

There s quite a nice  hack  here - https   stackoverflow com a 14565029 where you use an iframe with an empty src to generate the alert   confirm message - it doesn t work on Android  for security s sake  - but may suit your scenario

User · Answer

Override the javascript window alert   function   window alert   function title  message       var myElementToShow   document getElementById  someElementId        myElementToShow innerHTML   title     lt  br gt     message       With this you can create your own alert   function  Create a new  cool  looking dialog  from some div elements     Tested working in chrome and webkit  not sure of others

User · Answer

Yes you can change it  if you call VBscript function within Javascript   Here is simple example   lt script gt   function alert confirm           customMsgBox  This is my title   how are you   64 0 0 0       lt  script gt     lt script language  VBScript  gt   Function customMsgBox tit mess icon buts defs mode     butVal   icon   buts   defs   mode    customMsgBox  MsgBox mess butVal tit  End Function   lt  script gt    lt html gt    lt body gt   lt a href  javascript alert confirm    gt Alert lt  a gt   lt  body gt    lt  html gt

User · Answer

No  it is not possible  You can use a custom javascript alert box   Found a nice one using jQuery  jQuery Alert Dialogs  Alert  Confirm   amp  Prompt Replacements

[javascript] How to edit a JavaScript alert box title?

Examples related to javascript

Examples related to alert