Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[javascript] form-handlers?

Snoopje
8 antwoorden
  • ik wil ipv de standaard submit en reset-buttons (mouse-over)plaatjes gebruiken. Ik gebruik daarvoor:
    [code:1:9a56d2f653]
    onclick="document.formnaam.reset"
    en
    onclick="document.formnaam.submit"
    [/code:1:9a56d2f653]

    Ik dacht dat dit zou moeten werken maar helaas, wie kan mij zeggen wat ik fout doe?

    Mvg.

    Snoopje

    [edit]typefout, zucht … lange dag geweest[/edit]

    [ Dit bericht is bewerkt door: Snoopje op 2002-05-07 23:16 ]
  • Als je de goede formnaam gebruikt, dan zou het moeten werken, zover ik weet. Post ik even je <FORM name= action=> tag. En welke aanroep je echt gebruikt want ik neem aan dat je hem niet aanroept met document.formnaam.submit.

    En geeft hij ook een foutmelding zoja welke??
  • nou bijna…

    voor de submit kan je een image (input type="image";) gebruiken, maar dan krijg je de "klik coordinaten" meegestuurd. Beter kan je dit gebruiken:
    [code:1:8b4061fe07]
    <a href="javascript:document.FORMNAAM.submit()"><img src="jouwplaatje.gif" border="0" alt="doe het!"</a>
    [/code:1:8b4061fe07]
    de reset is een iets ander verhaal.
    Eerst heb je een JS functie in de head nodig die alle velden leegmaakt en die roep je aan in je reset image link:
    [code:1:8b4061fe07]
    <script language="JavaScript">
    function maakleeg() {
    document.formnaam.veldnaam1.value = "";
    document.formnaam.veldnaam2.value = "";
    }
    </script>

    <a href="javascript:maakleeg()";
    onclick="blur()"><img border="0" src="jouwplaatje.gif"></a>
    [/code:1:8b4061fe07]
    ik heb er een blur bijstaan om het stippellijntje om je image weg te halen.
    evt kan je nog focussen op het eerste formfield: onclick="document.formnaam.veldnaam1.focus(); blur()"

    grtzzz

    t.



    _________________
    about || nieuw op dit forum?
    [i:8b4061fe07][b:8b4061fe07]phpBB[/b:8b4061fe07] : Critical Error[/i:8b4061fe07]

    [ Dit bericht is bewerkt door: teacher op 2002-05-08 00:21 ]
  • Zowel submit() als reset() zijn beide valide methods van een form object en werken dus gewoon.
  • Ik zit nu achter een andere pc zonder de code, dus ik kan de letterlijke code niet geven (dat doe ik wel als ik thuiskom).

    Maar ipv formname gebruik ik dus de exacte naam van het form.

    [code:1:8d0c6375a2]
    <a href="javascript:document.FORMNAAM.submit()"><img src="jouwplaatje.gif" border="0" alt="doe het!"</a>
    [/code:1:8d0c6375a2]

    Die heb ik ook gebruikt, maar wilde niet werken?!

    Moet je om een heel formulier alles velden aprt resetten? Of zoals Annie zegt: de methode reset is ook goed?!
  • De manier die je geeft is goed, maar tot zover de theorie :wink:
    Zaken waar je op kan letten die bijvoorbeeld van invloed zijn op het geheel:
    - Welke browser gebruik je om te testen? NS4 heeft bijvoorbeeld "problemen" met forms in layers (omdat deze ook als een los document worden gezien).
    - Is de html code in orde? Alles netjes afgesloten en geen tikfouten?

    Probeer eens: document.forms[volgnr].submit() waarbij [i:ddbc42a3ba]volgnr[/i:ddbc42a3ba] het volgnummer is van de form in de pagina (waarschijnlijk is dit het enige/eerste form en dus 0)

    De reset() method heeft dezelfde werking als een reset-button, dus los alle inputs nalopen is niet nodig.
    [b:ddbc42a3ba]NB:[/b:ddbc42a3ba] alles leegmaken is niet altijd hetzelfde als de reset-method.
  • Ok hier de nodige code die ik gebruik:
    [code:1:2777175937]
    <form name="vragenlijst" method="post" action="pagina2.html">
    .
    .
    <a href="#" onclick="document.vragenlijst.reset"><img name="wissen" border="0" src="./plaatjes/2wissen.gif" width="83" height="34"></a>
    </form>
    [/code:1:2777175937]

    Ik had inderdaad ook geprobeerd om document.form[0].reset te doen maar dat had ook geen effect.
    Ik krijg ook geen error, dus wat is er dan aan de hand?

    Snoopje

    [ Dit bericht is bewerkt door: Snoopje op 2002-05-08 16:59 ]
  • Zoek de verschillen :wink:

    document.vragenlijst.reset;
    document.vragenlijst.reset[b:75b4e9c693]()[/b:75b4e9c693];

Beantwoord deze vraag

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