php - Kontakt form hjælp - Udvikleren.dk - Programmering, webdesign og grafik

Tags: kontaktform php

Bruger #16109 @ 18.08.13 01:42

Hej

Sikkert mange der har spurgt om det her. men har ikke kunne finde noget om det.

er ved og lave en kontaktform. hvor jeg gerne vil ha at personen der skal bruge den, skal vælge om det er tilbud eller support. og ved hvert valg er der forskellige felter personen skal vælge.

F.eks, personen vælger "tilbud" og så kommer der et andet input felt frem, hvor personen skal vælge hvilken af tilbuddene personen vil ha. osv.

Mange tak på forhånd

8 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #16075 @ 18.08.13 08:37

1.223

hvor langt er du selv kommet ?? (code)
har du overvejet at blande lidt javascript ind ??

måske skulle du kigge på AJAX læs feks
http://www.udvikleren.dk/artikler/374/dynamisk-indhold-med-ajax-og-php/

Bruger #16075 @ 18.08.13 16:13

1.223

men der henter den jo først ved tryk på en knap ?

det kunne jo også være en onchange event på din select box / radio group (tilbud / support), der hentede formen generaret af js/jquery, eller kaldte den function der hendtede det via AJAX
så vil du få den form der passer til det du har valgt, uden at skulle genlæse hele siden, og uden brugeren skal trykke på en knap, der sender hele formen til serveren

Bruger #16075 @ 18.08.13 17:58

1.223

$("#vedr").click(function(){

her forevendter du brugeren klikker på en id der hedder vedr, det har du ikke, der for køres scriptet ikke.

en nem løsning er at lave en class du kalder vedr

Kode

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
	<title>ajax test</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<style type="text/css">
	</style>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".vedr").click(function(){
				$.ajax({
					type: "GET",
					url: "content.html",
					success: function(data){
						$("#content").html(data);
					}
				});
			});
		});
</script> 
</head>
<body>
<form action="#" method="post" class="message">
	Tilbud: 	<input type="radio" class="vedr" name="vedr" value="Tilbud"> 
	Support: 	<input type="radio" class="vedr" name="vedr" value="Support">
<div id="content"></div>
</form> 
</body>
</html>

læg mærke til disse linjer
$(".vedr").click(function(){
<input type="radio" class="vedr" name="vedr"
du skal nok også sende en parameter over med hvilke at de radio' s der er trykket

Bruger #16075 @ 18.08.13 19:11

1.223

lidt hurtigt banket sammen

Kode

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
	<title>test</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<style type="text/css">
	</style>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".vedr").click(function(){
				// http://stackoverflow.com/questions/596351/how-can-i-get-which-radio-is-selected-via-jquery
				var params = "id=" + $('input[name=vedr]:checked', '#testfrm').val()
				// alert(params);
				
				$.ajax({
					type: "GET",
					data: params,
					url: "content.php",
					success: function(data){
						$("#content").html(data);
					}
				});
				
			});
		});
</script> 
</head>
<body>
<form action="#" method="post" class="message" id="testfrm">
	Tilbud: 	<input type="radio" class="vedr" name="vedr" value="Tilbud"> 
	Support: 	<input type="radio" class="vedr" name="vedr" value="Support">
<div id="content"></div>
</form> 
</body>
</html>

content.php

Kode

<?php
$id=$_GET['id'];
switch($id){
	case "Tilbud": 
	$str ='<input type="text" value="Name" >
			<input type="text" value="Email">
			<input type="text" value="Subject">
			<input type="submit" value="Send">';
	break;
	case "Support":
	$str ='<input type="text" value="Name" >
			<input type="text" value="Email">
			<input type="text" value="Subject">
			<textarea></textarea>
			<input type="submit" value="Send">';
	break;
	default: $str = '<input type="submit" value="Send">'; break;	
}
echo $str;
?>

eneste forskel på de 2 er du har et text area i support

Bruger #16109 @ 18.08.13 13:18

Er ikke startet på scriptet endnu. da jeg ikke lige viste hvordan jeg skulle lave det der,

Tak for linket, men der henter den jo først ved tryk på en knap ?

Bruger #16109 @ 18.08.13 17:18

Nu har jeg læst artiklen, Men forstår ikke helt hvordan jeg skal lave det på den måde jeg vil bruge det,
Og kan ikke helt få det til og virke da jeg prøvede og lave det han forklarede.

Men har prøvet og lave lidt, Men kan ikke få den til og hente noget som helt.

index.html

HTML kode

 <html>
     <head>
         <title>Leg med AJAX</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
         <script type="text/javascript">
             $(document).ready(function(){
                 $("#vedr").click(function(){
                     $.ajax({
                         type: "GET",
                         url: "content.html",
                         success: function(data){
                             $("#content").html(data);
                         }
                     });
                 });
             });
         </script>
     </head>
     <body>
             <form action="#" method="post" class="message">
                 Tilbud: <input type="radio" name="vedr" onclick="this.form.submit();" value="Tilbud"> Support: <input type="radio" name="vedr" value="Support">
             <div id="content">
             </div>    
             </form>
     </body>
 </html>

content.html

HTML kode

 <input type="text" value="Name" onFocus="this.select();" onMouseOut="javascript:return false;"/>
 <input type="text" value="Email" onFocus="this.select();" onMouseOut="javascript:return false;"/>
 <input type="text" value="Subject" onFocus="this.select();" onMouseOut="javascript:return false;"/>
 <textarea></textarea>
 <input type="submit" value="Send"/>

