! Contactformulier !

Stel hier je vragen over website codering (html, css, php, etc) en het maken en bewerken van websites

Moderators: Gloomy, Walter, Mittch

! Contactformulier !

Berichtdoor JohanJoost op zo dec 20, 2009 19:04

Is er ook een standaardformulier te vinden voor op de website? Hoe geef ik in DW CS3 het emailadres aan van de ontvanger? JohanJoost

JohanJoost
 
Berichten: 19
Geregistreerd op: zo nov 15, 2009 18:14

Re: ! Contactformulier !

Berichtdoor Gloomy op ma dec 21, 2009 16:41

contact FORMULIEREN worden gemaakt via PHP of een andere script taal. dat kan niet gecodeerd worden met html en css
je zal deze effe moeten googlen, PHP contact form script. heb je wel wat mooie tussen staan
Gloomy
 
Berichten: 2188
Geregistreerd op: ma feb 25, 2008 10:32

Re: Contactformulier

Berichtdoor Walter op ma dec 21, 2009 17:31

genoeg info te vinden inderdaad, comlete contactformulieren die zo te kopieren zijn. Even googlen.
En niet meer die uitroeptekens bij je onderwerp zetten. Het wordt toch wel gelezen
Walter
Site Admin
 
Berichten: 727
Geregistreerd op: zo jul 08, 2007 22:39

Re: Contactformulier

Berichtdoor JohanJoost op di dec 22, 2009 22:38

Bedankt voor de reacties en voortaan zal ik geen uitroeptekens meer gebruiken (zie onderwerpsregel).

Inmiddels heb ik een contactformulier en een bedankformulier gevonden. Deze heb ik aangepast naar mijn wensen, maar ik loop volgens de W3C-validator site tegen errors aan. Volgens DW CS3 zitten er geen errors aan. Meerdere keren gekeken of ik het op kon lossen, maar lukte nog niet. Zouden jullie er ook eens naar willen kijken? Omdat ik geen bestanden kan bijsluiten -of ik weet nog niet hoe dat hier moet- heb ik ze onder de volgende lijnen gekopieerd en geplakt. Zouden jullie er ook eens naar willen kijken? Alvast bedankt!
___________________________________________________________________________________________________________
Code: Selecteer alles
<!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>Administratiekantoor Langedijk B.V. Obdam: neem contact met ons op!</title>

