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!

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!

Ragazza

Ragazza

Geschrieben
  • Autor
Geschrieben

Die Zelle bleibt aber hier schon andersfarbig ohne klick, d. h. wenn ich noch keine Seite aufgerufen habe, ist die Zelle schon als activ hinterlegt???

kills

kills

Geschrieben
Geschrieben

ich glaub jetzt hab ichs kapiert :)

Schau ma in den PHPMyAdmin rein, die funktion die die Zeilen beim Scrollen einfäbrt ist sowas was du suchst. Beim Klick bleib die Farbe bestehen

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???

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>

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

Krain

Krain

Geschrieben
Geschrieben

Gib dem Link das CSS-Element:

display:block

und

width:100%

So dürfte der Link alles einnehmen und damit auch der Hintergrund komplett eingefärbt werden!

Ragazza

Ragazza

Geschrieben
  • Autor
Geschrieben
Und wenn ich dann ins Hauptfenster klicke, ist in der Navigation die Farbe wieder wie vorher!?? :confused:

Was aber immer noch nicht dieses Problem löst??!!

Ragazza

Ragazza

Geschrieben
  • Autor
Geschrieben

Eben das sollen sie ja nicht.

Der User soll wenn er sich im Hauptframe aufhält auch auf den ersten Blick sehen an welchem Punkt er sich in der Navigation aufhält!

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden
 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...