Javascript popupdoorsturen

Status
Niet open voor verdere reacties.
G

gast0187

Gebruiker
Lid geworden
4 nov 2012
Berichten
266
Hallo,

dit is bvb een functie dat een javascript popup toont met info:

Code: 
function afdrukken() {
var datum = new Date();
var dag = datum.getDate();
var maand = datum.getMonth() + 1;
var jaar = datum.getFullYear();
naam = naam.obj.value;
email = email.obj.value;
tel = tel.obj.value;
aflever = aflever.obj.value;
factuur = factuur.obj.value;
art1aantal = art1aantal.obj.value;
art2aantal = art2aantal.obj.value;
art3aantal = art3aantal.obj.value;
art4aantal = art4aantal.obj.value;
art1totbedrag = art1totbedrag.obj.value;
art2totbedrag = art2totbedrag.obj.value;
art3totbedrag = art3totbedrag.obj.value;
art4totbedrag = art4totbedrag.obj.value;
totbedrag = totbedrag.obj.value;

var nieuwvenster = window.open('', 'Bestelformulier', 'height=550,width=650,resizable=no,toolbar=no,status=no');
var tekst = "<div align='center'><h1>Bestelformulier</h1></div>";
tekst += "Besteldatum: " + dag + "-" + maand + "-" + jaar + "<br><br>";
tekst += "<table><tr><td>";
tekst += "Op naam van: </td><td>";
tekst += naam + "</td></tr><tr><td>";
tekst += "e-mail adres: </td><td>";
tekst += email + "</td></tr><tr><td>";
tekst += "telefoonnummer: </td><td>";
tekst += tel + "</td></tr>"
tekst += "</table>";
tekst += "<table><tr><td>Afleveradres</td><td>Facturatieadres</td></tr><tr><td>" + aflever + "</td><td>" + factuur + "</td></tr>";
tekst += "<hr>"
tekst += "<table><tr><th>Artikel</th><th>Prijs</th><th>Aantal</th><th>Bedrag</th></tr>";
tekst += "<tr><td>Eerste artikel</td><td>&euro;" + bedragart1 + ",-</td><td>" + art1aantal + "</td><td>" + art1totbedrag + "</td></tr>";
tekst += "<tr><td>tweede artikel</td><td>&euro;" + bedragart2 + ",-</td><td>" + art2aantal + "</td><td>" + art2totbedrag + "</td></tr>";
tekst += "<tr><td>derde artikel</td><td>&euro;" + bedragart3 + ",-</td><td>" + art3aantal + "</td><td>" + art3totbedrag + "</td></tr>";
tekst += "<tr><td>vierde artikel</td><td>&euro;" + bedragart4 + ",-</td><td>" + art4aantal + "</td><td>" + art4totbedrag + "</td></tr>";
tekst += "<tr><td>&nbsp;</td><td>&nbsp;</td><td>Totaal: &euro;</td><td>" + totbedrag + "</td></table>";
tekst += "<hr>";
tekst += "<br><p>Handtekening</p>";
tekst += "<br>" + naam;
nieuwvenster.document.write(tekst);
}

Nu is het ook mogelijk om de inhoud hiervan te versturen naar een emailadres dus als ik op de button duw dat deze inhoud van de popup verstuurd wordt naar een emailadres en dan de gebruiker het popup venster ziet.

Is dit mogelijk? (gelieve alleen HTML, javascript)

Eigenlijk wil ik gewoon die gegevens vanuit javascript doorsturen naar email zoals je met een html form kan.

Ik weet hier geen raad mee

Alvast op voorhand bedankt.
 
Laatst bewerkt door een moderator:
Nu heb er dit van gemaakt:

mijn popup verschijnt en hij opent mijn mailprogramma alleen staat er geen inhoud in de mail.

Code: 
<!DOCTYPE html>
<html>
<head>
<title>Bestelformulier</title>
<meta name="Author" content="Antoon Verroken">
<style>
body{
background: #F5F5F5;
}
#container{
width: 960px;
margin: 0px auto;
}
.tssntitel{
text-align: center;
}
</style>
<script>
var naam;
var email;
var tel;
var aflever;
var factuur;
var adresgelijk;
var art1aantal, art2aantal, art3aantal, art4aantal;
var art1bedrag, art2bedrag, art3bedrag, art4bedrag;
var totbedrag;
var plaatsbestelling;
var herstel;
var bedragart1 = 150;
var bedragart2 = 25;
var bedragart3 = 98;
var bedragart4 = 279;

