Seite 1 von 1

Linke Navigation mit Mouseover Pfeil

Verfasst: Do 19. Okt 2006, 15:01
von Neverlands
Hallo,

ich versuche, bei Kategorien einen Pfeil links neben den Kategorienamen bei Mouseover anzuzeigen.

Die Navigation an und für sich funktioniert einwandfrei, das Seltsame ist nur, dass der Mouseoverpfeil nur angezeigt wird, wenn sich nur eine Kategorie in der Navigation befindet. Sind es mehrere, erscheint er nicht.

Hat jemand eine Idee dazu?

Bild

Hier meine Navfirst_off.html:

Code: Alles auswählen

<!-- BEGIN:BLOCK -->
<table cellSpacing="0" cellPadding="0" width="125" bgColor="#BEE8CF" border="0" style="border-collapse: collapse" bordercolor="#111111">
  <tr>
    <td width="1"><img height="19" src="images/art/Dummy.gif" width="1"></td>
    <td><img name="invis" src="images/art/blockdummy.gif" border="0"></td>
    <td width="20"></td>
    <td vAlign="center" align="left" width="84%">
    <p class="topics">
    <a target="_top" onMouseOver="replaceImage('invis','images/art/block3.gif');" onMouseOut="restoreImages();" href="{HREF}">
    {NAME}</a></p>
    </td>
    <td vAlign="center" width="10">
    <img height="1" src="images/art/Dummy.gif" width="1"></td>
    <td vAlign="center" align="right" bgColor="#FFFFFF" width="1px"></td>
  </tr>
  <tr>
    <td bgColor="#FFFFFF" colSpan="6" width="125">
    <img height="1" src="images/art/Dummyweiss.gif" width="126"></td>
  </tr>
</table>
<!-- END:BLOCK -->
Gruß,
Neverlands

Verfasst: Do 19. Okt 2006, 15:06
von emergence
ich nehm mal den relevanten code raus

<img name="invis"

onMouseOver="replaceImage('invis',


naja -> invis muss eindeutig sein...

mehrere bilder mit dem selben namen werden natürlich nicht zum erfolg führen...

d.h der name muss eindeutig sein.. (und darf nicht mehrfach vorkommen)

Verfasst: Do 19. Okt 2006, 15:12
von Neverlands
Hallo emergence,

danke für Deine Antwort.
Also es soll ja jedesmal bei Mouseover dasselbe gif - also "blockdummy.gif" durch "block3.gif" ersetzt werden.
blockdummy.gif ist quasi unsichtbar und soll beim Mouseover durch block3.gif sichtbar werden.

Gibt es da evtl. ein Problem mit der Abarbeitung der Schleife?
Vielleicht müßte ein ganz anderer Lösungsansatz her..

Liebe Grüße,
Neverlands

PS.

Wie stelle ich es an, dass der img Name jedesmal ein neuer ist?

Verfasst: Di 24. Okt 2006, 09:18
von Neverlands
Habe nun eine Lösung gefunden - im Modul die idart festgelegt und nun im template Folgendes abgeändert:

Code: Alles auswählen

<!-- BEGIN:BLOCK -->
<table cellSpacing="0" cellPadding="0" width="125" bgColor="#BEE8CF" border="0" style="border-collapse: collapse" bordercolor="#111111">
  <tr>
    <td width="1"><img height="19" src="images/art/Dummy.gif" width="1"></td>
    <td><img name="button{IDART}" src="images/art/blockdummy.gif" border="0"></td>
    <td width="20"></td>
    <td vAlign="center" align="left" width="84%">
    <p class="topics">
    <a target="_top" onMouseOver="replaceImage('button{IDART}','images/art/block3.gif');" onMouseOut="restoreImages();" href="{HREF}">
    {NAME}</a></p>
    </td>
    <td vAlign="center" width="10">
    <img height="1" src="images/art/Dummy.gif" width="1"></td>
    <td vAlign="center" align="right" bgColor="#FFFFFF" width="1px"></td>
  </tr>
  <tr>
    <td bgColor="#ffffff" colSpan="6" width="125">
    <img height="1" src="images/art/Dummyweiss.gif" width="126"></td>
  </tr>
</table>
<!-- END:BLOCK -->
Gruß,
Neverlands