Ergebnis 1 bis 6 von 6
  1. #1
    timsh ist offline Jungspund
    registriert
    15-01-2003
    Beiträge
    23

    Red face JS Funktion für Form / jquery Toggle - komme allein nicht weiter!

    Hallo,

    ich habe bisher nur wenig Umgang mit JS und habe nun eine kleines Problem mit ein Form in dem ich (Eingabe bedingt) ein Toggle per JQuery auslösen möchte:

    Die erste Punkt in dem Form ist ein dropdown list mit 3 Optionen:

    <select id="mySelect" class="input" onChange="myFunction()">
    <option selected="selected" value="2">Frucht wählen</option>
    <option value="1">Apfel</option> //
    <option value="3">Traube</option>
    <option value="4">Banana</option>
    </select>

    Nur falls "Apfel" gewählt wird, sollte der Toggle ausgelöst werden - Soweit so gut (funzt auch).

    Mein Problem liegt darin, dass bei "Traube" und "Banana" der Toggle nur dann ausgeführt werden soll, falls der Div (bereits) sichtbar ist.

    Also habe ich versucht eine weitere Variable ("y") um die Status des divs zu managen einzubauen (um erstmals abfragen zu können, ob die div offen (y=1) oder zu (y=0) ist. Dies mache ich ganz sicher falsch, denn so funzt es nicht!

    Hier meine Versuche :

    function myFunction(){

    var x=document.getElementById("mySelect").value;

    if(x=="1" && y==0)
    {
    $("#myDiv").toggle("blind", 500);
    var y=1; // div status open

    }
    else
    if(x!="1" && y==1)
    {
    $("#myDiv").toggle("blind", 500);
    var y=0; // div status closed

    }
    else
    {var y=0}
    }

    ich komme seit gestern Nachmittag nicht weiter und zwar, ich weiss nicht wie oder wo ich die Variable (y) seine Ursprungswert (y=0 "closed") geben kann, denn es am Anfang des Funktions zu setzen funktioniert naturlich nicht.

    Brauche ich vielleicht eine weitere Funktion fürs um der status varaible zu regeln?

    Danke vorab für Eure Hilfe!!

    Tim

  2. #2
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    3.034

    AW: JS Funktion für Form / jquery Toggle - komme allein nicht weiter!

    Code:
    $("#myDiv").is(':visible')
    Geändert von miniA4kuser (16-01-2013 um 13:33 Uhr) Grund: Tippfehler
    Hoffe ich konnte helfen

  3. #3
    timsh ist offline Jungspund
    registriert
    15-01-2003
    Beiträge
    23

    AW: JS Funktion für Form / jquery Toggle - komme allein nicht weiter!

    Danke miniA4kuser!

    kannst Du bitte erklären was da gemacht wird?

    Wie könnte der dazu gehöriger Condition mit status abfrage aussehen?

    Cheers

  4. #4
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    3.034

    AW: JS Funktion für Form / jquery Toggle - komme allein nicht weiter!

    HTML-Code:
    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <style>
        #myDiv {
            margin: 0;
            padding: 15px;
            display: none;
            border: 2px solid blue;
        }
        </style>
        <script src="http://code.jquery.com/jquery-1.9.0.js"></script>
        <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
        <script>
        function myFunction(value) {
            // jQuery-Objekt speichern
            var jqObject = $("#myDiv");
    
            if (value === "1") {
                if (!jqObject.is(":visible")) {
                    jqObject.toggle("blind", 500);
                }
            } else {
                if (jqObject.is(":visible")) {
                    jqObject.toggle("blind", 500);
                }
            }
        }
        </script>
    </head>
    
    <body>
        <select id="mySelect" class="input" onChange="myFunction(this.value)">
            <option selected="selected" value="2">Frucht wählen</option>
            <option value="1">Apfel</option> //
            <option value="3">Traube</option>
            <option value="4">Banana</option>
        </select>
        <div id="myDiv">Es wurde <span style="font-weight: bold;">Apfel</span> gewählt.</div>
    </body>
    </html>
    Hoffe ich konnte helfen

  5. #5
    timsh ist offline Jungspund
    registriert
    15-01-2003
    Beiträge
    23

    AW: JS Funktion für Form / jquery Toggle - komme allein nicht weiter!

    Vielen Dank. Es funktioniert perfekt!

  6. #6
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    3.034

    AW: JS Funktion für Form / jquery Toggle - komme allein nicht weiter!

    Gern geschen

    Aber das nächste mal etwas mehr die Dokumentation lesen...
    Hoffe ich konnte helfen

Ähnliche Themen

  1. Schulaufgabe komme nicht weiter!
    Von PatrickK im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 14-11-2007, 12:55
  2. Java-Script, komme nicht mehr weiter ...
    Von vacura im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 27-07-2007, 10:55
  3. Einfache Javascript Frage. Komme nicht weiter :(
    Von Macus im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 22-01-2005, 12:16
  4. Antworten: 4
    Letzter Beitrag: 19-12-2004, 17:03
  5. Preloader: Komme nicht weiter...
    Von Pappnase im Forum Flash
    Antworten: 4
    Letzter Beitrag: 18-11-2004, 21:34

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •