Ergebnis 1 bis 4 von 4
  1. #1
    MyName ist offline Grünschnabel
    registriert
    09-12-2012
    Beiträge
    2

    Änderungen unwirksam

    Hey,

    kleine JScript Funktionen sollen folgendes bewirken:
    Bei Klick auf einen Link soll das Element "options" von der Höhe her erweitert werden.
    Das ganze habe ich auch schon auf einer größeren Homepage versucht, wo es einwandfrei funktioniert.

    Hier funktioniert es nur teilweise :/

    Problemvorschau: hier klicken

    Normalerweise müsste das eigentlich funktionieren, jedoch funktionert es in keinem Browser mit dem ich es getestet habe.
    Sobald die JScript Änderung vorgenommen wurde, wird diese sofort wieder rückgängig gemacht..

    Wieso ? :/

    betreffender Quellcode:
    Funktionsauslöser:
    HTML-Code:
    <div id="options">
    	<p class="login"><a href="" class="link" onclick="login()">Login</a></p>
    	<p class="register"><a href="" class="link" onclick="register()">Register</a></p>
    </div>
    Der Rest des HTML-Dokuments ist für diese Problematik unwichtig.

    JScript Funktionen:
    Code:
    function login() {
    	counter = 210;
    	obj = document.getElementById("options");
    	obj.style.display = "block";
    	obj.style.border = "2px solid #fff";
    	TimespanInt = setInterval("animation()", 10);
    }
    
    function register() {
    	counter = 238;
    	obj = document.getElementById("options");
    	obj.style.height = "300px";
    	obj.style.border = "2px solid #fff";
    	obj.style.display = "block";
    }
    
    function animation() {
    	if(counter < sizeCount) {
    		clearInterval(TimespanInt);
    		counter = 0;
    	}
    	else {
    		document.getElementById("options").style.height = sizeCount + "px";
    		sizeCount = sizeCount+3;
    	}
    }
    Mehr steht in der animationen.js bisher nicht

    sizeCount, obj, counter sind GLOBALS.

    Hoffe mir kann hier jemand helfen..


    Liebe Grüße und einen wunderschönen 2. Advent.

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: Änderungen unwirksam

    Code:
    href=""
    ist sinnfrei und erzeugt dein Problem, da dadurch die Seite nach dem Klick neu geladen wird und damit wieder der Ausgangszustand hergestellt wird.

    PS: Eine Animation mit einer globalen Variable zu macht ist keine gute Idee - da kommen sich dann einfach zu schnell Sachen in die Quere. Auch sollte man window.setInterval() nicht mit einem String, sondern mit eine Funktionsrefernez als Parameter aufrufen.

  3. #3
    MyName ist offline Grünschnabel
    registriert
    09-12-2012
    Beiträge
    2

    AW: Änderungen unwirksam

    Hey, danke für deine Hilfe.
    Funktioniert!
    Mensch darauf wäre ich nie gekommen das es daran liegen kann, nunja man lernt nie aus
    counter werde ich dann jetzt auch als Parameter übergeben, statt global. Dank dir für den Tipp.

    Geändert von MyName (09-12-2012 um 16:25 Uhr)

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: Änderungen unwirksam

    Bitte - gern geschehen.

    auch sizeCount, obj und TimespanInt müssen keine globalen Variablen sein.

Ähnliche Themen

  1. Checkboxen - Änderungen auswerten
    Von BarbarPapa im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 04-06-2008, 12:29
  2. Änderungen
    Von S.Haehnel im Forum Site-Check
    Antworten: 10
    Letzter Beitrag: 25-02-2006, 18:07
  3. Änderungen im DMX pic-viewer
    Von Keppi85 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 11-10-2003, 19:29
  4. 2 Änderungen durch 1 Mouseover
    Von kcirtap im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 10-07-2002, 15:51

Lesezeichen

Berechtigungen

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