Come modificare un titolo della casella di avviso JavaScript?

Sto generando un avviso JavaScript con il seguente codice nella pagina C # .NET:

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

Visualizza una finestra di avviso con il titolo dell’intestazione “Messaggio dalla pagina Web”.

È ansible modificare il titolo?

Sigh … no, non puoi.

È una funzione di sicurezza / anti-phishing.

No, non è ansible. È ansible utilizzare una casella di avviso javascript personalizzata.

Ne ho trovato uno carino usando jQuery

Dialoghi di avviso jQuery (avviso, conferma e sostituzione dei prompt)

Puoi farlo in IE:

   

(Anche se, mi piacerebbe davvero che tu non potessi.)

Sostituisci la funzione javascript window.alert ().

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

Con questo è ansible creare la propria funzione alert() . Crea una nuova finestra di dialogo dall’aspetto “cool” (da alcuni elementi div).

Testato lavorando in chrome e webkit, non sicuro degli altri.

Ho trovato questo Sweetalert per personalizzare la casella di intestazione javascript.

Per esempio

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

C’è un bel “trucco” qui – https://stackoverflow.com/a/14565029 dove si usa un iframe con un src vuoto per generare il messaggio di avviso / conferma – non funziona su Android (per ragioni di sicurezza) – ma può adattarsi al tuo scenario.

Per rispondere alle domande in termini di come l’hai chiesto.

Questo è veramente VERAMENTE facile (in Internet Explorer, almeno), l’ho fatto in 17,5 secondi.

Se si utilizza lo script personalizzato fornito da cxfx: (inserirlo nel file apsx)

  

Puoi quindi chiamarlo proprio come hai chiamato l’avviso normale. Basta modificare il codice al seguente.

 Response.Write(""); 

Spero che ti aiuti, o qualcun altro!

Sì, puoi cambiarlo. se chiami la funzione VBscript in Javascript.

Ecco un semplice esempio

     Alert   

Quando si avvia o si partecipa semplicemente a un progetto basato su applicazioni Web, la progettazione dell’interfaccia è forse buona. Altrimenti dovrebbe essere cambiato. Per le applicazioni Web 2.0 lavorerai con contenuti dinamici, molti effetti e altre cose. Tutte queste cose vanno bene, ma nessuno ha pensato di modificare l’avviso JavaScript e confermare le caselle. Ecco come stanno, .. completamente dinamici, guidati da JS e CSS Create un semplice file html

   jsConfirmSyle       


JsConfirmStyled

standard

Quindi creare un semplice nome file js jsConfirmStyle.js. Ecco un semplice codice 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();

}

Puoi scaricare il codice sorgente completo da qui

Puoi fare un piccolo aggiustamento per lasciare una riga vuota in alto.

Come questo.

   

Ho avuto un problema simile quando volevo cambiare il titolo della scatola e il titolo del pulsante della casella di conferma predefinita. Sono andato per il plugin di dialogo Jquery Ui http://jqueryui.com/dialog/#modal-confirmation

Quando ho avuto il seguente:

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

L’ho cambiato in:

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

Può essere visto lavorare qui https://jsfiddle.net/5aua4wss/2/

Spero possa aiutare.