Come modifico la finestra di avviso con i CSS?

Question

- Aggiornamento - ho letto molto sull'argomento, ho provato alcuni script e ho bisogno di aiuto per scoprire cosa puoi o non puoi fare. La community ha risposto a tutto e il seguente è un buon punto di partenza. (le risposte qui sono state estratte dalla comunità sottostante, grazie)

1. NON PUOI SUPERARE LO STILE PREDEFINITO DI AVVISO. È prodotto dal tuo cliente (ad esempio chrome firefox, ecc.)

2. invece è possibile utilizzare jquery. Invece di usare uno script come:

   function check_domain_input() { var domain_val = document.getElementsByName ('dominio'); if (domain_val [0] .value.length> 0) { return true; } alert ('Prego inserire un nome di dominio da cercare.'); return false; }

che rende il cliente (firefox cromo, ecc) producono una finestra di avviso.

2b. Dite il codice se quarantina deve avvenire su un jquery alertbox carico evento che si può fare abbastanza: (. Risposto da Jonathan Payne e creato da Jonathan Payne Grazie)

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" /> 

<div onclick="check_domain_input()">Click</div> 

<div id="dialog" title="Attention!" style="display:none"> 
    Please enter a domain name to search for. 
</div> 

<script> 
    function check_domain_input() 
    {   
     $("#dialog").dialog(); // Shows the new alert box. 

     var domain_val = document.getElementsByName('domain'); 

     if (domain_val[0].value.length > 0) 
     { 
      return true; 
     } 

     $("#dialog").dialog(); 

     return false; 
    } 
</script> 

Scopri i jsFiddle qui: http://jsfiddle.net/8cypx/12/

Answer 1

Prova jQuery UI trova qui: http://jqueryui.com/demos/dialog/

Hanno un rullo tema in cui è possibile lo stile del dialogo e caselle modali.

- EDIT -

rispondere alla tua seconda domanda.

Scopri i jsFiddle qui: http://jsfiddle.net/8cypx/12/

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" /> 

<div onclick="check_domain_input()">Click</div> 

<div id="dialog" title="Attention!" style="display:none"> 
    Please enter a domain name to search for. 
</div> 

<script> 
    function check_domain_input() 
    {   
     $("#dialog").dialog(); // Shows the new alert box. 

     var domain_val = document.getElementsByName('domain'); 

     if (domain_val[0].value.length > 0) 
     { 
      return true; 
     } 

     $("#dialog").dialog(); 

     return false; 
    } 
</script> 

Answer 2

Invece dei popup della finestra di dialogo Javascript incorporati, che sono brutti e impossibili da personalizzare con i CSS, raccomanderei di usare i controlli della finestra di dialogo jQuery. Queste possono essere facilmente ridisegnate e jQuery viene fornito con molti temi incorporati anche per questo.

http://docs.jquery.com/UI/Dialog

Answer 3

se ho ottenuto si mette in discussione in modo corretto, non credo che si può fare, dal momento che i pop-up sono cablati nel sistema del cliente. Tuttavia, progettare ciò che hai descritto non è così difficile, visualizzare un elemento DIV o qualcosa del genere.

Answer 4

La casella di conferma/avviso è parte del browser non della tua pagina.

Answer 5

usare il plugin sotto http://plugins.jquery.com/msgbox/
e utilizzando questo codice

$.alert ('testo');

anziché avviso ('testo'); Personalizza con css