<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="css/main_final.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body onload="MM_preloadImages('images/navbar/navbar_r2_c6_f2.gif','images/navbar/navbar_r2_c8_f2.gif','images/navbar/navbar_r3_c2_f2.gif','images/navbar/navbar_r3_c4_f2.gif','images/navbar/navbar_r4_c10_f2.gif')">
<div id="wrapper">
   <div id="header">
       <div id="logo"></div>
        <div id="nav">
          <table border="0" cellpadding="0" cellspacing="0" width="760">
            <!-- fwtable fwsrc="header.png" fwpage="Page 2" fwbase="navbar.gif" fwstyle="Dreamweaver" fwdocid = "1837144339" fwnested="0" -->
            <tr>
              <td><img src="images/navbar/spacer.gif" width="33" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="45" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="27" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="40" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="27" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="41" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="27" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="39" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="28" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="60" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="393" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
            <tr>
              <td colspan="11"><img name="navbar_r1_c1" src="images/navbar/navbar_r1_c1.gif" width="760" height="6" border="0" id="navbar_r1_c1" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="6" border="0" alt="" /></td>
            </tr>
            <tr>
              <td colspan="5"><img name="navbar_r2_c1" src="images/navbar/navbar_r2_c1.gif" width="172" height="1" border="0" id="navbar_r2_c1" alt="" /></td>
              <td rowspan="3"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r2_c6','','images/navbar/navbar_r2_c6_f2.gif',1);"><img name="navbar_r2_c6" src="images/navbar/navbar_r2_c6.gif" width="41" height="16" border="0" id="navbar_r2_c6" alt="" /></a></td>
              <td rowspan="5"><img name="navbar_r2_c7" src="images/navbar/navbar_r2_c7.gif" width="27" height="22" border="0" id="navbar_r2_c7" alt="" /></td>
              <td rowspan="3"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r2_c8','','images/navbar/navbar_r2_c8_f2.gif',1);"><img name="navbar_r2_c8" src="images/navbar/navbar_r2_c8.gif" width="39" height="16" border="0" id="navbar_r2_c8" alt="" /></a></td>
              <td rowspan="2" colspan="3"><img name="navbar_r2_c9" src="images/navbar/navbar_r2_c9.gif" width="481" height="2" border="0" id="navbar_r2_c9" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="4"><img name="navbar_r3_c1" src="images/navbar/navbar_r3_c1.gif" width="33" height="21" border="0" id="navbar_r3_c1" alt="" /></td>
              <td rowspan="2"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r3_c2','','images/navbar/navbar_r3_c2_f2.gif',1);"><img name="navbar_r3_c2" src="images/navbar/navbar_r3_c2.gif" width="45" height="15" border="0" id="navbar_r3_c2" alt="" /></a></td>
              <td rowspan="4"><img name="navbar_r3_c3" src="images/navbar/navbar_r3_c3.gif" width="27" height="21" border="0" id="navbar_r3_c3" alt="" /></td>
              <td rowspan="2"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r3_c4','','images/navbar/navbar_r3_c4_f2.gif',1);"><img name="navbar_r3_c4" src="images/navbar/navbar_r3_c4.gif" width="40" height="15" border="0" id="navbar_r3_c4" alt="" /></a></td>
              <td rowspan="4"><img name="navbar_r3_c5" src="images/navbar/navbar_r3_c5.gif" width="27" height="21" border="0" id="navbar_r3_c5" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="3"><img name="navbar_r4_c9" src="images/navbar/navbar_r4_c9.gif" width="28" height="20" border="0" id="navbar_r4_c9" alt="" /></td>
              <td rowspan="2"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r4_c10','','images/navbar/navbar_r4_c10_f2.gif',1);"><img name="navbar_r4_c10" src="images/navbar/navbar_r4_c10_f2.gif" width="60" height="15" border="0" id="navbar_r4_c10" alt="" /></a></td>
              <td rowspan="3"><img name="navbar_r4_c11" src="images/navbar/navbar_r4_c11.gif" width="393" height="20" border="0" id="navbar_r4_c11" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="14" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="2"><img name="navbar_r5_c2" src="images/navbar/navbar_r5_c2.gif" width="45" height="6" border="0" id="navbar_r5_c2" alt="" /></td>
              <td rowspan="2"><img name="navbar_r5_c4" src="images/navbar/navbar_r5_c4.gif" width="40" height="6" border="0" id="navbar_r5_c4" alt="" /></td>
              <td rowspan="2"><img name="navbar_r5_c6" src="images/navbar/navbar_r5_c6.gif" width="41" height="6" border="0" id="navbar_r5_c6" alt="" /></td>
              <td rowspan="2"><img name="navbar_r5_c8" src="images/navbar/navbar_r5_c8.gif" width="39" height="6" border="0" id="navbar_r5_c8" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
            <tr>
              <td><img name="navbar_r6_c10" src="images/navbar/navbar_r6_c10.gif" width="60" height="5" border="0" id="navbar_r6_c10" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="5" border="0" alt="" /></td>
            </tr>
          </table>
        </div>
    </div>
<div id="content">2
  <h1>Contactformulier.</h1>
        <div id="leftColumn">
         
          <form id="form1" name="form1" method="post" action="form_processing.htm">
            <table width="100%" border="0" id="formTable">
            <tr>
              <td><label for="label">Uw naam:</label></td>
              <td><input name="naam" type="text" id="naam" accesskey="c" tabindex="10" value="" /></td>
            </tr>
            <tr>
              <td><label for="label">Naam van uw onderneming:</label></td>
              <td><input type="text" name="bedrijf" id="bedrijf" accesskey="c" tabindex="10" /></td>
            </tr>
            <tr>
              <td><label for="label">Email:</label></td>
              <td><input type="text" name="email" id="email" accesskey="e" tabindex="20" /></td>
            </tr>
            <tr>
              <td><label for="label">Vraag:</label></td>
              <td><textarea name="vraag" id="vraag" accesskey="v" tabindex="30"type=></textarea></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td><label for="label"></label></td>
              <td><input type="submit" name="verzenden" id="verzenden" value="Verzenden" accesskey="v" tabindex="40" /></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
          </table>
        </form>
        </div>
