Visualizzazione dei risultati da 1 a 10 su 10
  1. #1
    Utente di HTML.it L'avatar di paul78
    Registrato dal
    Apr 2010
    Messaggi
    515

    php....problemi con il css form

    ciao a tutti...ho creato un form mail con avviso popupp in css....
    tutto funziona...tranne una cosa...praticamente appena apro la pagina web esce subito l'avviso del form css dove richiede di inserire l'email....vorrei che non uscisse appena apro la pagina web...ma appena un utente non inserisce l'emaillll
    questo è il codice.....

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    <!--
    input {
    display:block;
    padding: 3px 0 3px 5px;
    background-color: #FFF;
    border:#900 solid 2px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:0.8em;
    margin:5px 0 5px 0;
    color: #000;
    }

    .invia {
    cursor: pointer;
    }
    textarea {
    display:block;
    padding: 3px 0 3px 5px;
    background-color:#FFF;
    border:#900 solid 2px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:.8em;
    margin:5px 0 5px 0;



    }
    #modulo {
    width: 500px;
    background-color:#3FC;
    margin: 150px auto;
    filter:alpha(opacity=60); /*per effetto alpha al modulo*/
    }

    span {
    font-size:18px;
    }


    -->


    #modalContainer {
    background-color:transparent;
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:10000;
    background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
    }

    #alertBox {
    position:relative;
    width:300px;
    min-height:100px;
    margin-top:50px;
    border:2px solid #000;
    background-color:#F2F5F6;
    background-image:url(alert.png);
    background-repeat:no-repeat;
    background-position:20px 30px;
    }

    #modalContainer > #alertBox {
    position:fixed;
    }

    #alertBox h1 {
    margin:0;
    font:bold 0.9em verdana,arial;
    background-color:#78919B;
    color:#FFF;
    border-bottom:1px solid #000;
    padding:2px 0 2px 5px;
    }

    #alertBox p {
    font:0.7em verdana,arial;
    height:50px;
    padding-left:5px;
    margin-left:55px;
    }

    #alertBox #closeBtn {
    display:block;
    position:relative;
    margin:5px auto;
    padding:3px;
    border:2px solid #000;
    width:70px;
    font:0.7em verdana,arial;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    background-color:#78919B;
    text-decoration:none;
    }

    /* unrelated styles */

    #mContainer {
    position:relative;
    width:600px;
    margin:auto;
    padding:5px;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    font:0.7em verdana,arial;
    }

    h1,h2 {
    margin:0;
    padding:4px;
    font:bold 1.5em verdana;
    border-bottom:1px solid #000;
    }

    code {
    font-size:1.2em;
    color:#069;
    }

    #credits {
    position:relative;
    margin:25px auto 0px auto;
    width:350px;
    font:0.7em verdana;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    height:90px;
    padding-top:4px;
    }

    #credits img {
    float:left;
    margin:5px 10px 5px 0px;
    border:1px solid #000000;
    width:80px;
    height:79px;
    }

    .important {
    background-color:#F5FCC8;
    padding:2px;
    }

    code span {
    color:green;
    }
    </style>
    <script type="text/javascript">


    var ALERT_TITLE = "Messaggio!";
    var ALERT_BUTTON_TEXT = "Ok";

    if(document.getElementById) {
    window.alert = function(txt) {
    createCustomAlert(txt);
    }
    }

    function createCustomAlert(txt) {
    d = document;

    if(d.getElementById("modalContainer")) return;

    mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
    mObj.id = "modalContainer";
    mObj.style.height = d.documentElement.scrollHeight + "px";

    alertObj = mObj.appendChild(d.createElement("div"));
    alertObj.id = "alertBox";
    if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
    alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";
    alertObj.style.visiblity="visible";

    h1 = alertObj.appendChild(d.createElement("h1"));
    h1.appendChild(d.createTextNode(ALERT_TITLE));

    msg = alertObj.appendChild(d.createElement("p"));
    //msg.appendChild(d.createTextNode(txt));
    msg.innerHTML = txt;

    btn = alertObj.appendChild(d.createElement("a"));
    btn.id = "closeBtn";
    btn.appendChild(d.createTextNode(ALERT_BUTTON_TEXT ));
    btn.href = "";
    btn.focus();
    btn.onclick = function() { removeCustomAlert();return false; }

    alertObj.style.display = "block";

    }

    function removeCustomAlert() {
    document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContain er"));
    }
    </script>

    </head>

    <body background="sfondo.JPG">
    <div id="modulo">
    <form method="post" action="">
    <span>Nome</span> <input type="text" name="nome" />
    <span>Email</span><font color="#FF0000">*</font><input type="text" name="email" />
    <span>Messaggio</span> <textarea name="commenti" cols="40" rows="5"> </textarea>
    <input type="submit" value="Invia messaggio" class="invia" />
    </form>
    </div>

    </body>
    <div><script>alert('Inserire email corretta')</script></div>
    </html>

    dove ho sbagliato???????

    help me please!!!!!

  2. #2
    E dove sarebbe il codice PHP? Non credo tu abbia postato nella sezione giusta.
    "Mai discutere con un idiota. Ti trascina al suo livello e ti batte con l'esperienza." (Oscar Wilde)

  3. #3
    Utente di HTML.it L'avatar di paul78
    Registrato dal
    Apr 2010
    Messaggi
    515
    giusto......hai ragione......andavo di fretta e ho selezionato il file sbagliato.....

    il codice è questo:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    <!--
    input {
    display:block;
    padding: 3px 0 3px 5px;
    background-color: #FFF;
    border:#900 solid 2px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:0.8em;
    margin:5px 0 5px 0;
    color: #000;
    }

    .invia {
    cursor: pointer;
    }
    textarea {
    display:block;
    padding: 3px 0 3px 5px;
    background-color:#FFF;
    border:#900 solid 2px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:.8em;
    margin:5px 0 5px 0;



    }
    #modulo {
    width: 500px;
    background-color:#3FC;
    margin: 150px auto;
    filter:alpha(opacity=60); /*per effetto alpha al modulo*/
    }

    span {
    font-size:18px;
    }


    -->


    #modalContainer {
    background-color:transparent;
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:10000;
    background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
    }

    #alertBox {
    position:relative;
    width:300px;
    min-height:100px;
    margin-top:50px;
    border:2px solid #000;
    background-color:#F2F5F6;
    background-image:url(alert.png);
    background-repeat:no-repeat;
    background-position:20px 30px;
    }

    #modalContainer > #alertBox {
    position:fixed;
    }

    #alertBox h1 {
    margin:0;
    font:bold 0.9em verdana,arial;
    background-color:#78919B;
    color:#FFF;
    border-bottom:1px solid #000;
    padding:2px 0 2px 5px;
    }

    #alertBox p {
    font:0.7em verdana,arial;
    height:50px;
    padding-left:5px;
    margin-left:55px;
    }

    #alertBox #closeBtn {
    display:block;
    position:relative;
    margin:5px auto;
    padding:3px;
    border:2px solid #000;
    width:70px;
    font:0.7em verdana,arial;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    background-color:#78919B;
    text-decoration:none;
    }

    /* unrelated styles */

    #mContainer {
    position:relative;
    width:600px;
    margin:auto;
    padding:5px;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    font:0.7em verdana,arial;
    }

    h1,h2 {
    margin:0;
    padding:4px;
    font:bold 1.5em verdana;
    border-bottom:1px solid #000;
    }

    code {
    font-size:1.2em;
    color:#069;
    }

    #credits {
    position:relative;
    margin:25px auto 0px auto;
    width:350px;
    font:0.7em verdana;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    height:90px;
    padding-top:4px;
    }

    #credits img {
    float:left;
    margin:5px 10px 5px 0px;
    border:1px solid #000000;
    width:80px;
    height:79px;
    }

    .important {
    background-color:#F5FCC8;
    padding:2px;
    }

    code span {
    color:green;
    }
    </style>
    <script type="text/javascript">


    var ALERT_TITLE = "Messaggio!";
    var ALERT_BUTTON_TEXT = "Ok";

    if(document.getElementById) {
    window.alert = function(txt) {
    createCustomAlert(txt);
    }
    }

    function createCustomAlert(txt) {
    d = document;

    if(d.getElementById("modalContainer")) return;

    mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
    mObj.id = "modalContainer";
    mObj.style.height = d.documentElement.scrollHeight + "px";

    alertObj = mObj.appendChild(d.createElement("div"));
    alertObj.id = "alertBox";
    if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
    alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";
    alertObj.style.visiblity="visible";

    h1 = alertObj.appendChild(d.createElement("h1"));
    h1.appendChild(d.createTextNode(ALERT_TITLE));

    msg = alertObj.appendChild(d.createElement("p"));
    //msg.appendChild(d.createTextNode(txt));
    msg.innerHTML = txt;

    btn = alertObj.appendChild(d.createElement("a"));
    btn.id = "closeBtn";
    btn.appendChild(d.createTextNode(ALERT_BUTTON_TEXT ));
    btn.href = "";
    btn.focus();
    btn.onclick = function() { removeCustomAlert();return false; }

    alertObj.style.display = "block";

    }

    function removeCustomAlert() {
    document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContain er"));
    }
    </script>

    </head>

    <body background="sfondo.JPG">
    <div id="modulo">
    <form method="post" action="">
    <span>Nome</span> <input type="text" name="nome" />
    <span>Email</span><font color="#FF0000">*</font><input type="text" name="email" />
    <span>Messaggio</span> <textarea name="commenti" cols="40" rows="5"> </textarea>
    <input type="submit" value="Invia messaggio" class="invia" />
    </form>
    </div>

    </body>
    <?php
    $popup_nome = "<script>alert('Inserire il nome')</script>";
    $popup_mail = "<script>alert('Inserire email corretta')</script>";
    $popup_msg = "<script>alert('Inserire il nome email e messaggio per rispondervi')</script>";
    $popup_ok = "<script>alert('Grazie per aver richiesto maggiori informazioni. Entro 24 ore verrai ricontattato')</script>";

    $destinatario = "<xxx@xxx.it>";
    $oggetto = "Richiesta informazioni";
    $nome = $_POST["nome"];
    $email = $_POST["email"];
    $commenti = $_POST["commenti"];

    //echo "<div>".$popup_msg."</div>";
    if (!eregi("^[a-z0-9][_\.a-z0-9-]+@([a-z0-9][0-9a-z-]+\.)+([a-z]{2,4})", $email)){
    echo "<div>".$popup_mail."</div>";
    }
    else {
    $messaggio = "Dati utente: $nome\n Email: $email\n Messaggio: $commenti\n" ;
    $email .= " <$email>";
    mail ($destinatario,$oggetto,$messaggio,"From: $nome <$email>");
    echo "<div>".$popup_ok."</div>";
    }
    ?>
    </html>

    il codice php quì c'è!!!!!
    come faccio a togliere il messaggio che mi appare appena apro il file??? dovrebbe uscire solo se l'utente sbaglia ad inserire caratteri sbagliati all'email.......
    non so aiutami!!!!

  4. #4
    Per cortesia, la prossima volta inserisci il codice tra in tag appositi!!

    Codice PHP:
    <?php
    <input type="submit" value="Invia messaggio" class="invia" name="send_email" />
    </
    form>
    </
    div>

    if(isset(
    $_POST['send_email']))
    {
    $popup_nome "<script>alert('Inserire il nome')</script>";
    $popup_mail "<script>alert('Inserire email corretta')</script>";
    $popup_msg "<script>alert('Inserire il nome email e messaggio per rispondervi')</script>";
    $popup_ok "<script>alert('Grazie per aver richiesto maggiori informazioni. Entro 24 ore verrai ricontattato')</script>";

    $destinatario "<xxx@xxx.it>";
    $oggetto "Richiesta informazioni";
    $nome $_POST["nome"];
    $email $_POST["email"];
    $commenti $_POST["commenti"];

    //echo "<div>".$popup_msg."</div>";
    if (!eregi("^[a-z0-9][_\.a-z0-9-]+@([a-z0-9][0-9a-z-]+\.)+([a-z]{2,4})"$email)){
    echo 
    "<div>".$popup_mail."</div>";
    }
    else {
    $messaggio "Dati utente: $nome\n Email: $email\n Messaggio: $commenti\n" ;
    $email .= " <$email>";
    mail ($destinatario,$oggetto,$messaggio,"From: $nome <$email>");
    echo 
    "<div>".$popup_ok."</div>";

    }

  5. #5
    Utente di HTML.it L'avatar di paul78
    Registrato dal
    Apr 2010
    Messaggi
    515
    Codice PHP:
    ok!scusami.......ma l'hai risolto? 

  6. #6
    :master: Ma che fa prendi in giro? :master:

    Guarda le modifiche e provalo!

  7. #7
    Utente di HTML.it L'avatar di paul78
    Registrato dal
    Apr 2010
    Messaggi
    515
    mi da l'errore alla linea 233....

  8. #8
    Utente di HTML.it L'avatar di paul78
    Registrato dal
    Apr 2010
    Messaggi
    515
    il codice è racchiuso in un solo file!!!!!!!

    il file è questo:
    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    <style type="text/css"> 
    <!--
    input {
        display:block;
        padding: 3px 0 3px 5px;
        background-color: #FFF;
        border:#900 solid 2px;
        font-family:Verdana, Geneva, sans-serif;
        font-size:0.8em;
        margin:5px 0 5px 0;
        color: #000;
    }

    .invia {
        cursor: pointer;
    }
    textarea { 
       display:block;
       padding: 3px 0 3px 5px;
       background-color:#FFF;
       border:#900 solid 2px;
       font-family:Verdana, Geneva, sans-serif;
       font-size:.8em;
       margin:5px 0 5px 0;
       
       
       
       }
    #modulo {
        width: 500px;
        background-color:#3FC;    
        margin: 150px auto;
        filter:alpha(opacity=60); /*per effetto alpha al modulo*/
    }

    span {
        font-size:18px;
    }
        

    -->

     
    #modalContainer {
        background-color:transparent;
        position:absolute;
        width:100%;
        height:100%;
        top:0px;
        left:0px;
        z-index:10000;
        background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
    }
     
    #alertBox {
        position:relative;
        width:300px;
        min-height:100px;
        margin-top:50px;
        border:2px solid #000;
        background-color:#F2F5F6;
        background-image:url(alert.png);
        background-repeat:no-repeat;
        background-position:20px 30px;
    }
     
    #modalContainer > #alertBox {
        position:fixed;
    }
     
    #alertBox h1 {
        margin:0;
        font:bold 0.9em verdana,arial;
        background-color:#78919B;
        color:#FFF;
        border-bottom:1px solid #000;
        padding:2px 0 2px 5px;
    }
     
    #alertBox p {
        font:0.7em verdana,arial;
        height:50px;
        padding-left:5px;
        margin-left:55px;
    }
     
    #alertBox #closeBtn {
        display:block;
        position:relative;
        margin:5px auto;
        padding:3px;
        border:2px solid #000;
        width:70px;
        font:0.7em verdana,arial;
        text-transform:uppercase;
        text-align:center;
        color:#FFF;
        background-color:#78919B;
        text-decoration:none;
    }
     
    /* unrelated styles */
     
    #mContainer {
        position:relative;
        width:600px;
        margin:auto;
        padding:5px;
        border-top:2px solid #000;
        border-bottom:2px solid #000;
        font:0.7em verdana,arial;
    }
     
    h1,h2 {
        margin:0;
        padding:4px;
        font:bold 1.5em verdana;
        border-bottom:1px solid #000;
    }
     
    code {
        font-size:1.2em;
        color:#069;
    }
     
    #credits {
        position:relative;
        margin:25px auto 0px auto;
        width:350px; 
        font:0.7em verdana;
        border-top:1px solid #000;
        border-bottom:1px solid #000;
        height:90px;
        padding-top:4px;
    }
     
    #credits img {
        float:left;
        margin:5px 10px 5px 0px;
        border:1px solid #000000;
        width:80px;
        height:79px;
    }
     
    .important {
        background-color:#F5FCC8;
        padding:2px;
    }
     
    code span {
        color:green;
    }
    </style>
    <script type="text/javascript"> 
     
     
    var ALERT_TITLE = "Messaggio!";
    var ALERT_BUTTON_TEXT = "Ok";
     
    if(document.getElementById) {
        window.alert = function(txt) {
            createCustomAlert(txt);
        }
    }
     
    function createCustomAlert(txt) {
        d = document;
     
        if(d.getElementById("modalContainer")) return;
     
        mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
        mObj.id = "modalContainer";
        mObj.style.height = d.documentElement.scrollHeight + "px";
        
        alertObj = mObj.appendChild(d.createElement("div"));
        alertObj.id = "alertBox";
        if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
        alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";
        alertObj.style.visiblity="visible";
     
        h1 = alertObj.appendChild(d.createElement("h1"));
        h1.appendChild(d.createTextNode(ALERT_TITLE));
     
        msg = alertObj.appendChild(d.createElement("p"));
        //msg.appendChild(d.createTextNode(txt));
        msg.innerHTML = txt;
     
        btn = alertObj.appendChild(d.createElement("a"));
        btn.id = "closeBtn";
        btn.appendChild(d.createTextNode(ALERT_BUTTON_TEXT));
        btn.href = "";
        btn.focus();
        btn.onclick = function() { removeCustomAlert();return false; }
     
        alertObj.style.display = "block";
        
    }
     
    function removeCustomAlert() {
        document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer"));
    }
    </script>
     
    </head>

    <body background="sfondo.JPG">
    <div id="modulo">
    <form method="post" action="">
    <span>Nome</span> <input type="text" name="nome" />
    <span>Email</span><font color="#FF0000">*</font><input type="text" name="email" />
    <span>Messaggio</span> <textarea name="commenti" cols="40" rows="5"> </textarea>
    <input type="submit" value="Invia messaggio" class="invia" />
    </form>
    </div>

    </body>
    <?php 
    <input type="submit" value="Invia messaggio" class="invia" name="send_email" /> 
    </
    form
    </
    div

    if(isset(
    $_POST['send_email'])) 

    $popup_nome "<script>alert('Inserire il nome')</script>"
    $popup_mail "<script>alert('Inserire email corretta')</script>"
    $popup_msg "<script>alert('Inserire il nome email e messaggio per rispondervi')</script>"
    $popup_ok "<script>alert('Grazie per aver richiesto maggiori informazioni. Entro 24 ore verrai ricontattato')</script>"

    $destinatario "<xxx@xxx.it>"
    $oggetto "Richiesta informazioni"
    $nome $_POST["nome"]; 
    $email $_POST["email"]; 
    $commenti $_POST["commenti"]; 

    //echo "<div>".$popup_msg."</div>"; 
    if (!eregi("^[a-z0-9][_.a-z0-9-]+@([a-z0-9][0-9a-z-]+.)+([a-z]{2,4})"$email)){ 
    echo 
    "<div>".$popup_mail."</div>"

    else { 
    $messaggio "Dati utente: $nome\n Email: $email\n Messaggio: $commenti\n" 
    $email .= " <$email>"
    mail ($destinatario,$oggetto,$messaggio,"From: $nome <$email>"); 
    echo 
    "<div>".$popup_ok."</div>"
    }  
    }  
    </
    html>
    l'errore mi da alla riga 233
    capito???
    non c'è un file html e uno php....in un solo file racchiude sia il form che il controllo php....

  9. #9
    Pardon ho sbagliato io!

    Codice PHP:

    <input type="submit" value="Invia messaggio" class="invia" name="send_email" />
    </form>
    </div>

    <?php
    if(isset($_POST['send_email']))
    {
    $popup_nome "<script>alert('Inserire il nome')</script>";
    $popup_mail "<script>alert('Inserire email corretta')</script>";
    $popup_msg "<script>alert('Inserire il nome email e messaggio per rispondervi')</script>";
    $popup_ok "<script>alert('Grazie per aver richiesto maggiori informazioni. Entro 24 ore verrai ricontattato')</script>";

    $destinatario "<xxx@xxx.it>";
    $oggetto "Richiesta informazioni";
    $nome $_POST["nome"];
    $email $_POST["email"];
    $commenti $_POST["commenti"];

    //echo "<div>".$popup_msg."</div>";
    if (!eregi("^[a-z0-9][_.a-z0-9-]+@([a-z0-9][0-9a-z-]+.)+([a-z]{2,4})"$email)){
    echo 
    "<div>".$popup_mail."</div>";
    }
    else {
    $messaggio "Dati utente: $nome\n Email: $email\n Messaggio: $commenti\n" ;
    $email .= " <$email>";
    mail ($destinatario,$oggetto,$messaggio,"From: $nome <$email>");
    echo 
    "<div>".$popup_ok."</div>";


    ?>

  10. #10
    Utente di HTML.it L'avatar di paul78
    Registrato dal
    Apr 2010
    Messaggi
    515
    grazie mille!!!!!!!
    risolto!!!!!!

    ciao!!!!!!

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.