current state script
| 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 | | Werbung | Beiträge: 0
Registriert: Feb 2016
| | | 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);
} | |
| | Ähnliche Beiträge zum Thema | 15.10.2016 - Dunraven 17.05.2019 - Dunraven 12.09.2016 - lazybone 27.09.2016 - lazybone |
|
Flashhilfe.de Flash Platform Tipps & Tutorials Flash Platform Andere Programmiersprachen Jobangebote Diskussionen
 Flashhilfe News 
Regeln & Bedingungen
|