<div id="rightColumn"></div>
</div>
<div id="footer">&copy; 2009 <!-- #BeginDate format:Ge1 -->22.12.2009<!-- #EndDate -->
________________________________________________________________________________________________________
Hieronder volgt het bedankformulier.
________________________________________________________________________________________________________
<!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>Administratiekantoor Langedijk B.V. Obdam: bedankt voor uw vraag!</title>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="css/main_final.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/print_final.css" rel="stylesheet" type="text/css" media="print" />
<link href="bedankt.css" rel="stylesheet" type="text/css" />
</head>

<body onload="MM_preloadImages('images/navbar/navbar_r2_c6_f2.gif','images/navbar/navbar_r2_c8_f2.gif','images/navbar/navbar_r3_c2_f2.gif','images/navbar/navbar_r3_c4_f2.gif','images/navbar/navbar_r4_c10_f2.gif')">
<div id="wrapper">
   <div id="header">
       <div id="logo"></div>
        <div id="nav">
          <table border="0" cellpadding="0" cellspacing="0" width="760">
            <!-- fwtable fwsrc="header.png" fwpage="Page 2" fwbase="navbar.gif" fwstyle="Dreamweaver" fwdocid = "1837144339" fwnested="0" -->
            <tr>
              <td><img src="images/navbar/spacer.gif" width="33" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="45" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="27" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="40" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="27" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="41" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="27" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="39" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="28" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="60" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="393" height="1" border="0" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
            <tr>
              <td colspan="11"><img name="navbar_r1_c1" src="images/navbar/navbar_r1_c1.gif" width="760" height="6" border="0" id="navbar_r1_c1" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="6" border="0" alt="" /></td>
            </tr>
            <tr>
              <td colspan="5"><img name="navbar_r2_c1" src="images/navbar/navbar_r2_c1.gif" width="172" height="1" border="0" id="navbar_r2_c1" alt="" /></td>
              <td rowspan="3"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r2_c6','','images/navbar/navbar_r2_c6_f2.gif',1);"><img name="navbar_r2_c6" src="images/navbar/navbar_r2_c6.gif" width="41" height="16" border="0" id="navbar_r2_c6" alt="" /></a></td>
              <td rowspan="5"><img name="navbar_r2_c7" src="images/navbar/navbar_r2_c7.gif" width="27" height="22" border="0" id="navbar_r2_c7" alt="" /></td>
              <td rowspan="3"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r2_c8','','images/navbar/navbar_r2_c8_f2.gif',1);"><img name="navbar_r2_c8" src="images/navbar/navbar_r2_c8.gif" width="39" height="16" border="0" id="navbar_r2_c8" alt="" /></a></td>
              <td rowspan="2" colspan="3"><img name="navbar_r2_c9" src="images/navbar/navbar_r2_c9.gif" width="481" height="2" border="0" id="navbar_r2_c9" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="4"><img name="navbar_r3_c1" src="images/navbar/navbar_r3_c1.gif" width="33" height="21" border="0" id="navbar_r3_c1" alt="" /></td>
              <td rowspan="2"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r3_c2','','images/navbar/navbar_r3_c2_f2.gif',1);"><img name="navbar_r3_c2" src="images/navbar/navbar_r3_c2.gif" width="45" height="15" border="0" id="navbar_r3_c2" alt="" /></a></td>
              <td rowspan="4"><img name="navbar_r3_c3" src="images/navbar/navbar_r3_c3.gif" width="27" height="21" border="0" id="navbar_r3_c3" alt="" /></td>
              <td rowspan="2"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r3_c4','','images/navbar/navbar_r3_c4_f2.gif',1);"><img name="navbar_r3_c4" src="images/navbar/navbar_r3_c4.gif" width="40" height="15" border="0" id="navbar_r3_c4" alt="" /></a></td>
              <td rowspan="4"><img name="navbar_r3_c5" src="images/navbar/navbar_r3_c5.gif" width="27" height="21" border="0" id="navbar_r3_c5" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="3"><img name="navbar_r4_c9" src="images/navbar/navbar_r4_c9.gif" width="28" height="20" border="0" id="navbar_r4_c9" alt="" /></td>
              <td rowspan="2"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r4_c10','','images/navbar/navbar_r4_c10_f2.gif',1);"><img name="navbar_r4_c10" src="images/navbar/navbar_r4_c10.gif" width="60" height="15" border="0" id="navbar_r4_c10" alt="" /></a></td>
              <td rowspan="3"><img name="navbar_r4_c11" src="images/navbar/navbar_r4_c11.gif" width="393" height="20" border="0" id="navbar_r4_c11" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="14" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="2"><img name="navbar_r5_c2" src="images/navbar/navbar_r5_c2.gif" width="45" height="6" border="0" id="navbar_r5_c2" alt="" /></td>
              <td rowspan="2"><img name="navbar_r5_c4" src="images/navbar/navbar_r5_c4.gif" width="40" height="6" border="0" id="navbar_r5_c4" alt="" /></td>
              <td rowspan="2"><img name="navbar_r5_c6" src="images/navbar/navbar_r5_c6.gif" width="41" height="6" border="0" id="navbar_r5_c6" alt="" /></td>
              <td rowspan="2"><img name="navbar_r5_c8" src="images/navbar/navbar_r5_c8.gif" width="39" height="6" border="0" id="navbar_r5_c8" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
            <tr>
              <td><img name="navbar_r6_c10" src="images/navbar/navbar_r6_c10.gif" width="60" height="5" border="0" id="navbar_r6_c10" alt="" /></td>
              <td><img src="images/navbar/spacer.gif" width="1" height="5" border="0" alt="" /></td>
            </tr>
          </table>
        </div>
    </div>
    <div id="content">
        <h1>Bedankt voor uw reactie.</h1>
        <p></p>
    </div>
    <div id="footer">&copy; 2009 <!-- #BeginDate format:Ge1 -->22.12.2009<!-- #EndDate -->
