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 | | | 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 | 17.05.2019 - Dunraven 23.10.2020 - Skynetzx 01.10.2019 - pmvTaucha.4 13.04.2019 - flkev |
|
Flashhilfe.de Flash Platform Tipps & Tutorials Flash Platform Andere Programmiersprachen Jobangebote Diskussionen
Flashhilfe News 
Regeln & Bedingungen
|