Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Javascript e div visibile

    Salve, ho modificato il form cdosys di Aruba secondo le mie esigenze. Al codice originale ho aggiunto un controllo dei campi (nome, email, messaggio) tramite Javascript.
    Vorrei a questo punto inserire un ulteriore controllo: se l'invio è ok, vorrei far comparire all'interno di una <div> il messaggio "Inviato correttamente". Posto il codice per essere più chiaro:

    codice:
    <HTML>
    <HEAD>
    <TITLE>modulo contatto cdosys</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <style type="text/css">
    A:link, A:visited { text-decoration: none }
    A:hover { text-decoration: underline }
    #overlay {margin-top:20px;margin-bottom:20px;}
    </style>
    
    <script type="text/javascript">
      function ControllaForm(){
      var controllo=false;
        if (document.contatti.nome.value == "" ){
          controllo=true;
          alert("Attenzione! Il nome \350 un campo obbligatorio.\nAttention! The Name field is required.");
          document.contatti.nome.focus();
        }
        if (document.contatti.messaggio.value == "" ){
    	  controllo=true;
    	  alert("Attenzione! Il Messaggio \350 un campo obbligatorio.\nAttention! The Message field is required.");
    	  document.contatti.messaggio.focus();
        }
        if (document.contatti.email.value == "" ){
          controllo=true;
          alert("Attenzione! L' E-mail \350 un campo obbligatorio.\nAttention! The E-mail field is required.");
          document.contatti.email.focus();
        }
        if (document.contatti.email.value.indexOf("@") == -1 ) {
          controllo=true;
          alert("Attenzione: L'E-mail inserita non \350 valida.\nAttention! The E-mail entered is invalid.");
          document.contatti.email.focus();
        }
    
      if (controllo){return false}else{return true}
      }
    </script>
    
    </HEAD>
    <BODY BGCOLOR=#FFFFFF text="#333333">
    <table width="715" border="0" cellpadding="0" cellspacing="0" align="center" height="500">
      <tr>
        <td width="63%" valign="top">
          <table border="0" cellpadding="0" cellspacing="0" width="40%" align="center">
            <tr>
              <td width="100%">
                <form action="send.asp" method="post" name=contatti id=contatti OnSubmit="return ControllaForm(this)">
                  <table width="361" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="170"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#333333">Nome</font></td>
                      <td width="191"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">
                        <input type="text" name="nome" size="20">
                        </font></td>
                    </tr>
                    <tr>
                      <td width="170"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#333333">E-mail
                          </font></td>
                      <td width="191"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">
                        <input type="text" name="email" size="20">
                        </font></td>
                    </tr>
                    <tr>
                      <td width="170"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#333333">Messaggio</font></td>
                      <td width="191"><font color="#333333" face="Verdana, Arial, Helvetica, sans-serif"> <font size="1">
                        <textarea name="messaggio" rows="5" cols="33" wrap="VIRTUAL"></textarea>
                        </font></font> </td>
                    </tr>
                    <tr>
    				  <td colspan ="2"><div id=overlay name=overlay style="text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000000;"></div></td>
                    </tr>
                    <tr>
    				  <td colspan ="2">
    				    <p align="center"><font color="#333333" face="Verdana, Arial, Helvetica, sans-serif"> <font size="1">
    			        <input type="submit" name="Submit" value="invia"></font></p>
    			        </p>
                      </td>
                    </tr>
                  </table>
    
                </form>
              </font>
            </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    </BODY>
    </HTML>
    Come posso fare?
    Digito, ergo sum...

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Per fare questo devi usare Ajax documentati su google
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Ok, grazie...vado!
    Digito, ergo sum...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.