</body>
</html>
________________________________________________________________________________________________________

mod edit: 2de keer: zet code tussen code tags
JohanJoost
 
Berichten: 19
Geregistreerd op: zo nov 15, 2009 18:14

Re: Contactformulier

Berichtdoor JohanJoost op wo dec 23, 2009 21:38

Allemaal heel goed natuurlijk, maar wat voor fouten heb ik nou eigenlijk gemaakt? Weten jullie dat misschien wel? JohanJoost
JohanJoost
 
Berichten: 19
Geregistreerd op: zo nov 15, 2009 18:14

Re: ! Contactformulier !

Berichtdoor Gloomy op do dec 24, 2009 16:59

Code: Selecteer alles
<form id="form1" name="form1" method="post" action="form_processing.htm">


eeuhhhm weet je zeker dat het geen php pagina moet zijn?
Gloomy
 
Berichten: 2188
Geregistreerd op: ma feb 25, 2008 10:32

Re: ! Contactformulier !

Berichtdoor JohanJoost op vr dec 25, 2009 10:10

Als ik dit bestand inlees in de browser krijg ik allemal parsymbolen, etc.. Bv: \par
\par \par (in veelvoud). Hoe kan dat?

Code: Selecteer alles
    <!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>Administratiekantoor Langedijk B.V. Obdam: neem contact met ons op!</title>

    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    <link href="css/main_final.css" rel="stylesheet" type="text/css" media="screen" />
    </head>

    <body onload="MM_preloadImages('images/navbar/navbar_r2_c6_f2.gif','images/navbar/navbar_r2_c8_f2.gif','images/navbar/navbar_r3_c2_f2.gif','images/navbar/navbar_r3_c4_f2.gif','images/navbar/navbar_r4_c10_f2.gif')">
    <div id="wrapper">
       <div id="header">
           <div id="logo"></div>
            <div id="nav">
              <table border="0" cellpadding="0" cellspacing="0" width="760">
                <!-- fwtable fwsrc="header.png" fwpage="Page 2" fwbase="navbar.gif" fwstyle="Dreamweaver" fwdocid = "1837144339" fwnested="0" -->
                <tr>
                  <td><img src="images/navbar/spacer.gif" width="33" height="1" border="0" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="45" height="1" border="0" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="27" height="1" border="0" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="40" height="1" border="0" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="27" height="1" border="0" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="41" height="1" border="0" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="27" height="1" border="0" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="39" height="1" border="0" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="28" height="1" border="0" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="60" height="1" border="0" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="393" height="1" border="0" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
                </tr>
                <tr>
                  <td colspan="11"><img name="navbar_r1_c1" src="images/navbar/navbar_r1_c1.gif" width="760" height="6" border="0" id="navbar_r1_c1" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="1" height="6" border="0" alt="" /></td>
                </tr>
                <tr>
                  <td colspan="5"><img name="navbar_r2_c1" src="images/navbar/navbar_r2_c1.gif" width="172" height="1" border="0" id="navbar_r2_c1" alt="" /></td>
                  <td rowspan="3"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r2_c6','','images/navbar/navbar_r2_c6_f2.gif',1);"><img name="navbar_r2_c6" src="images/navbar/navbar_r2_c6.gif" width="41" height="16" border="0" id="navbar_r2_c6" alt="" /></a></td>
                  <td rowspan="5"><img name="navbar_r2_c7" src="images/navbar/navbar_r2_c7.gif" width="27" height="22" border="0" id="navbar_r2_c7" alt="" /></td>
                  <td rowspan="3"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r2_c8','','images/navbar/navbar_r2_c8_f2.gif',1);"><img name="navbar_r2_c8" src="images/navbar/navbar_r2_c8.gif" width="39" height="16" border="0" id="navbar_r2_c8" alt="" /></a></td>
                  <td rowspan="2" colspan="3"><img name="navbar_r2_c9" src="images/navbar/navbar_r2_c9.gif" width="481" height="2" border="0" id="navbar_r2_c9" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
                </tr>
                <tr>
                  <td rowspan="4"><img name="navbar_r3_c1" src="images/navbar/navbar_r3_c1.gif" width="33" height="21" border="0" id="navbar_r3_c1" alt="" /></td>
                  <td rowspan="2"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r3_c2','','images/navbar/navbar_r3_c2_f2.gif',1);"><img name="navbar_r3_c2" src="images/navbar/navbar_r3_c2.gif" width="45" height="15" border="0" id="navbar_r3_c2" alt="" /></a></td>
                  <td rowspan="4"><img name="navbar_r3_c3" src="images/navbar/navbar_r3_c3.gif" width="27" height="21" border="0" id="navbar_r3_c3" alt="" /></td>
                  <td rowspan="2"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r3_c4','','images/navbar/navbar_r3_c4_f2.gif',1);"><img name="navbar_r3_c4" src="images/navbar/navbar_r3_c4.gif" width="40" height="15" border="0" id="navbar_r3_c4" alt="" /></a></td>
                  <td rowspan="4"><img name="navbar_r3_c5" src="images/navbar/navbar_r3_c5.gif" width="27" height="21" border="0" id="navbar_r3_c5" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
                </tr>
                <tr>
                  <td rowspan="3"><img name="navbar_r4_c9" src="images/navbar/navbar_r4_c9.gif" width="28" height="20" border="0" id="navbar_r4_c9" alt="" /></td>
                  <td rowspan="2"><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r4_c10','','images/navbar/navbar_r4_c10_f2.gif',1);"><img name="navbar_r4_c10" src="images/navbar/navbar_r4_c10_f2.gif" width="60" height="15" border="0" id="navbar_r4_c10" alt="" /></a></td>
                  <td rowspan="3"><img name="navbar_r4_c11" src="images/navbar/navbar_r4_c11.gif" width="393" height="20" border="0" id="navbar_r4_c11" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="1" height="14" border="0" alt="" /></td>
                </tr>
                <tr>
                  <td rowspan="2"><img name="navbar_r5_c2" src="images/navbar/navbar_r5_c2.gif" width="45" height="6" border="0" id="navbar_r5_c2" alt="" /></td>
                  <td rowspan="2"><img name="navbar_r5_c4" src="images/navbar/navbar_r5_c4.gif" width="40" height="6" border="0" id="navbar_r5_c4" alt="" /></td>
                  <td rowspan="2"><img name="navbar_r5_c6" src="images/navbar/navbar_r5_c6.gif" width="41" height="6" border="0" id="navbar_r5_c6" alt="" /></td>
                  <td rowspan="2"><img name="navbar_r5_c8" src="images/navbar/navbar_r5_c8.gif" width="39" height="6" border="0" id="navbar_r5_c8" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
                </tr>
                <tr>
                  <td><img name="navbar_r6_c10" src="images/navbar/navbar_r6_c10.gif" width="60" height="5" border="0" id="navbar_r6_c10" alt="" /></td>
                  <td><img src="images/navbar/spacer.gif" width="1" height="5" border="0" alt="" /></td>
                </tr>
              </table>
            </div>
        </div>
    <div id="content">2
      <h1>Contactformulier.</h1>
            <div id="leftColumn">
             
              <form id="form1" name="form1" method="post" action="form_processing.htm">
                <table width="100%" border="0" id="formTable">
                <tr>
                  <td><label for="label">Uw naam:</label></td>
                  <td><input name="naam" type="text" id="naam" accesskey="c" tabindex="10" value="" /></td>
                </tr>
                <tr>
                  <td><label for="label">Naam van uw onderneming:</label></td>
                  <td><input type="text" name="bedrijf" id="bedrijf" accesskey="c" tabindex="10" /></td>
                </tr>
                <tr>
                  <td><label for="label">Email:</label></td>
                  <td><input type="text" name="email" id="email" accesskey="e" tabindex="20" /></td>
                </tr>
                <tr>
                  <td><label for="label">Vraag:</label></td>
                  <td><textarea name="vraag" id="vraag" accesskey="v" tabindex="30"type=></textarea></td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td><label for="label"></label></td>
                  <td><input type="submit" name="verzenden" id="verzenden" value="Verzenden" accesskey="v" tabindex="40" /></td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
              </table>
            </form>
            </div>
    <div id="rightColumn"></div>
    </div>
    <div id="footer">&copy; 2009 <!-- #BeginDate format:Ge1 -->22.12.2009<!-- #EndDate -->
