Probloeme mit css und javascript

[Svenlito]

Hi leute,

habe folgendes Problem:

Mein mouseover

<a href="#"> <img id="glas_1" onMouseOver="javascript:ChangeGlas('1','b')" onMouseout="javascript:ChangeGlas('1','a')" src="/_gfx/glas_1_a.gif" width="123" height="199" border="0">

function ChangeGlas(glas_id,glas_view)
{
 var NewImgSrc = "/_gfx/glas_" + glas_id + "_" + glas_view + ".gif" ;
 var TargetName = "glas_" + glas_id ;

document.getElementById(TargetName).src = NewImgSrc;
}

jetzt soll dieser mouseover mit einer zweiten funktion versehen werden , nämlich gibt es ein "pseudo" navi auf der rechten hälfte der seite ist eigentlich nur text...  wenn man also auf so einen mouseover drückt soll sich jetzt nicht nur das bild ändern sondern auch in der navi die link farbe..

hab schon ein paar test`S mit
a.meinlink:hover { und so...}

gemacht aber irgendwie fehlt mir da noch was

hilfe :(

[ReuDa]

Irgendwie wird mir nicht ganz klar, was du machen willst...

"auf so einen mouseover drückt" --> Mouseover hat mit Klicken nicht viel zu tun.

Und was hindert dich daran, eine zweite Funktion auf den Mouseover zu legen?

Bitte etwas genauer das ganze...

[Svenlito]

Irgendwie wird mir nicht ganz klar, was du machen willst...

dacht ich mir :)

"auf so einen mouseover drückt" --> Mouseover hat mit Klicken

»»nicht viel zu tun.
insofern das hinter mouseover ein href liegt..

Und was hindert dich daran, eine zweite Funktion auf den Mouseover zu legen?

mein technisches wissen denke ich ..

[XaraX]

Hi Svenlito,

<a href="#"> <img id="glas_1" onMouseOver="javascript:ChangeGlas('1','b')" onMouseout="javascript:ChangeGlas('1','a')" src="/_gfx/glas_1_a.gif" width="123" height="199" border="0">

"javascript:" kann als erstes gelöscht werden, id als zweites, diese Angaben sind unnötig. Als Beispiel für Deine Navigation (innerhalt eines Dokuments!):

<script type="text/javascript">

// Vorladen der Bilder http://de.selfhtml.org/javascript/objekte/images.htm#src

var b = new Array();
 b[0] = new Image(); b[0].src = "/_gfx/glas_1_a.gif";
 b[1] = new Image(); b[1].src = "/_gfx/glas_1_b.gif";
 b[2] = new Image(); b[2].src = "/_gfx/glas_2_a.gif";
 b[3] = new Image(); b[3].src = "/_gfx/glas_2_b.gif";

function ChangeGlas(v)
   {

// Bild ändern

this.src=b[v].src

// abfragen, ob Navigation vorhanden

if(document.getElementById('navi'))
      {

// alle Links erfassen und druchlaufen http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id ff. Hashs

x=document.getElementById('navi').getElementsByTagName('a')
      for(var i=0;x[i],i++)
         {

// Farbe ändern

if(x[i].style.color!='#F00')
            {
            x[i].style.color='#F00'
            }
         else
            {
            x[i].style.color='#00F'
            }
         }
      }
   }

// bitte mal selbst debuggen, habe es nur aus dem Kopf
// zusammengezimmert

</script>

<!-- ...  -->

<ul id="navi">
   <li><a href="#">Text 1</a></li>
   <li><a href="#">Text 2</a></li>
   <li><a href="#">Text 3</a></li>
   <li><a href="#">Text 4</a></li>
   <li><a href="#">Text 5</a></li>
   <li><a href="#">Text 6</a></li>
</ul>

<a href="#">
   <img
    onMouseOver="ChangeGlas(1)"
     onMouseOut="ChangeGlas(0)"
            src="/_gfx/glas_1_a.gif"
   >
</a>

Gruß aus Berlin!
eddi

[Svenlito]

hi,

ziel war das da :

function ChangeGlas(glas_id,glas_view)
{
 var NewImgSrc = "/_gfx/glas_" + glas_id + "_" + glas_view + ".gif" ;
 var Image_Target = "glas_" + glas_id ;
 var Menu_Target = "menu_" + glas_id ;
 var Menu_Color = "#000000"

document.getElementById(Image_Target).src = NewImgSrc;

switch(glas_id)
 {
  case "1": Menu_Color = "#1DE03A" ; break
  case "2": Menu_Color = "#B56AFF" ; break
  case "3": Menu_Color = "#C2C285" ; break
  case "4": Menu_Color = "#00FF00" ; break
 }

if (glas_view == "b")
 {
  document.getElementById(Menu_Target).style.color = Menu_Color ;
 } else {
  document.getElementById(Menu_Target).style.color = "";
 }
}