auf Klick, mehrere Grafiken ändern

[Precifix]

Hallo,

ich habe folgendes Problem.
Ih würde gerne eine Navigation realisieren, bei der, wenn cih auf eine Menügrafik klicke sich nicht nur diese Grafik ändert, wenn dieser Punkt aktiv ist, sondern das sich auch andere Grafiken ändern, wie kann ich soetwas realisieren?

Danke

 

[SilentWarrior]

Genau gleich wie bei der Menügrafik - einfach die entsprechende Grafik mit getelemenbyid ansprechen.

 

[Precifix]

danke, viel bastelarbeit, aber könnte klappen, muss dann wohl die einzelnen Menüelemente in divs packen und denen dann jeweils eine id zuweisen, das müsste doch klappen oder?

 

[SilentWarrior]

Wozu denn die Divs? Du kannst den Bildern auch direkt eine Id zuweisen.

 

[Precifix]

da innerhalb des divs, noch der link sowie n bissel script steht

aber geht das nicht einfacher?.

im Prinzip habe ich ja mehrere Tabellenzeilen, denen muss ich doch eine Variable zuweisen können. Und wenn ich das auf den Inhalt einer Zeile klicke( dachte an das div, mit allem script für rollover, active etc. drin) sollte es doch möglich sein in den anderen Zeilen, die ich ja mit der jeweiligen variable benannt habe, ein anderes div reinzuladen?

 

[SilentWarrior]

Sollte schon gehen. Probier's mal so:

<div onclick="getelementbyid('anderetabellenzelle').innerHTML='<div>...</div>';">...</div>

Bin mir aber nicht sicher, ob das wirklich so funktioniert.

 

[Precifix]

klingt rein logisch schon mal ganz gut, aber was soll in das div hinter innerHTML?

hab dir ma mein quellcode angehängt, danke schonmal für deine bisherige Hilfe
habe beim ersten link schonmal deinen part eingefügt

  <tr>
    <td height="33" id="eins"><div id="exklusivitaet" onclick="getelementbyid('zwei').innerHTML='<div>?</div>';"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','exklusivitaet','',1)" onMouseOver="MM_nbGroup('over','exklusivitaet','images/active/exklusivitaet.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/inanctive/exklusivitaet.gif" alt="Exklusivit&auml;t" name="exklusivitaet" width="200" height="33" border="0" onload=""></a></div></td>
  </tr>
  <tr>
    <td height="33" id="zwei"><div id="portfolio"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','portfolio','',1)" onMouseOver="MM_nbGroup('over','portfolio','images/active/portfolio.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/inanctive/portfolio.gif" alt="Portfolio" name="portfolio" width="200" height="33" border="0" onload=""></a></div></td>
  </tr>
  <tr>
    <td height="33" id="drei"><div id="eventsoftware"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','eventsoftware','',1)" onMouseOver="MM_nbGroup('over','eventsoftware','images/active/eventsoftware.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/inanctive/eventsoftware.gif" alt="Eventsoftware" name="eventsoftware" width="200" height="33" border="0" onload=""></a></div></td>
  </tr>
  <tr>
    <td height="33" id="vier"><div id="erfahrung"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','erfahrung','',1)" onMouseOver="MM_nbGroup('over','erfahrung','images/active/erfahrung.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/inanctive/erfahrung.gif" alt="Erfahrung" name="erfahrung" width="200" height="33" border="0" onload=""></a></div></td>
  </tr>
  <tr>
    <td height="33" id="fuenf"><div id="kontakt"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','kontakt','',1)" onMouseOver="MM_nbGroup('over','kontakt','images/active/kontakt.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/inanctive/kontakt.gif" alt="Kontakt" name="kontakt" border="0" onload=""></a></div></td>
  </tr>
  <tr>
    <td height="33" id="sechs"><div id="home"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','home','',1)" onMouseOver="MM_nbGroup('over','home','images/active/home.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/inanctive/home.gif" alt="Startseite" name="home" width="200" height="33" border="0" onload=""></a></div></td>
  </tr>
  <tr>

 

[SilentWarrior]

Tut mir leid, aber ich seh beim besten Willen immer noch nicht, wofür du die Divs brauchst.

 

[Precifix]

Hmm ok,

also ich möchte wie gesagt eine Navigation erstellen, die beim klick auf den dritten Menüpunkt z.B. diese grafik an der Stelle rausnimmt und in einer anderen Zeile platziert. Danach sollten nachtürlich die Grafiken der restlichen Navigation aufrücken, damit keine Lücke bleibt. Da die Menüpunkte natprlich animiert sind, bzw ein rollover und eine active funktion haben, sollten diese natürlich mit in die neue Zeile wandern. deswegen dachte ich, man könne die Grafiken jedes einzelnen Menüpunktes bzw. rollover und active inkl. den Links zu den Bildern in ein div packen und diese divs mit einer variable versehen.

Hoffe ich hab das verständlich formuliert