Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

e-mail formulier

3 antwoorden
  • ik wil graag een e-mail formulier maken voor op mijn site, waar je ook een foto bij kan uploaden. dat formulier kan ik wel, maar hoe krijg ik het voor elkaar dat je er ook een foto in kan uploaden?
  • Hoi Jan, Mijn vraag is, op wat voor manier maak jij het formulier? In HTML forms en dan "POST' naar je CGI-BIN? Dit is uiteraard de makkelijkste methode. Er is veel vraag naar een script die jij omschrijft in combinatie met CGI-BIN. De foto's worden dan geüpload naar een permissie 777 map op de server/hosting. En vervolgens toonbaar in de mail. Hier de specificaties - Verstuurd de mail inclusief foto die op de hosting wordt opgeslagen. - Errors worden weergeven zodra er een fout ontstaat, de CGI laat ook precies weten waar de fout zit. - Plain of HTML verzend mogelijkheden - Via Sendmail of SMTP versturen - Eventueel GPG encryption - Verstuurd foto's (3 max) naar een aangegeven directory Uiteraard is dit allemaal niet snel uit te leggen. Voordat ik deze script naar je stuur, wil ik weten of je CGI-BIN gebruikt en of je hosting eigen CGI toestaat. Hoor het van je.
  • [quote:8c112902ce="iprodesign"]Hoi Jan, Mijn vraag is, op wat voor manier maak jij het formulier? In HTML forms en dan "POST' naar je CGI-BIN? Dit is uiteraard de makkelijkste methode. Er is veel vraag naar een script die jij omschrijft in combinatie met CGI-BIN. De foto's worden dan geüpload naar een permissie 777 map op de server/hosting. En vervolgens toonbaar in de mail. Hier de specificaties - Verstuurd de mail inclusief foto die op de hosting wordt opgeslagen. - Errors worden weergeven zodra er een fout ontstaat, de CGI laat ook precies weten waar de fout zit. - Plain of HTML verzend mogelijkheden - Via Sendmail of SMTP versturen - Eventueel GPG encryption - Verstuurd foto's (3 max) naar een aangegeven directory Uiteraard is dit allemaal niet snel uit te leggen. Voordat ik deze script naar je stuur, wil ik weten of je CGI-BIN gebruikt en of je hosting eigen CGI toestaat. Hoor het van je.[/quote:8c112902ce] ik gebruik geen CGI-BIN, en ik weet niet of strato.com CGI toestaat, verder vraag ik me af wat ik moet veranderen in mijn script(zie hieronder) als ik het ingevulde formulier naar een map in mijn HOST wil laten posten? en wat ik toe moet voegen als ik een foto-upload-functie er aan toe wil voegen <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Supporter formulier</title> <script language="JavaScript"><!-- function goThere(form){ var linkList=form.selectThis.selectedIndex if(!linkList==""){window.location.href=form.selectThis.options[linkList].value;} } //--></script> </head> <body> <Script Language ="JavaScript"> function CheckForm() { if (document.reactie.naam.value == "") { alert("Uw naam is niet ingevuld"); return false; } if (document.reactie.bijnaam.value == "") { alert("Uw bijnaam is niet ingevuld"); return false; } if (document.reactie.email.value == "") { alert("Uw emailadres is niet ingevuld"); return false; } if (document.reactie.club.value == "") { alert("Uw club is niet ingevuld"); return false; } if (document.reactie.team.value == "") { alert("Uw team is niet ingevuld"); return false; } if (document.reactie.geslacht.value == "") { alert("Uw geslacht is niet ingevuld"); return false; } mail.style.cursor='wait'; document.reactie.SUBMIT.disabled=true; return true; } var buttonBackgroundMouseOverColor = "orange"; var buttonBackgroundDefaultColor = "#111111"; var buttonTextMouseOverColor = "#FFFFFF"; var buttonTextDefaultColor = "#FFFFFF"; var buttonBorderMouseOverColor = "black"; var buttonBorderDefaultColor = "#333333"; var buttonBorderWidth = "2px"; var buttonFontSize = "11px"; var buttonFontWeight = "bold"; var buttonFontFamily = "'Verdana'"; var buttonBorderColor = "#222222"; var onFocusbuttonBackgroundColor = "orange"; var onFocusbuttonTextColor = "#FFFFFF"; var onFocusbuttonBorderColor = "black"; var defaultFieldBorderColor = "orange"; var defaultFieldBorderWidth = 1; var defaultFieldBackgroundColor = "white"; var defaultFieldMargin = 3; var defaultFieldBorderStyle = "solid"; var fieldFontFamily = "'Verdana'"; var fieldFontColor = "black"; var fieldFontSize = "11px"; var onFocusFieldBorderColor = "#FF9800"; var onFocusFieldBorderWidth = 2; var onFocusFieldBackgroundColor = "orange"; var onFocusFieldMargin = 2; var onFocusFieldBorderStyle = "solid"; var onMouseOverFieldBorderColor = "black"; var onMouseOverFieldBorderWidth = 2; var onMouseOverFieldBackgroundColor = "white"; var onMouseOverFieldMargin = 2; var onMouseOverFieldBorderStyle = "solid"; function initForms() { var elementen = document.forms; for (var i=0; i<elementen.length; i++) { for (var x=0; x<elementen[i].length; x++) { var veldsoort = elementen[i][x].type; if ((veldsoort == "text") || (veldsoort == "password") || (veldsoort == "textarea")) { elementen[i][x].style.fontFamily = fieldFontFamily; elementen[i][x].style.fontSize = fieldFontSize; elementen[i][x].style.color = fieldFontColor; elementen[i][x].style.borderWidth = defaultFieldBorderWidth; elementen[i][x].style.borderColor = defaultFieldBorderColor; elementen[i][x].style.borderStyle = defaultFieldBorderStyle; elementen[i][x].style.margin = defaultFieldMargin; elementen[i][x].style.background = defaultFieldBackgroundColor; elementen[i][x].onfocus = fieldFocus; elementen[i][x].onblur = fieldBlur; elementen[i][x].onmouseover = fieldMouseOver; elementen[i][x].onmouseout = fieldMouseOut; } else { if ((veldsoort == "submit") || (veldsoort == "reset" || veldsoort == "button")) { elementen[i][x].style.background = buttonBackgroundDefaultColor; elementen[i][x].style.borderWidth = buttonBorderWidth; elementen[i][x].style.fontSize = buttonFontSize; elementen[i][x].style.fontWeight = buttonFontWeight; elementen[i][x].style.fontFamily = buttonFontFamily; elementen[i][x].style.borderColor = buttonBorderColor; elementen[i][x].style.color = buttonTextDefaultColor; elementen[i][x].onfocus = buttonFocus; elementen[i][x].onblur = buttonBlur; elementen[i][x].onmouseover = buttonMouseOver; elementen[i][x].onmouseout = buttonMouseOut; } } } } } function buttonFocus() { this.style.background = onFocusbuttonBackgroundColor; this.style.color = onFocusbuttonTextColor; this.style.borderColor = onFocusbuttonBorderColor; } function buttonBlur() { this.style.background = buttonBackgroundDefaultColor; this.style.color = buttonTextDefaultColor; this.style.borderColor = buttonBorderDefaultColor; } function buttonMouseOver() { this.style.background = buttonBackgroundMouseOverColor; this.style.color = buttonTextMouseOverColor; this.style.borderColor = buttonBorderMouseOverColor; } function buttonMouseOut() { this.style.background = buttonBackgroundDefaultColor; this.style.color = buttonTextDefaultColor; this.style.borderColor = buttonBorderDefaultColor; } function fieldFocus() { this.style.background = onFocusFieldBackgroundColor; this.style.borderColor = onFocusFieldBorderColor; this.style.borderWidth = onFocusFieldBorderWidth; this.style.borderStyle = onFocusFieldBorderStyle; this.style.margin = onFocusFieldMargin; } function fieldBlur() { this.style.background = defaultFieldBackgroundColor; this.style.borderColor = defaultFieldBorderColor; this.style.borderWidth = defaultFieldBorderWidth; this.style.borderStyle = defaultFieldBorderStyle; this.style.margin = defaultFieldMargin; } function fieldMouseOver() { if (this.style.background != onFocusFieldBackgroundColor) { this.style.background = onMouseOverFieldBackgroundColor; this.style.borderColor = onMouseOverFieldBorderColor; this.style.borderWidth = onMouseOverFieldBorderWidth; this.style.borderStyle = onMouseOverFieldBorderStyle; this.style.margin = onMouseOverFieldMargin; } } function fieldMouseOut() { if (this.style.background != onFocusFieldBackgroundColor) { this.style.background = defaultFieldBackgroundColor; this.style.borderColor = defaultFieldBorderColor; this.style.borderWidth = defaultFieldBorderWidth; this.style.borderStyle = defaultFieldBorderStyle; this.style.margin = defaultFieldMargin; } } </Script> </head> <body id="mail" background="achtergrond.jpg" link="#FF8800" alink="#FF8800" vlink="#FF8800" onLoad="initForms();"> <form name="reactie" action="mailto:jan_heijnis@hotmail.com" method=POST enctype="text/plain" onSubmit="return CheckForm()"> <input name="subject" value="nieuwe supporter" type=hidden> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" colspan="2" valign="top"> <br><b>Aanmeldingsformulier supporter</b> <p> </td> </tr> <tr> <td align="left"><b>Naam:</b></td> <td> <input name="naam" type="TEXT" rows=1 size="38"></td> </tr> <tr> <td align="left"><b>Bijnaam:</b></td> <td> <input name="bijnaam" type="TEXT" rows=1 size="38"></td> </tr> <tr> <td align="left"><b>E-mailadres:</b></td> <td> <input name="email" type="TEXT" rows=1 size="38"></td> </tr> <tr> <td align="left"><b>Club:</b></td> <td> <input name="club" type="TEXT" rows=1 size="38"></td> </tr> <tr> <td align="left"><b>Team:</b></td> <td> <input name="team" type="TEXT" rows=1 size="38"></td> </tr> <tr> <td align="left"><b>Leeftijd:</b></td> <td> <input name="leeftijd" type="TEXT" rows=1 size="38"></td> </tr> <tr> <td align="left"><b>Geslacht:</b></td> <td><select input name="geslacht"> <option selected value="">kies <option value="man">man <option value="vrouw">vrouw </select></td> </tr> <tr> <td align="left" colspan="2"><br><b>Iets over jezelf:</b><br> <textarea name="over jezelf" cols=47 rows=8></textarea> </td> </tr> <tr> <td align="left" colspan="2"><br><input value="Verstuur" type="SUBMIT" name="SUBMIT" onFocus="blur()"> <input value="Herstel" type="RESET" name="RESET" onFocus="blur()"> </td> </tr> <tr> <td align="left" colspan="2"> </td> </tr> </table> </td> </tr> </table> </body> </html> </BODY> </HTML>[/b]

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.