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
Anket' te ufak bir problem yaşıyorum
6
●384
- 22-02-2014, 21:47:36birinci 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 - 22-02-2014, 21:56:36hocam ç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şö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:11:50verdiğim kodda o da ayarlanmış şekilde zaten.PHP_ adlı üyeden alıntı: mesajı görüntüle
ş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