Flashhilfe.de - Flash Community
Forum
RSS Feeds
 

Forum > HTML, Javascript, CSS > current state script

current state script

 
Einstellungen


AntwortenRegistrieren Seite1  

skoda#1
Benutzerbild von skoda
Beiträge: 1189
Wohnort: Boston MA
Registriert: Feb 2006

14.08.2012, 21:38

also ich hab eine navi die ich vie js einfaerben will
aber cih wuerde gerne die logic ein bischen besser schreiben
leieder bin ich kein js ass kann jmd helfen ?


ActionScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56		<a id="1" href="#" onclick="reply_click1()">Display Details Sample 3</a>
<a id="2" href="#" onclick="reply_click2()">Display Details Sample 3</a>
<a id="3" href="#" onclick="reply_click3()">Display Details Sample 3</a>
<a id="4" href="#" onclick="reply_click4()">Display Details Sample 3</a>

<script type="text/javascript">

var reply_click1 = function()
{
      //alert("Button clicked, id "+this.id+", text"+this.innerHTML);
     document.getElementById("1").style.background='#000000';
     document.getElementById("2").style.background='#fff';
     document.getElementById("3").style.background='#fff';
     document.getElementById("4").style.background='#fff';
}

var reply_click2 = function()
{
      //alert("Button clicked, id "+this.id+", text"+this.innerHTML);
     document.getElementById("2").style.background='#000000';
     document.getElementById("1").style.background='#fff';
     document.getElementById("3").style.background='#fff';
     document.getElementById("4").style.background='#fff';
}

var reply_click3 = function()
{
      //alert("Button clicked, id "+this.id+", text"+this.innerHTML);
     document.getElementById("3").style.background='#000000';
     document.getElementById("1").style.background='#fff';
     document.getElementById("2").style.background='#fff';
     document.getElementById("4").style.background='#fff';
}

var reply_click4 = function()
{
      //alert("Button clicked, id "+this.id+", text"+this.innerHTML);
     document.getElementById("4").style.background='#000000';
     document.getElementById("1").style.background='#fff';
     document.getElementById("2").style.background='#fff';
     document.getElementById("3").style.background='#fff';
}


<!--/// -->

document.getElementById('1').onclick = reply_click1;
document.getElementById('2').onclick = reply_click2;
document.getElementById('3').onclick = reply_click3;
document.getElementById('4').onclick = reply_click4;





</script>
no one died when clinton lied
Schlagwörter: button logic, current state, JavaScript
vindel#2
Benutzerbild von vindelFlashhilfe.de Moderator
Beiträge: 3000
Wohnort: Köln
Registriert: Oct 2007

15.08.2012, 11:13

Kein Problem:

Beim Klick auf einen der Links wird die entsprechende Funktion aufgerufen.
In dieser Funktion wird jeder Button durchgegangen (der durch eine Einmalige ID angesprochen wird), in deinem Fall die Zahlen 1 - 4 (Was offiziell nicht erlaubt ist - eine ID MUSS mit einem Buchstaben anfangen - zB menu1!).
Mit document greifst du auf dein Body-Element zu. Mit getElementById(ID) holst du dir dein HTML-Element mit der ID. Der Rest ist dann lediglich CSS-Implementation in JS.
Noch ein Tipp: Farben in JS oder inline CSS immer im 6-stelligen Format angeben: #000000 statt #000 - Grund: der IE 8 kann ansonsten Probleme machen!
public Weltformel(Problem){
      if (Problem gelöst) return Lösung;
      else Weltformel(kleiners Problem);
}

AntwortenRegistrieren Seite1  

Schnellantwort

Du musst registriert sein, um diese Funktion nutzen zu können.

 
Ähnliche Beiträge zum Thema
Partner Webseiten: art-and-law.de  Mediengestalter.info   phpwelt.de   Scubacube.de  
Haftungsausschluss   Datenschutzerklärung   Impressum
© 1999-2021 Sebastian Wichmann - Flashhilfe.de