</body>
    </html>
JohanJoost
 
Berichten: 19
Geregistreerd op: zo nov 15, 2009 18:14

Re: ! Contactformulier !

Berichtdoor Gloomy op vr dec 25, 2009 11:22

ik zou lekker voor een php script gaan als ik jou was :P javascript zit zooo raar in elkaar haha :P
Gloomy
 
Berichten: 2188
Geregistreerd op: ma feb 25, 2008 10:32

Re: ! Contactformulier !

Berichtdoor JohanJoost op vr dec 25, 2009 12:16

Nu heb ik zelf een contactformulier geschreven in DW CS3. De code staat onder dit bericht tussen tags. Minder fouten, wel hele flauwe volgens de validator van W3C. Kunnen jullie hier wijzer van worden:
1. Error Line 34, Column 68: required attribute "rows" not specified

…e="vraag" id="vraag" accesskey="v" tabindex="40"></textarea>



The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
2. Error Line 34, Column 68: required attribute "cols" not specified

…e="vraag" id="vraag" accesskey="v" tabindex="40"></textarea>



The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
3. Warning Line 17, Column 21: reference to non-existent ID "label"

<td><label for="label">bedrijf</label></td>



This error can be triggered by:
* A non-existent input, select or textarea element
* A missing id attribute
* A typographical error in the id attribute