Bruger #16109 @ 18.08.13 18:05

Har du ikke et eksempel, jeg kan lære af ? for er helt stået af lige nu

Kan slet ikke se hvordan det skal sættes op. det der JavaScript er helt nyt for mig.

Bruger #16109 @ 18.08.13 20:02

Hej igen.

Nyt problem. Når jeg trykker send. Sker der ikke noget, udover at den fjerner felterne igen.

Kontakt.php

PHP kode

 <!DOCTYPE HTML>
 <html>
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>*****.net - Din vej til en billig hjemmeside</title>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
     <link rel="stylesheet" href="css/style.css" type="text/css">
     <script type="text/javascript">
         $(document).ready(function(){
             $(".vedr").click(function(){
                 // http://stackoverflow.com/questions/596351/how-can-i-get-which-radio-is-selected-via-jquery
                 var params = "id=" + $('input[name=vedr]:checked', '#kontakt').val()
                 // alert(params);
                 
                 $.ajax({
                     type: "GET",
                     data: params,
                     url: "content.php",
                     success: function(data){
                         $("#content").html(data);
                     }
                 });
                 
             });
         });
 </script> 
 </head>
 <body>
     <div id="header">
         <div>
             <div class="logo">
                 <a href="index.html">Ringvig.net</a>
             </div>
             <ul id="navigation">
                 <li>
                     <a href="index.html">Forside</a>
                 </li>
                 <li>
                     <a href="tilbyder.html">Tilbyder</a>
                 </li>
                 <li>
                     <a href="pris.html">Priser</a>
                 </li>
                 <li>
                     <a href="referencer.html">Referencer</a>
                 </li>
                 <li class="active">
                     <a href="kontakt.php">Kontakt</a>
                 </li>
             </ul>
         </div>
     </div>
     <div id="contents">
         <div class="section">
             <h1><b><u>Kontakt</u></b></h1>
             <p>
             Hvad handler din henvendelse om?
             <form action="#" method="post" class="message"  id="kontakt">
                 Tilbud:     <input type="radio" class="vedr" name="vedr" value="Tilbud"> 
                 Support:     <input type="radio" class="vedr" name="vedr" value="Support">
                 <div id="content"></div>
 
             </form>
             <?php
 
 if(isset($_POST['send'])) {
   
     if (empty($_POST['navn'])) {
         
         echo"Du skal indtaste dit navn";  
         }
     elseif (empty($_POST['email'])) { 
         
         echo "Du skal indtaste din e-mail";  
            }
     elseif (empty($_POST['besked'])) { 
         
         echo "Du skal indtaste en besked";  
            }
       else {
           $franavn = $_POST['navn'];
           $framail = $_POST['mail'];
     
           $emne= $_POST['vedr'];
           $besked = $_POST['tekst'];
           $valg = $_POST['valg'];
           $valget = "Ang: $valg";
           $fejl = $_POST['fejl'];
           $fejlen = "Fejlen: $fejl<br>";
           
           $indhold = "Vedr: $emne<br>$fejlen $valget Navn: $franavn<br>Mail: $framail<br><br>Beskeden: $besked";
           
           $sendtil="tilbud@******.net";
   
           $headers = "From: $franavn<$framail>";
     
           if(! mail($sendtil, $emne, $indhold, $headers))
               
             echo "Fejl: Beskeden blev ikke sendt";
         else
             
             echo "Du høre fra mig";
         }
     }
     ?>
             </p>
         </div>
         <div class="section contact">
             
             <p>
                 Du kan kontakte os via kontaktformularen til venstre<br><br><span>eller</span><br><br>Du kan skrive os en mail.<br><br>Tilbud:<br>Tilbud@Ringvig.net<br><br>Support:<br>Support@Ringvig.net
             </p>
         </div>
     </div>
     <div id="footer">
         <div class="clearfix">
             <div id="connect">
                 Like os på facebook<br><a href="https://www.facebook.com/****" target="_blank" class="facebook"></a>
             </div>
             <p>
                 © 2013 Ringvig.net All Rights Reserved.
             </p>
         </div>
     </div>   
 </body>
 </html>

content.php

PHP kode

 <html>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <?php
 $id=$_GET['id'];
 switch($id){
     case "Tilbud"; 
     $str ="<input type='text' name='navn' value='Navn'>
            <input type='text' name='mail' value='E-mail'>
            <select size='1' name='valg'>
            <option selected>     Vælg     </option>
            <option>Løsning 1</option>
            <option>Løsning 2</option>
            <option>Andet</option></select>
            <textarea name='tekst'>Skriv kort om hvad siden skal handle om</textarea>
            <input type='submit' value='Send'>";
     break;
     case "Support";
     $str ="<input type='text' name='navn' value='Navn'>
             <input type='text' name='mail' value='E-mail'>
             <input type='text' name='fejl' value='Vedr'>
             <textarea name='tekst'>Skriv din besked her</textarea>
             <input type='submit' value='Send'>";
     break;
     default: $str = "<input type='submit' value='Send'>";
     break;    
 }
 echo $str;
 ?>
 </html>

En anden ting. den vil ikke skrive æøå i content.php

Indlæg senest redigeret d. 21.08.2013 20:55 af Bruger #16109

Kontakt form hjælp

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler