[JavaScript] DIV verstecken und zeigen - Problem

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Smokers, 19. Oktober 2007 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 19. Oktober 2007
    DIV verstecken und zeigen - Problem

    Also ich möchte das folgendes passiert:
    Beim Klick auf einen Button ( "btnshow") soll ein Div angezeigt werden,
    der Button soll dann veschwinden und in dem DIV ist ein Abbrechen button ("btnhide") der
    den DIV wieder versteckt und den btnshow wieder anzeigt.


    Buttons:

    Code:
    <input type="button" onClick="javascript:this.style.visibility = 'hidden'; zeigen();" value="Eintragen" id="btnshow" />
    
    <input type="button" Value="Abbrechen" onClick="javascript:verstecken(); " />
    
    adfür habe ich folgende 2 functions definiert:

    Code:
    function zeigen() { 
     document.getElementById("addabo").style.visibility = 'visible';
     document.getElementById("btnhide").style.visibility = 'visible';
     document.getElementById("btnshow").style.visibility = 'hidden'; 
    }
    function verstecken() { 
     document.getElementById("addabo").style.visibility = 'hidden';
     document.getElementById("btnshow").style.visibility = 'visible';
     document.frm_addabo.addabo_nachname.value = "";
     document.frm_addabo.addabo_vorname.value = "";
     document.frm_addabo.addabo_email.value = "";
     document.frm_addabo.addabo_idee.value = "";
     document.frm_addabo.addabo_pw1.value = "";
     document.frm_addabo.addabo_pw2.value = "";
     document.frm_addabo.addabo_daysbefore.options[0].selected = true; 
    }
    
    Bis dahin
    geht auch noch alles, jedoch möchte ich diesen Container beim
    abschicken des Formulars ( in dem DIV ) und einem Fehler autom. wieder aufklappen lassen.
    Die habe ich durch :
    Code:
     <body <?php if($ok == true) { echo 'onLoad="javascript:zeigen(); "';}; ?>> 
    realisiert. Wobei $ok nen bool is ob das form abgeschickt wurde oder nicht.

    Das Problem ist nun das der Button btnshow trotz der anweisung :"document.getElementById("btnshow").style.visibility = 'hidden'; " nach dem reload da bleibt. und erst verschwindet wenn man nochmals drauf klickt.

    Wie kann ich das beheben ?
     

  2. Anzeige
  3. #2 19. Oktober 2007
    AW: DIV verstecken und zeigen - Problem

    Mach bitte erstmal alle "javascript:" aus den Events raus und sag dann bitte nochmal was passiert....
     
  4. #3 19. Oktober 2007
    AW: DIV verstecken und zeigen - Problem

    Auf btnshow klicken --> div wird angezeigt,btnshow verstecken = geht
    Auf btnhide klicken --> div wird versteckt = geht

    __________
    Auf btnshow klicken --> div wird angezeigt,btnshow verstecken = geht
    daten in formular im div eingeben und absenden = geht
    Wenn ein Fehler im Formular ist ( seite wird neu geladen) --> zeigen() wird ausgeführt jedoch btnshow NICHT ausgeblendet


    Bild=down!
     
  5. #4 19. Oktober 2007
    AW: DIV verstecken und zeigen - Problem

    Also mit deiner bisherigen Beschreibung kann ich keine wirklich ausschlaggebenden Fehler finden, hilfreicher wäre es hier, das gesamte Script live zu sehen. Hast du mal die zeigen Funktion mit alerts gespickt und hast mal geschaut ob die bis zum ende ausgeführt wird? Also hast du allgemein Debugging schon betrieben und mal die fehlerkonsole vom browser eingeschaltet?
     
  6. #5 19. Oktober 2007
    AW: DIV verstecken und zeigen - Problem

    also live demo per PN.....

    hab mal beide functions mit alerts zum schluss gespickt,
    interessanter weise bei verstecken() klappts, bei zeigen() nicht.
    jedoch finde ich keinen Fehler in der Funktion....


    \\\

    die alerts habens gebracht....=)=)=) es geht.
    Der Fehler war banal wie auch leicht zu übersehen....:rolleyes:
    Mal sehn ob ihr ihn auch findet ....:rolleyes: :rolleyes: :rolleyes:
     

  7. Videos zum Thema
Die Seite wird geladen...
Similar Threads - JavaScript DIV verstecken
  1. Antworten:
    3
    Aufrufe:
    678
  2. Antworten:
    5
    Aufrufe:
    1.741
  3. Antworten:
    1
    Aufrufe:
    939
  4. [HTML] Javascript div-Popup

    Fuselmeister , 20. Juni 2012 , im Forum: Webdesign
    Antworten:
    5
    Aufrufe:
    1.300
  5. Antworten:
    5
    Aufrufe:
    788