OnMouseOver [???]

umek

umek

Mitglied
Blackout!

... bei dem folgenden Script habe ich ein kleines Problem!
Ich möchte für Text[0] eine Grafik einsetzen, so das die Grafik praktisch
immer angezeigt wird und nur bei MouseOver der Text. ( Text[1], Text[2], Text[3], Text[4] )

<SCRIPT>
var text=new Array()
text[0]=' '
text[1]='Copy'
text[2]='Paste'
text[3]='Cut'
text[4]='Delete'

function show(content)
{
Text.innerHTML='<FONT FACE="Arial">'+content+'</FONT>'
}
</SCRIPT>
</HEAD>
<BODY>

<B ID="Text" CLASS="Position"></B>

<A CLASS="Block" HREF="#" ONMOUSEOVER="show(text[1])" ONMOUSEOUT="show(text[0])">Testlink 01</A>
<A CLASS="Block" HREF="#" ONMOUSEOVER="show(text[2])" ONMOUSEOUT="show(text[0])">Testlink 02</A>
<A CLASS="Block" HREF="#" ONMOUSEOVER="show(text[3])" ONMOUSEOUT="show(text[0])">Testlink 03</A>
<A CLASS="Block" HREF="#" ONMOUSEOVER="show(text[4])" ONMOUSEOUT="show(text[0])">Testlink 04</A>

vielleicht kann mir jemand helfen ... pls !!! ... desperately seeking !!!

thx
 
Wennn die Grafik immer angezeigt werden soll kannst du sie doch ganz normal einbinden.


<img src="bild">
<B ID="Text" CLASS="Position"></B>
 
Zunächst vielen Dank für die rasende Antwort! *greenhorn*

Das Problem dabei ist das ich mit "CLASS=Position" die
genaue Position von "ID=Text" festgelegt habe, ...
und wenn ich nun mit CLASS (z.B. Position2) die Grafik an die gleiche Position setze,
verdeckt der Text der bei MouseOver erscheint leider nicht ganz das Bild.
Viell. ein wenig unglücklich ausgedrückt, ...
die Grafik soll bei MouseOver durch den Text ersetzt werden.


gr33tz
 
PHP: 
<b id="text" class="position">
<img src="bla.jpg" onmouseover="this.src='text[1]'" onmouseout="this.src='bla.jpg'" />
</b>

kein plan aber probier mal...
 
Zuletzt bearbeitet:
Also naja.
Wenn du unbedingt einen MouseOver-Effekt haben möchtest würde ich dir das Vorgehen abraten.
Nimm dann lieber 2 Grafiken.
1. Grafik: Logo
2. GRafik: Text (onMouseOver)

Dann nimmst du noch dieses JavaScript:
http://selfhtml.teamone.de/javascript/beispiele/buttons.htm

Oder simpler:
Code: 
<img src="bla_bild.gif" onMouseOver="this.src='Bla_text.gif'" onMouseOut="this.src='bla_bild.gif'">
 
Habs nun so geregelt:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function showText(text){
document.getElementById('show').innerHTML = text;
}
//-->
</SCRIPT>
<DIV ID="show" CLASS="Position"><IMG SRC=Files/Image/Pic.gif></DIV>


<A CLASS="Block" HREF="#" ONMOUSEOVER="showText('Text Text Text');" ONMOUSEOUT="showText('<IMG SRC=Files/Image/Pic.gif>')">

... einziger Nachteil ist, das dass wohl nur mit neueren Browsern läuft!

trotzdem Dank !!!

greetz
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück