• 22-02-2014, 19:15:04
    #1
    Selamlar,

    Yapmış olduğum siteye popup penceresi açtırarak müşterileri mini bir ankete tabii tutuyorum. Anketin ilk sayfasında istediği 5 kutucuktan herhangi birisini seçtirip saü altta bulunan "ok" a basarak ilerletiyorum.

    İlk problemim; 2. sayfada telefon ve mail adresini yazdırdıktan sonra bu sayfada sayfanın altındaki oku kaldırmak istiyorum.

    İkinci problem ise; formu gönder dedikten sonra sayfanın ortasında sadece "Formunuz Bize Ulaştı Teşekkür Ederiz." yazısının gözükmesini istiyorum. Yardımlarınızı bekliyorum. Php konusunda bilgim biraz zayıf kusura bakmayın. Şimdiden teşekkür ederim.

    Anketi bu sayfaya attım;

    http://denika.com.tr/anket/anket.php
  • 22-02-2014, 21:47:36
    #2
    birinci soru <map name="Map"> buna bir id="" ver, örnek

    <map name="Map" id="bunukapat">
    sonra digersayfa fonksiyonuna $('#bunukapat').hide(); ekle.

    function digersayfa() { 
    	$('#sayfa1').css('display','none'); 
    	$('#altbuton').css('display','none'); 
    	$('#sayfa2').css('display','block'); 
    	$('#bunukapat').hide(); 
    		 	 
    }
    ikinci sorun ise

    <table width="477" height="396" border="0" cellpadding="0" cellspacing="0">

    bu table dan önce bir if ekle, form gönderilmişse ekrana teşekkür yazısını bassın, gönderilmemişse table içeriğini bastır.

    kodlari eklersen daha rahat yardımcı olurum.



    PHP_ adlı üyeden alıntı: mesajı görüntüle
    Selamlar,

    Yapmış olduğum siteye popup penceresi açtırarak müşterileri mini bir ankete tabii tutuyorum. Anketin ilk sayfasında istediği 5 kutucuktan herhangi birisini seçtirip saü altta bulunan "ok" a basarak ilerletiyorum.

    İlk problemim; 2. sayfada telefon ve mail adresini yazdırdıktan sonra bu sayfada sayfanın altındaki oku kaldırmak istiyorum.

    İkinci problem ise; formu gönder dedikten sonra sayfanın ortasında sadece "Formunuz Bize Ulaştı Teşekkür Ederiz." yazısının gözükmesini istiyorum. Yardımlarınızı bekliyorum. Php konusunda bilgim biraz zayıf kusura bakmayın. Şimdiden teşekkür ederim.

    Anketi bu sayfaya attım;

    http://denika.com.tr/anket/anket.php
  • 22-02-2014, 21:56:36
    #3
    hocam çok teşekkür ederim ilgi ve yardımların için. Anket 3 sayfadan oluşuyor.

    bu anket.php

    <?php
    if (isset($_POST['gonder']))
    {

    $kime = 'mail@mail.com'; //mailadresi
    $konu = 'Konu'; // mail konusu

    // message
    $message = '
    <table width="95%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td height="70">Telefon : '.$_POST['telefon'].'</td>
    </tr>
    <tr>
    <td height="70">E-Mail : '.$_POST['mail'].'</td>
    </tr>
    <tr>
    <td height="70">İhtiyaç Olanlar : '.$_POST['ok1'].','.$_POST['ok2'].','.$_POST['ok3'].','.$_POST['ok4'].','.$_POST['ok5'].'</td>
    </tr>
    </table>
    ';
    // To send HTML mail, the Content-type header must be set
    $headers = 'MIME-Version: 1.0' . "\r\n";
    $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";

    // Additional headers
    $headers .= 'To:Admin '.$kime. "\r\n";
    $headers .= 'From: '.$kime. "\r\n";

    // Mail
    mail($kime, $konu, $message, $headers);

    if (mail) {
    echo "Formunuz Bize Ulaştı Teşekkür Ederiz."; // success message
    } else {
    echo "Hata! Lütfen Tekrar Deneyiniz."; // success message
    }
    }
    ?>
    <html>
    <head>
    <title>Beymarka Anket</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Coustard' rel='stylesheet' type='text/css'>
    body {
    font-family: 'Coustard', serif;
    background-color: #f9a129;
    margin-left: 10px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    }
    body,td,th {
    font-family: 'Coustard', serif;
    font-weight: normal;
    letter-spacing: 0px;
    color: #000000;
    /* [disabled]background-image: url(images/anket_03.png); */
    font-size: 16px;
    }
    </style>
    <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    function digersayfa() {
    $('#sayfa1').css('display','none');
    $('#altbuton').css('display','none');
    $('#sayfa2').css('display','block');


    }

    </script>

    </head>
    <body>
    <link href='https://fonts.googleapis.com/css?family=Coustard' rel='stylesheet' type='text/css'>
    <table width="477" height="396" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="3"><img src="images/anket_01.png" width="477" height="88" alt=""></td>
    </tr>
    <form method="post" action="" id="form">
    <tr id="sayfa1">
    <td width="15"><img src="images/anket_02.png" width="15" height="262" alt=""></td>
    <td width="450" valign="top" bgcolor="#FFFFFF"><p><br>
    Markanız için ihtiyacınız nedir?</p>


    <p>
    <input id="ok1" name="ok1" type="checkbox" value="Yaratıcı tasarım">
    <label for="ok1">Yaratıcı tasarım</label>
    </p>
    <p>
    <input id="ok2" name="ok2" type="checkbox" value="Sosyal medya yönetimi">
    <label for="ok2">Sosyal medya yönetimi</label>
    </p>
    <p>
    <input id="ok3" name="ok3" type="checkbox" value="Stratejik planlama">
    <label for="ok3">Stratejik planlama</label>
    </p>
    <p>
    <input id="ok4" name="ok4" type="checkbox" value="Medya Satın alma">
    <label for="ok4">Medya Satın alma </label>
    <p>
    <input id="ok5" name="ok5" type="checkbox" value="Web uygulamaları">
    <label for="ok5">Web uygulamaları</label>
    </p>
    </td>
    <td width="12"><img src="images/anket_04.png" width="12" height="262" alt=""></td>
    </tr>
    <tr id="sayfa2" style="display:none">
    <td width="15"><img src="images/anket_02.png" width="15" height="262" alt=""></td>
    <td width="450" valign="top" bgcolor="#FFFFFF"><p><br>
    Size nasıl ulaşabiliriz?</p>

    <br/>
    Telefon:
    <input type="text" name="telefon" />
    <br/><br/>
    E-mail:
    <input type="text" name="mail" required />
    * zorunlu alan<br/>
    <br/>

    <br>

    <input type="submit" value="Formu gönder" name="gonder" />
    </td>
    <td width="12"><img src="images/anket_04.png" width="12" height="262" alt=""></td>
    </tr>
    </form>
    <tr>
    <td colspan="3"><img src="images/anket_05.png" alt="" width="477" height="46" usemap="#Map" border="0"></td>
    </tr>
    </table>

    <map name="Map">
    <area shape="rect" coords="429,1,487,51" href="javascript:void(0);" onClick="digersayfa()">
    </map>
    </body>
    </html>
  • 22-02-2014, 22:01:18
    #4
    şöyle deneyin.

    <?php
    if (isset($_POST['gonder']))
    {
    
    $kime = 'mail@mail.com'; //mailadresi
    $konu = 'Konu'; // mail konusu
    
    // message
    $message = '
    <table width="95%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td height="70">Telefon : '.$_POST['telefon'].'</td>
    </tr>
    <tr>
    <td height="70">E-Mail : '.$_POST['mail'].'</td>
    </tr>
    <tr>
    <td height="70">İhtiyaç Olanlar : '.$_POST['ok1'].','.$_POST['ok2'].','.$_POST['ok3'].','.$_POST['ok4'].','.$_POST['ok5'].'</td>
    </tr>
    </table>
    ';
    // To send HTML mail, the Content-type header must be set
    $headers = 'MIME-Version: 1.0' . "\r\n";
    $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
    
    // Additional headers
    $headers .= 'To:Admin '.$kime. "\r\n";
    $headers .= 'From: '.$kime. "\r\n";
    
    // Mail
    mail($kime, $konu, $message, $headers);
    
    if (mail) {
        $gonderildi = 1;
    
    } else { 
    echo "Hata! Lütfen Tekrar Deneyiniz."; // success message
    }
    }
    ?>
    <html>
    <head>
    <title>Beymarka Anket</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Coustard' rel='stylesheet' type='text/css' />
    body {
    font-family: 'Coustard', serif;
    background-color: #f9a129;
    margin-left: 10px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    }
    body,td,th {
    font-family: 'Coustard', serif;
    font-weight: normal;
    letter-spacing: 0px;
    color: #000000;
    /* [disabled]background-image: url(images/anket_03.png); */
    font-size: 16px;
    }
    </style>
    <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script type="text/javascript"> 
    function digersayfa() { 
    $('#sayfa1').css('display','none'); 
    $('#altbuton').css('display','none'); 
    $('#sayfa2').css('display','block'); 
    $('#bunukapat').hide();  
    
    }
    
    </script>
    
    </head>
    <body>
        
    <?php if ($gonderildi == 1)
    {
        echo "Formunuz Bize Ulaştı Teşekkür Ederiz."; // success message
    } else {
        ?>
        
    <link href='https://fonts.googleapis.com/css?family=Coustard' rel='stylesheet' type='text/css'>
    <table width="477" height="396" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="3"><img src="images/anket_01.png" width="477" height="88" alt=""></td>
    </tr>
    <form method="post" action="" id="form">
    <tr id="sayfa1">
    <td width="15"><img src="images/anket_02.png" width="15" height="262" alt=""></td>
    <td width="450" valign="top" bgcolor="#FFFFFF"><p><br>
    Markanız için ihtiyacınız nedir?</p>
    
    
    <p>
    <input id="ok1" name="ok1" type="checkbox" value="Yaratıcı tasarım">
    <label for="ok1">Yaratıcı tasarım</label>
    </p>
    <p>
    <input id="ok2" name="ok2" type="checkbox" value="Sosyal medya yönetimi">
    <label for="ok2">Sosyal medya yönetimi</label>
    </p>
    <p>
    <input id="ok3" name="ok3" type="checkbox" value="Stratejik planlama">
    <label for="ok3">Stratejik planlama</label>
    </p>
    <p>
    <input id="ok4" name="ok4" type="checkbox" value="Medya Satın alma">
    <label for="ok4">Medya Satın alma </label>
    <p>
    <input id="ok5" name="ok5" type="checkbox" value="Web uygulamaları">
    <label for="ok5">Web uygulamaları</label>
    </p>
    </td>
    <td width="12"><img src="images/anket_04.png" width="12" height="262" alt=""></td>
    </tr>
    <tr id="sayfa2" style="display:none">
    <td width="15"><img src="images/anket_02.png" width="15" height="262" alt=""></td>
    <td width="450" valign="top" bgcolor="#FFFFFF"><p><br>
    Size nasıl ulaşabiliriz?</p>
    
    <br/>
    Telefon: 
    <input type="text" name="telefon" />
    <br/><br/>
    E-mail: 
    <input type="text" name="mail" required />
    * zorunlu alan<br/>
    <br/>
    
    <br>
    
    <input type="submit" value="Formu gönder" name="gonder" />
    </td>
    <td width="12"><img src="images/anket_04.png" width="12" height="262" alt=""></td>
    </tr>
    </form>
    <tr>
    <td colspan="3"><img src="images/anket_05.png" alt="" width="477" height="46" usemap="#Map" border="0"></td>
    </tr>
    </table> 
    
    <map name="Map" id="bunukapat">
    <area shape="rect" coords="429,1,487,51" href="javascript:void(0);" onClick="digersayfa()">
    </map>
    
    <?php 
    }
    ?>
    
    </body>
    </html>
  • 22-02-2014, 22:07:21
    #5
    süper olmuş hocam ellerine sağlık. tam istediğim gibi. 2 sayfadaki ok uda kaldırabilirsem tmmdır bu iş. çok teşekkür ederim yardımın için
  • 22-02-2014, 22:11:50
    #6
    PHP_ adlı üyeden alıntı: mesajı görüntüle
    süper olmuş hocam ellerine sağlık. tam istediğim gibi. 2 sayfadaki ok uda kaldırabilirsem tmmdır bu iş. çok teşekkür ederim yardımın için
    verdiğim kodda o da ayarlanmış şekilde zaten.

    şu
    function digersayfa() {  
    $('#sayfa1').css('display','none');  
    $('#altbuton').css('display','none');  
    $('#sayfa2').css('display','block');    
    
    }
    şöyle olacak

    function digersayfa() {  
    $('#sayfa1').css('display','none');  
    $('#altbuton').css('display','none');  
    $('#sayfa2').css('display','block');  
    $('#bunukapat').hide();   
    
    }
    sonra

    <map name="Map">
    şu da

    <map name="Map" id="bunukapat">
    şöyle olacak
  • 23-02-2014, 01:54:36
    #7
    aa evet. çok teşekkür ederim