tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
2126
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    unrealzero_php unrealzero_php ist offline Mitglied Gold
    Registriert seit
    Mar 2005
    Beiträge
    213
    Hallo Zusammen

    Normalerweise habe ich in einem Formular einen Reset-Button um die Formulardaten zurückzusetzen. Wie muss ich das ganze Lösen wenn ich eine Grafik als Button habe? Bsp.:
    HTML-Code:
    <input type="image" src="image/test.gif" />
     

  2. #2
    Registriert seit
    Jan 2002
    Ort
    Hamburg
    Beiträge
    2.852
    probiers mal so:
    HTML-Code:
    <form name="formular">
    <input type="image" src="image/test.gif" onclick="document.formular.reset();"/>
     
    Wenn euch mein Beitrag gefällt, meldet euch als Referal bei Dropbox an: http://db.tt/4tKC8O5

  3. #3
    unrealzero_php unrealzero_php ist offline Mitglied Gold
    Registriert seit
    Mar 2005
    Beiträge
    213
    Zitat Zitat von Sinac Beitrag anzeigen
    probiers mal so:
    HTML-Code:
    <form name="formular">
    <input type="image" src="image/test.gif" onclick="document.formular.reset();"/>
    So wie es aussieht funktioniert es mit einem Button nicht, da dann immer das Formular neu geladen wird. Hab's jetzt so gelöst:
    HTML-Code:
    <a href="javascript:document.forms['.$f.'].reset()"><img src="images/reset.gif" alt="Zur&uuml;cksetzen" border="0"/></a>
    wobei $f das entsprechende Formular bezeichnet. Bei XHTML-Strict wird name als Attribut nicht mehr akzeptiert, deswegen habe ich das ganze über einen Array gelöst.
     

  4. #4
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    es funktioniert mit dem Button schon, Du musst jedoch false im onclick-Event zurück geben.

    Ausserdem kannst Du das Formular auch über eine ID und die Methode getElementById ansprechen.
    Code :
    1
    2
    3
    
    <form id="formular">
      <input type="image" src="image/test.gif" onclick="document.getElementById('formular').reset(); return false;"/>
    </form>
    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK

  5. #5
    Maik Tutorials.de Gastzugang
    Hi,

    alternativ könntest du mittels CSS dem Reset-Button die Grafik als Hintergrundbild zuweisen.
     

Ähnliche Themen

  1. Antworten: 2
    Letzter Beitrag: 03.03.09, 16:15
  2. Flex Reset Button
    Von FingerSkill im Forum Adobe Flex & AIR
    Antworten: 1
    Letzter Beitrag: 08.11.08, 08:22
  3. Antworten: 2
    Letzter Beitrag: 23.03.07, 15:26
  4. Bild als reset-Button
    Von non4me im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 11.03.07, 13:40
  5. reset Button Bug
    Von LoMo im Forum PHP
    Antworten: 3
    Letzter Beitrag: 01.04.05, 11:50