formulier, mailen met mailto icm javascript? - Softwareontwikkeling

maandag 1 december 2003 11:35

Acties:

Topicstarter

code:

<html>
<head>
<title></title>
</head>
<body>


<FORM name='formulier' METHOD=POST ACTION='mailto:mijn@site.nl?subject=test&body=VARIABEL'>
<!-- enctype='text/plain' -->

  <table>

    <tr>
      <td align=right><font face='Tahoma, Arial' size='1' color='black'>naam artikel</font></td>
      <td><input name='artikel' size=40></td>
    </tr>

    <tr>
      <td align=right><font face='Tahoma, Arial' size='1' color='black'>prijs </font></td>
      <td><input name='prijs' size=40></td>
    </tr>

{...}

  </table>
</FORM>

</body>
</html>

Ik heb bovenstaand formuliertje, het probleem is nu: hoe krijg ik de ingevulde variabele in het mailto gedeelte? Ik wil dus 'artikel' en 'prijs' in de body.

Ik heb het forum doorzocht maar niks kunnen vinden. Iemand zei wel dat het met javascript zou kunnen, maar verder werd daar niks over gezecht.

Kan iemand me op weg helpen? Is het mogelijk met Javascript?
Ik wil geen mail() gebruiken.

[ Voor 22% gewijzigd door Rambo op 01-12-2003 11:36 ]

maandag 1 december 2003 11:38

Acties:

whoami

Zoals je in de forumdescriptions (en in de FAQ) kunt lezen, hoort javascript en alle client-side stuff niet thuis in P&W, maar in W&G

P&W -> W&G

https://fgheysels.github.io/

maandag 1 december 2003 12:10

Acties:

crisp

Devver

Pixelated

The Mythical Mailto

kortom: gebruik liever een serverside formmailer, mogelijk biedt je provider die optie en anders zijn er ook wel gratis formmail providers te vinden...

Intentionally left blank

maandag 1 december 2003 12:21

Acties:

McVirusS

HTML:

[nohtml]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Mailto formulier</title>
    <script type="text/javascript">
    function handleForm(form) {
        var sendTo = "mailto:" + form.elements["email"].value;
        sendTo += "?subject=" + form.elements["subject"].value;

        var body = "";
        body += "Naam van artikel: " + form.elements["artikel"].value + "%0A";
        body += "Prijs: " + form.elements["prijs"].value + "%0A";
        sendTo += "&body=" + body;

        form.action = sendTo;
        return true;
    }
    </script>
    <style type="text/css">
    body {
        background-color: #fff;
    }
    td.header {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;

        text-align: right;
    }
    input.textinput {
        width: 100px;
    }
    </style>
</head>
<body>
<form name="formulier" method="post" onsubmit="return handleForm(this);">
<input type="hidden" name="email" value="mijn@site.nl">
<input type="hidden" name="subject" value="test">
<table>
    <tr>
        <td class="header">naam artikel</td>
        <td><input name="artikel" class="textinput"></td>
    </tr>
    <tr>
        <td class="header">prijs</td>
        <td><input name="prijs" class="textinput"></td>
    </tr>
    <tr>
        <td colspan="2"><input type="submit" value="verzenden"></td>
    </tr>
</table>
</form>
</body>
</html>
[/nohtml]

maandag 1 december 2003 12:22

Acties:

McVirusS

Maar eigenlijk moet je naar crisp luisteren

maandag 1 december 2003 12:36

Acties:

Rambo

Topicstarter

McVirusS, dit werkt

alleen de linebreak werkt niet.

code:

1	Naam van artikel: nietmachinePrijs: 13.50

Hoe verander ik dat

edit:
ik krijg het met radiobuttons maar niet werkend, kan dat neit met javascript?

[ Voor 25% gewijzigd door Rambo op 01-12-2003 13:18 ]

maandag 1 december 2003 16:55

Acties:

Rambo

Topicstarter

M0rpheus schreef op 01 december 2003 @ 12:36:
McVirusS, dit werkt
alleen de linebreak werkt niet.
code:
1
Naam van artikel: nietmachinePrijs: 13.50
Hoe verander ik dat

Heb gewoon gebruik gemaakt van '<br>' ipv "%0A";

edit:
ik krijg het met radiobuttons maar niet werkend, kan dat neit met javascript?

Nog steeds niet gelukt, de variabele krijgt de waarde undefined

[ Voor 16% gewijzigd door Rambo op 01-12-2003 16:57 ]

woensdag 3 december 2003 09:52

Acties:

Rambo

Topicstarter

<kick>
Iemand een oplossing voor die radiobuttons?

woensdag 3 december 2003 13:25

Acties:

crisp

Devver

Pixelated

radiobutton is toch ook niet zo moeilijk?

HTML:

1
2
3

<input type="radio" name="radio" value="1" checked />
<input type="radio" name="radio" value="2" />
<input type="radio" name="radio" value="3" />

JavaScript:

function get_radio_value(el) {

  var i = el.length;
  while (i--) if (el[i].checked) return el[i].value;

}

var radio_value = get_radio_value(document.forms['myform'].elements['radio']);

Intentionally left blank

Pagina: 1

Reageer