Javascript globale variablen

Push-Nachrichten von MacTechNews.de

Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?

Forum>Netzwerke>Javascript globale variablen

tarian05.03.1115:26

Hallo,

ich bräuchte dringend ein bisschen Hilfe mit einem Java script, inspiriert von den neuen Möglichkeiten von html 5 und css3 bin ich gerade dabei eine Website zu gestalten.

Da css 3 transitions kein onclick können, musste ich einen java script benutzen. Der die css Attribute onclick ändert:

function project() {
    document.getElementById('wrapper').style.margin = "-750px 0 0 -900px";
    document.getElementById('imprint').style.margin = "0 0 0 300px";
    document.getElementById('projectshead').style.margin = "0 0 0 -300px";
    }

Das funktioniert auch, allerdings soll nun bei dem klick auf das selbe Element die ganzen css Atribute wieder zurück auf ihren ursprünglichen Wert gesetzt werden.

Durch google bin ich dabei auf verschiedene Ansätze mit globalen variablen und while schleifen mit if Bedingungen gestoßen, nur ich habe es dann nach ein paar stunden und ein paar abstürzen von safari (dank meines skripts) aufgegeben.

Hoffe jemand von euch kann mir Helfen!

Kommentare

fbogner05.03.1121:51

hi hier mal in beispiel.

Das unten ist nur ein demo-code! So würd ich ihn nicht in eine richtige webseite übernehmen! sieh dir für so etwas beispielsweise jQuery mal an!

<html>
<head>
    <title>Javascript Demo</title>

    <script language="Javascript">
        //gloable variable
        var myStyleApplied=false;

        //funktion die aufgerufen wird
        function changeStyle() {

            //abhängig davon ob myStyleApplied true oder false ist, wird die style eigenschaft color geändert.
            if (myStyleApplied) {
                document.getElementById('myTestElement').style.color="";
            }
            else {
                document.getElementById('myTestElement').style.color="#ff9900";
            }

            //den wert der globalen variable "flippen"
            myStyleApplied=!myStyleApplied;
        }

    </script>
</head>
<body>
    <p id="myTestElement" onClick="changeStyle()">Text</p>
</body>
</html>

tarian06.03.1109:48

hallo fbogner,

vielen Dank für deine Hilfe!!!!

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.

Apple kündigt Systemupdates für heute Abend an ...

Countdown 2024: Apple mit Preisnachlass für 31 ...

Neues Apple TV und neuer HomePod mini auf dem W...

iPod-Vater Tony Fadell wollte Sonos kaufen – St...

Parallels führt x86-Windows auf M-Macs aus – Te...

Kurz: Trump unterstützt Musk als TikTok-Besitze...

Apple veröffentlicht iOS 18.2, iPadOS 18.2 und ...

Tim Cooks Jahresgehalt – und die Vergütung der ...