Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Javascript - Zellenhintergrund ändern (mit Frame!)

Empfohlene Antworten

Veröffentlicht

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!


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!

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

hm beschreib dein Problem bitte nochma ausführlich, ich habs noch nicht ganz gerafft :)

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

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

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>

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

Danke!

Aber da ist ja nur der Hintergrund des Schriftzuges betroffen und nicht die ganze Zelle!??

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

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

Häää, ich weiß net was du willst, geh mal auf diese Seite http://www.derlitzki-project.com

Die Links dort (im linken Frame) gehen auch nach dem Aufrufen eines anderen Links im rechten Frame in die Ausgangsfarbe, das musst du nur auf deinen Hintergrund umsetzen oder nicht?

Alex

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!

Ja weiß ich nicht, dann musste wahrscheinlich die Farbe von visited mit der Farbe von active angleichen!?

Alex

funtkioniert leider auch net!??

Ich glaub i geb auf!

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.