PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Links bei Mouseover wiedergeben


theghost
03.07.2003, 14:36:15
Hi,

meine Problemstellung sieht so aus, dass ich ein Link in Form eines jpg's habe.
Nun ist dieses jpg in einer "ein-ton"-Farbe gemacht (z.b. gelb).

Mein Ziel ist es, dass der Name (oder das Ziel, oder einfach frei definierter Text) in einer zelle unter diesem Links eingeblendet wird, wenn jemand mit der Maus über diesem Bildlink ist.

Ist das in irgendeiner Weise möglich?
Wenn ja, in welcher? Und mit welchem Befehl?

Hat so etwas vielleicht schonmal jemand hier gemacht oder gesehen?

bin für hilfreiche antworten dankbar

c4
03.07.2003, 14:45:13
Schau Dir das mal an: http://selfhtml.teamone.de/javascript/beispiele/buttons.htm

theghost
03.07.2003, 16:37:48
danke,

allerdings möchte ich nicht die bild frabe oder sowas ändern.
ich beschreibe es nochmal genauer:

ich habe eine table gemacht, dort ist dann eine zeile, die ist weitere kleine spalten unterteilt. In diesen kleinen spalten sind farbbuttons drin.

nun kommt zwei zeilen darunter eine zelle.
und in genau diese zelle soll ein beliebiger text erscheinen, wenn jemand mit der maus über eine der farben kommt.

c4
03.07.2003, 16:43:33
Ich weiß, dass Du DAS nicht SO wolltest. War ja zum Ideen sammeln.

Besseres Beispiel: http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onmouseover

theghost
03.07.2003, 17:20:06
sorry, habs wohl falsch aufgenommen...

das beispiel ist sehr gut!!! danke!

kann man anstelle des textes bei dem beispiel auch einen "img"-tag einsetzten? bzw. eine variable?


ich sehe da noch das problem, dass ich den onmouseover text nicht in eine andere zelle bekomme...

c4
03.07.2003, 17:41:04
Du packst einfach in jede Zelle der oberen Spalte in etwa sowas:
<p onMouseover="id1.innerHTML='Feld 1'" onMouseout="id1.innerHTML='Dynamik - Feld 1'">Maus drüber!!</p>
Und in die Spalte darunter sowas:
<p id='id1'>Dynamik - Feld 1</p>

Fährt man nun mit der Maus über das <p>-Zeugs, wird bei <p id='id1'> das Zeugs von oben angezeigt.

<img> & Co. müsste auch klappen. Einfach mal probieren.

theghost
04.07.2003, 10:08:57
habe das ganze mal umgebastelt und auf meine tabelle angepasst.


<td onMouseover="id1.this.innerHTML='warum gehts nicht?'" onMouseout="id1.innerHTML='test'">
<img src="/images/buttongreen.jpg" width="32" height="20" border="0" alt="green"></td>

und die ausgabezelle:


<td id='id1'>
</td>


wenn die maus aus der obigen zelle raus ist, kommt auch sofort der text "test" in der unteren zelle.
aber bei einem mausover tut sich nix.

hast du ne ahnung warum?

es sollte doch eigentlich der text "warum gehts nicht?" in der unteren Zelle erscheinen!?

c4
04.07.2003, 10:12:01
id1.this.innerHTML muss id1.innerHTML heißen.

theghost
04.07.2003, 10:40:29
grrr *mitkopfgegenwandrenn*

das kommt davon wenn man alte versuche editiert :D


vielen Dank, jetzt funzt es!!!!

|Coding
04.07.2003, 13:44:54
das ist off topic.

~MOVED~