Como editar um título de checkbox de alerta JavaScript?

Estou gerando um alerta JavaScript com o seguinte código na página C # .NET:

Response.Write(" alert('Hi select a valid date'); "); 

Ele exibe uma checkbox de alerta com o título do título como “Mensagem da página da Web”.

É possível modificar o título?

Suspiro … não, você não pode.

É um recurso de segurança / anti-phishing.

Não, não é possível. Você pode usar uma checkbox de alerta de javascript personalizada.

Encontrei um bom usando jQuery

Diálogo de Alerta do jQuery (Alerta, Confirmação e Substituição de Prompts)

Você pode fazer isso no IE:

   

(Embora, eu realmente gostaria que você não pudesse.)

Substitua a function window.alert () do javascript.

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

Com isso, você pode criar sua própria function alert() . Crie uma nova checkbox de diálogo ‘legal’ (a partir de alguns elementos div).

Testado trabalhando no chrome e no webkit, sem ter certeza dos outros.

Eu encontrei este Sweetalert para personalizar o javascript da checkbox de header.

Por exemplo

 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"); }); 

Há um bom ‘hack’ aqui – https://stackoverflow.com/a/14565029 onde você usa um iframe com um src vazio para gerar a mensagem de alerta / confirmação – ele não funciona no Android (por causa da segurança) – mas pode se adequar ao seu cenário.

Para responder às perguntas em termos de como você perguntou.

Isso é realmente muito fácil (no Internet Explorer, pelo menos), eu fiz isso em 17,5 segundos.

Se você usar o script personalizado que o cxfx forneceu: (coloque-o no seu arquivo apsx)

  

Você pode chamá-lo assim como você chamou o alerta regular. Apenas modifique seu código para o seguinte.

 Response.Write(""); 

Espero que ajude você ou outra pessoa!

Sim você pode mudar isso. se você chamar a function VBscript dentro do Javascript.

Aqui está um exemplo simples

     Alert   

Quando você inicia ou apenas participa de um projeto baseado em aplicativos da web, o design da interface talvez seja bom. Caso contrário, isso deve ser alterado. Para aplicações Web 2.0 você irá trabalhar com conteúdos dynamics, muitos efeitos e outras coisas. Todas essas coisas estão bem, mas ninguém pensou em estilizar as checkboxs de alerta e confirmação do JavaScript. Aqui está o caminho, .. completamente dynamic, JS e CSS orientado Criar arquivo html simples

   jsConfirmSyle       


JsConfirmStyled

standard

Em seguida, crie um nome de arquivo simples js jsConfirmStyle.js. Aqui é simples código 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( "
"+ ""+ ""+ ""+ ""+ "
"+ ""+ "  "+ ""+ "
"+ "
" ); } document.write("
"); 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();

}

Você pode baixar o código fonte completo aqui

Você pode fazer um pequeno ajuste para deixar uma linha em branco no topo.

Como isso.

   

Eu tive um problema semelhante quando eu queria mudar o título da checkbox e o título do botão da checkbox de confirmação padrão. Eu tenho ido para o Jquery Ui diálogo plugin http://jqueryui.com/dialog/#modal-confirmation

Quando eu tive o seguinte:

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

Eu mudei para:

 function testConfirm() { var $dialog = $('
') .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'); }

Pode ser visto trabalhando aqui https://jsfiddle.net/5aua4wss/2/

Espero que ajude.