function initieer() {
naam = new getObj("IDnaam");
email = new getObj("IDemail");
tel = new getObj("IDtel");
aflever = new getObj("IDaflever");
factuur = new getObj("IDfactuur");
adresgelijk = new getObj("IDadresgelijk");
art1aantal = new getObj("IDart1aantal");
art2aantal = new getObj("IDart2aantal");
art3aantal = new getObj("IDart3aantal");
art4aantal = new getObj("IDart4aantal");
art1totbedrag = new getObj("IDart1totbedrag");
art2totbedrag = new getObj("IDart2totbedrag");
art3totbedrag = new getObj("IDart3totbedrag");
art4totbedrag = new getObj("IDart4totbedrag");
totbedrag = new getObj("IDtotbedrag");
plaatsbestelling = new getObj("IDplaatsbestelling");
herstel = new getObj("IDherstel");

adresgelijk.obj.onclick = dupliceren;
plaatsbestelling.obj.onclick = afdrukken;
herstel.obj.onclick = wissen;
art1aantal.obj.onchange = update;
art2aantal.obj.onchange = update;
art3aantal.obj.onchange = update;
art4aantal.obj.onchange = update;
update();
}

function update() {
totbedrag.obj.value = "0";

art1totbedrag.obj.value = art1aantal.obj.value * bedragart1;
art2totbedrag.obj.value = art2aantal.obj.value * bedragart2;
art3totbedrag.obj.value = art3aantal.obj.value * bedragart3;
art4totbedrag.obj.value = art4aantal.obj.value * bedragart4;

totbedrag.obj.value = parseInt(art1totbedrag.obj.value) + parseInt(art2totbedrag.obj.value) + parseInt(art3totbedrag.obj.value) + parseInt(art4totbedrag.obj.value);
}

function dupliceren() {
if (adresgelijk.obj.checked){
if (aflever.obj.value != aflever.obj.defaultValue){
factuur.obj.value = aflever.obj.value;
} else {
adresgelijk.obj.checked = false;
}
} else {
factuur.obj.value = factuur.obj.defaultValue;
}
}

function wissen() {
var wissen=confirm("Mag alles gewist worden?");
if (wissen==true) {
naam.obj.value = "";
email.obj.value = "";
tel.obj.value = "";
aflever.obj.value = "";
factuur.obj.value = "";
art1aantal.obj.value = "";
art2aantal.obj.value = "";
art3aantal.obj.value = "";
art4aantal.obj.value = "";
art1totbedrag.obj.value = "";
art2totbedrag.obj.value = "";
art3totbedrag.obj.value = "";
art4totbedrag.obj.value = "";
totbedrag.obj.value = "";
}
}

function afdrukken() {
var datum = new Date();
var dag = datum.getDate();
var maand = datum.getMonth() + 1;
var jaar = datum.getFullYear();
naam = naam.obj.value;
email = email.obj.value;
tel = tel.obj.value;
aflever = aflever.obj.value;
factuur = factuur.obj.value;
art1aantal = art1aantal.obj.value;
art2aantal = art2aantal.obj.value;
art3aantal = art3aantal.obj.value;
art4aantal = art4aantal.obj.value;
art1totbedrag = art1totbedrag.obj.value;
art2totbedrag = art2totbedrag.obj.value;
art3totbedrag = art3totbedrag.obj.value;
art4totbedrag = art4totbedrag.obj.value;
totbedrag = totbedrag.obj.value;

var nieuwvenster = window.open('', 'Bestelformulier', 'height=550,width=650,resizable=no,toolbar=no,status=no');
var tekst = "<div align='center'><h1>Bestelformulier</h1></div>";
tekst += "Besteldatum: " + dag + "-" + maand + "-" + jaar + "<br><br>";
tekst += "<table><tr><td>";
tekst += "Op naam van: </td><td>";
tekst += naam + "</td></tr><tr><td>";
tekst += "e-mail adres: </td><td>";
tekst += email + "</td></tr><tr><td>";
tekst += "telefoonnummer: </td><td>";
tekst += tel + "</td></tr>"
tekst += "</table>";
tekst += "<table><tr><td>Afleveradres</td><td>Facturatieadres</td></tr><tr><td>" + aflever + "</td><td>" + factuur + "</td></tr>";
tekst += "<hr>"
tekst += "<table><tr><th>Artikel</th><th>Prijs</th><th>Aantal</th><th>Bedrag</th></tr>";
tekst += "<tr><td>Eerste artikel</td><td>&euro;" + bedragart1 + ",-</td><td>" + art1aantal + "</td><td>" + art1totbedrag + "</td></tr>";
tekst += "<tr><td>tweede artikel</td><td>&euro;" + bedragart2 + ",-</td><td>" + art2aantal + "</td><td>" + art2totbedrag + "</td></tr>";
tekst += "<tr><td>derde artikel</td><td>&euro;" + bedragart3 + ",-</td><td>" + art3aantal + "</td><td>" + art3totbedrag + "</td></tr>";
tekst += "<tr><td>vierde artikel</td><td>&euro;" + bedragart4 + ",-</td><td>" + art4aantal + "</td><td>" + art4totbedrag + "</td></tr>";
tekst += "<tr><td>&nbsp;</td><td>&nbsp;</td><td>Totaal: &euro;</td><td>" + totbedrag + "</td></table>";
tekst += "<hr>";
tekst += "<br><p>Handtekening</p>";
tekst += "<br>" + naam;
nieuwvenster.document.write(tekst);
}