Try to check the spelling and case of the id you are referring to.
4. Warning Line 24, Column 21: reference to non-existent ID "label"

<td><label for="label">e-mail</label></td>



This error can be triggered by:
* A non-existent input, select or textarea element
* A missing id attribute
* A typographical error in the id attribute

Try to check the spelling and case of the id you are referring to.
5. Warning Line 31, Column 21: reference to non-existent ID "label"

<td><label for="label">vraag</label></td>



This error can be triggered by:
* A non-existent input, select or textarea element
* A missing id attribute
* A typographical error in the id attribute

Try to check the spelling and case of the id you are referring to.


Code: Selecteer alles
<!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>Untitled Document</title>
</head>

<body><table width="100%" border="0">
  <tr>
    <td>naam</td>
    <td><form id="form1" name="form1" method="post" action="">
      <label for="naam"></label>
      <input type="text" name="naam" id="naam" accesskey="n" tabindex="10" />
    </form>    </td>
  </tr>
  <tr>
    <td><label for="label">bedrijf</label></td>
    <td><form id="form2" name="form2" method="post" action="">
      <label for="bedrijf"></label>
      <input type="text" name="bedrijf" id="bedrijf" accesskey="b" tabindex="20" />
    </form>    </td>
  </tr>
  <tr>
    <td><label for="label">e-mail</label></td>
    <td><form id="form3" name="form3" method="post" action="">
      <label for="e-mail"></label>
      <input type="text" name="e-mail" id="e-mail" accesskey="e" tabindex="30" />
    </form>    </td>
  </tr>
  <tr>
    <td><label for="label">vraag</label></td>
    <td><form id="form4" name="form4" method="post" action="">
      <label for="vraag"></label>
      <textarea name="vraag" id="vraag" accesskey="v" tabindex="40"></textarea>
    </form>    </td>
  </tr>
  <tr>
    <td><input type="reset" name="verwijderen" id="verwijderen" value="Reset" accesskey="v" tabindex="70" /></td>
    <td><form id="form5" name="form5" method="post" action="">
      <label for="verzenden"></label>
      <input type="submit" name="verzenden" id="verzenden" value="Submit" accesskey="v" tabindex="50" />
    </form>    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><form id="form6" name="form6" method="post" action="">
      <label for="verwijderen"></label>
    </form>    </td>
  </tr>
