mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 15.06.2021 15:41 Benutzername: Passwort: Auto-Login

Thema: Javascript Button-Status vom 30.04.2011

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Javascript Button-Status
Autor Nachricht
Need_you
Threadersteller

Dabei seit: 02.06.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 30.04.2011 04:57
Titel

Javascript Button-Status

Antworten mit Zitat Zum Seitenanfang

Brauche sehr dringend eure Hilfe. Bin mir sicher hier kennen sich einige gut mit Javascript aus.

Bin im Moment eine Navigation am machen, die beim Klick auf den jeweiligen Button, diesen grafischen 'Klick-Status'
dann auch beibehalten soll.

Ich habe im Internet einen Code gefunden, der super funktioniert.
Das Problem ist, dass dieser nur für einen Button (und hover/clicked Status) gedacht ist.
Ich benötige für meine Navigation aber 4 Button, mit den jeweiligen Statis.


Hier ist die momentane Situation: http://pdhotel.pd.funpic.de/test/index.html

Könnte das einer für mich umschreiben?
Hab die ganze Nacht rumprobiert, und bekomm es leider nicht selbst hin.


Der Code ist folgender:

<html>
<head>

<script type="text/javascript">
<!--
function aktivieren(strHref)
{
if(document.getElementById)
{
for(i=0;i<document.links.length;++i)
{
if(String(document.links[i].className).match(/^(nav|clicked)$/))
{
document.links[i].className=(document.links[i].href==strHref)?'clicked':'nav';
}
}
}
}

//-->
</script>



<style type="text/css">
<!--

html,body {
padding:0px;
margin:0px;
}



#weg {
width:80px;
height:61px;
border:0px;
padding:0px;
margin-top:-20px;
}

a.nav {
background: url(about.png);
width:80px;
height:61px;
font-size:54px;
padding:0px;
margin:0px;
}

a.nav:hover, a.clicked {
background: url(about-on.png);
width:80px;
height:61px;
font-size:54px;
padding:0px;
margin:0px;
}
-->
</style>


</head>
<body>
<a href="#link1" class="nav" onclick="aktivieren(this.href)"><img src="spacer.png" id="weg"/></a>
<a href="#link2" class="nav" onclick="aktivieren(this.href)"><img src="spacer.png" id="weg"/></a>
<a href="#link3" class="nav" onclick="aktivieren(this.href)"><img src="spacer.png" id="weg"/></a>
<a href="#link4" class="nav" onclick="aktivieren(this.href)"><img src="spacer.png" id="weg"/></a>

</body>
</html>


Zuletzt bearbeitet von Need_you am Sa 30.04.2011 05:05, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
Ähnliche Themen Flash Button -> JavaScript ausführen
[JavaScript] Per Button Smiley einfügen
javascript else if radio button abfragen
Zurück-Button des Browsers und JavaScript basierte Homepage
Per JavaScript Submit Button für Form generieren lassen
Firefox, Javascript: Fullscreen funktioniert nur per Button?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.