Zum Inhalt springen

Javascript - Zellenhintergrund ändern (mit Frame!)

Ragazza

Von Ragazza
in Webdesign

 Teilen

Empfohlene Beiträge

Ragazza

Ragazza

Geschrieben
Geschrieben

Hab jetzt wirklich ein Javascript - Problem bei dem ich selber absolut nicht mehr weiterkomme.

Ich hab ein Frameset. Wenn ich im oberen Frame einen Link drücke soll sich die HIntergrundfarbe der Tabellen-Zelle ändern und solange ich im Hauptframe diese Seite aktiv hab so bleiben. Wähle ich einen anderen Link so soll der erste Link wieder seine Ursprüngliche Farbe erhalten.

mouseover und mouseout funtkioniert, aber wie kann ich die link der aktiven seite verändern???

Mein bisheriger code:

function setFarbe(id, farbe)

{

document.getElementById(id).style.backgroundColor=farbe;

}

<td id="z1" onMouseOver="javascript:setFarbe('z1', '#FF0000')"

onMouseOut="javascript:setFarbe('z1', '#FFFFFF')">Zelle 1</td>

<td id="z2">Zelle 2</td>

_________________

Nimm die Männer wie sie sind! Es gibt keine anderen!

Link zu diesem Kommentar
Auf anderen Seiten teilen
kills

kills

Geschrieben
Geschrieben 


var ActiveLinkId = null;

var ActiveLinkDefaultColor;


function setFarbe(id, farbe)

{

   var oLink;

   if ( ActiveLinkId != null) {

      oLink = document.getElementById(ActiveLinkId);

      oLink.style.backgroundColor = ActiveLinkDefaultColor;

   }

   oLink = document.getElementById(id);

   ActiveLinkId = id;

   ActiveLinkDefaultColor = oLink.style.backgroundColor;

   oLink.style.backgroundColor = farbe;

}


<td id="z1" onMouseOver="javascript:setFarbe('z1', '#FF0000')"

onMouseOut="javascript:setFarbe('z1', '#FFFFFF')">Zelle 1</td>

<td id="z2">Zelle 2</td>

ungetestet!

Link zu diesem Kommentar
Auf anderen Seiten teilen
Ragazza

Ragazza

Geschrieben
  • Autor
Geschrieben

Beim Scrollen?????

Also mein Problem nochmal:

Ich habe ein Frameset. Wenn ich in der Navigation auf einen Link z.B. Ueber uns klicke erschein rechts die Seite Ueber uns. Um dem User die Erkennbarkeit seines "Aufenthalts" zu erleichtern, würde ich gerne jetzt den Link für die Seite Ueber uns in einer anderen Farbe darstellen. Solange bis er z.B. auf den Link (links in der Navi) Forum klickt. Dann soll der link "ueber uns" wieder die ursprüngliche Farbe haben und der link "Forum" soll in der "activen" Farbe dargestellt werden.

Ist es so verständlich???

Link zu diesem Kommentar
Auf anderen Seiten teilen
Ragazza

Ragazza

Geschrieben
  • Autor
Geschrieben

Dies sollte doch so funktionieren?

Klappt aber nicht. Kann mir jemand sagen warum??

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Test</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="navi.css" rel="stylesheet" type="text/css">

</head>

<script language="JavaScript" type="text/JavaScript">

function setStartActive(){

document.getElementsByTagName("a")[0].style.fontDecoration="bold";

}

function setActive (linka) {

links = document.getElementsByTagName("a");

for (var i = 0;i<links.length;i++)

links.style.color="gray";

linka.style.fontDecoration="bold";

}

</script>

<body onLoad="setStartActive()">

Rc-race-shop<br>

<a href="main.html" target="Hauptframe" class="normal" setActive(this)>1:8</a><br>

<a href="main.html" target="Hauptframe" class="normal" setActive(this)>1:10</a></span>

</body>

</html>

Link zu diesem Kommentar
Auf anderen Seiten teilen
Alde

Alde

Geschrieben
Geschrieben

Moin,

leg doch von vornherein, die Linksache mit css fest.

code:

<style type="text/css">

<!--

a:link { color:#Farbe; text-decoration:none; font-weight:bold; }

a:visited { color:#Farbe; text-decoration:none; font-weight:bold; }

a:hover { color:#Farbe; text-decoration:none; background-color:Farbe; font-weight:bold; }

a:active { color:#Farbe; background-color:none; font-weight:bold; }

-->

</style>

## background-color:Farbe für deine Links;##

und dann die onmousover funktionen für jeden Link setzen, so hab ich es gemacht!

Alex

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...