</table>

</body>
</html>
JohanJoost
 
Berichten: 19
Geregistreerd op: zo nov 15, 2009 18:14

Re: ! Contactformulier !

Berichtdoor Gloomy op vr dec 25, 2009 14:50

die errors spreken opzich voor zichzelf..
je heb een text area waar de grote nie opgegeven is in het juiste formaat, das de eerste 2.
naja.. de rest lees je zelf maar effe -.-
Gloomy
 
Berichten: 2188
Geregistreerd op: ma feb 25, 2008 10:32

Re: ! Contactformulier !

Berichtdoor JohanJoost op vr dec 25, 2009 16:01

Ik heb nu eindelijk een foutloos html-contactformulier klaar. Het enigste is nu nog dat ik een emailadres wil toevoegen plus een doorschakeling naar een bedankformulier. Hoe krijg ik dat voorelkaar?
Code: Selecteer alles
<!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>Contactformulier</title>
</head>

<body><table width="100%" border="0">
  <tr>
    <td>Naam</td>
    <td><form id="form1" name="naam" method="post" action="">
      <label for="naam"></label>
      <input type="text" name="naam" id="naam" accesskey="n" tabindex="10" />
    </form>    </td>
  </tr>
  <tr>
    <td><label for="label">Bedrijf</label></td>
    <td><form id="form2" name="form2" method="post" action="">
      <label for="bedrijf"></label>
      <input type="text" name="bedrijf" id="bedrijf" accesskey="b" tabindex="20" />
    </form>    </td>
  </tr>
  <tr>
    <td>E-mail</td>
    <td><form id="form3" name="form3" method="post" action="">
      <label for="e-mail"></label>
      <input type="text" name="e-mail" id="e-mail" accesskey="e" tabindex="30" />
    </form>    </td>
  </tr>
  <tr>
    <td><label for="label">Vraag</label></td>
    <td><form id="form4" name="form4" method="post" action="">
      <label for="vraag"></label>
      <textarea name="vraag" cols="100" rows="5" id="vraag" accesskey="v" tabindex="40"></textarea>
    </form>    </td>
  </tr>
  <tr>
    <td><label for="label"></label>
      <input type="reset" name="Reset" id="label" value="Reset" accesskey="z" tabindex="60" />     
    <label for="reset"></label></td>
    <td><form id="reset" name="reset" method="post" action="">
      <label for="verzenden"></label>
      <input type="submit" name="verzenden" id="verzenden" value="Verzenden" accesskey="z" tabindex="60" />
    </form>
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>

JohanJoost
 
Berichten: 19
Geregistreerd op: zo nov 15, 2009 18:14

Re: ! Contactformulier !

Berichtdoor Gloomy op vr dec 25, 2009 23:37

bij action gooi je de bedank pagina enzo...

maar eueuhmm... heb je dit formulier zelf gemaakt met htm??? of is het gelinkt aan een ander systeem ofso?
Gloomy
 
Berichten: 2188
Geregistreerd op: ma feb 25, 2008 10:32



Keer terug naar Vragen over Webdesign en codering (html, css, php, ...)

Wie is er online

Gebruikers op dit forum: Geen geregistreerde gebruikers en 0 gasten