function getObj(name)
{
if (document.getElementById)
{
this.obj = document.getElementById(name);
this.style = document.getElementById(name).style;
}
else if (document.all)
{
this.obj = document.all[name];
this.style = document.all[name].style;
}
else if (document.layers)
{
this.obj = document.layers[name];
this.style = document.layers[name];
}
}
</script>
</head>
<body onload="initieer()">
<div id="container">
<form action='mailto:averroken@outlook.com' method='post' enctype='text/plain' >
<h1>Een bestelformulier</h1>
<table>
<tr class="tssntitel">
<th>Uw naam</th>
<th>Emailadres</th>
<th>Telefoon</th>
</tr>
<tr>
<td><input type="text" id="IDnaam" /></td>
<td><input type="text" id="IDemail" /></td>
<td><input type="text" id="IDtel" /></td>
</tr>
</table>
<table>
<tr>
<td>Afleveradres</td>
<td>Factuuradres</td>
</tr>
<tr>
<td><textarea rows="4" cols="30" id="IDaflever"></textarea></td>
<td><textarea rows="4" cols="30" id="IDfactuur"></textarea></td>
</tr>
<tr>
<td colspan="2"><input type="checkbox" id="IDadresgelijk"/>Factuuradres hetzelde als afleveradres</td>
</tr>
</table>
<hr>
<table>
<tr>
<th>Artikel</th>
<th>Prijs</th>
<th>Aantal</th>
<th>Bedrag</th>
</tr>
<tr>
<td>Eerste artikel</td>
<td>&euro; 150,-</td>
<td><input type="text" id="IDart1aantal" size="5"/></td>
<td><input type="text" id="IDart1totbedrag" size="5" disabled/></td>
</tr>
<tr>
<td>Tweede artikel</td>
<td>&euro; 25,-</td>
<td><input type="text" id="IDart2aantal" size="5"/></td>
<td><input type="text" id="IDart2totbedrag" size="5" disabled/></td>
</tr>
<tr>
<td>Derde artikel</td>
<td>&euro; 98,-</td>
<td><input type="text" id="IDart3aantal" size="5"/></td>
<td><input type="text" id="IDart3totbedrag" size="5" disabled/></td>
</tr>
<tr>
<td>Vierde artikel</td>
<td>&euro; 279,-</td>
<td><input type="text" id="IDart4aantal" size="5"/></td>
<td><input type="text" id="IDart4totbedrag" size="5" disabled/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<th>Totaal:&euro;</th>
<td><input type="text" id="IDtotbedrag" size="5" disabled/></td>
</tr>
</table>
<hr>
<input type="submit" id="IDplaatsbestelling" value="Plaats bestelling" />
<input type="button" id="IDherstel" value="Herstel" />
</form>
</div>
</body>
</html>

ik heb er een submit button van gemaakt maar in de mail komt geen inhoud en de popup komt ook nog (das goed maar ik wil hetgene wat ik invul in die tekstvelden en labeltjes in de mail komen)

Iemand raad mee?
 
Laatst bewerkt door een moderator:
Topic hersteld en van een slot voorzien. We verwijderen geen topics op verzoek.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan