Antworten auf deine Fragen:
Neues Thema erstellen

Mouseover Text unter Firefox anzeigen lassen?

W

webdesign

Guest

Hallo @ all,

ich habe ein Problem.
Ich habe bei einem Linkbutton mouseover eingefügt, so das sich ein Fenster öffnet und Infotext angezeigt wird.
Dies funktioniert einwandfrei im IE Browser. Jetzt mein Problem: Wie kann ich das machen das es auch unter Firefox angezeigt wird oder besser wie muss ich den Code verändern damit es da auch funktioniert.

Hier der Code :
onMouseover="EnterContent('ToolTip','Zurück zur Übersicht',''); Activate();" ......onMouseout="deActivate()"target="_self"

Hoffe es gibt eine Lösung dafür :wink:

Grüße webdesign :wink:
 

Antworten zum Thema „Mouseover Text unter Firefox anzeigen lassen?“

MrDiek

Ostfriese

Hay webdesign..

Wenn du mit der Maus drüber gehst und ein Fenster mit nem Infotext haben willst mach doch einfach alt in den text...

zB bei einem Bild:
Code:
[img]Bild[/img]

Schon haste deinen Infotext...smile*

Ansonsten gibt es da einen Java-Code im Internet aber ob ich den Finde ist eine andere Frage..

GreeTz Diek
 
W

webdesign

Guest

Hi MrDiek, das mit alt="" ist mir schon klar, das meinte ich auch nicht.

Es öffnet sich quasie bei mouseover ein Fenster unterhalb des Mousezeigers indem ich Infotext stehen habe.
Das Infofenster ist ein Java script.

Doch das ganze funktioniert nur unter IE und nicht im Firefox

Grüße webdesign

Ps: Hier mal ein Bild davon:
over.jpg
 

MrDiek

Ostfriese

Ja das dein auch Java ist war mir klar sieht man am code doch ich atte damals ein anderes ich werde mal schauen ob ich es noch finde brauche eh mal ne lernpause...

GreeTz Diek
 
U

Uwe411

Guest

@webdesign:
Wie sieht denn der Code in den Funktionen aus?
Vielleicht ist dort ein Fehler?

z.B.
'\' statt '/'
 
W

webdesign

Guest

uwe411 schrieb:
@webdesign:
Wie sieht denn der Code in den Funktionen aus?
Vielleicht ist dort ein Fehler?

z.B.
'\' statt '/'


Hier ist der Code:

var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0

if(ns){doc = "document."; sty = ""}
if(ie){doc = "document.all."; sty = ".style"}

var initialize = 0
var Ex, Ey, topColor, subColor, ContentInfo

if(ie){
Ex = "event.x"
Ey = "event.y"

topColor = "#CCCCCC"
subColor = "#F2F1ED"
}

if(ns){
Ex = "e.pageX"
Ey = "e.pageY"
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=overhere

topColor = "#CCCCCC"
subColor = "#F2F1ED"
}

function MoveToolTip(layerName, FromTop, FromLeft, e){
if(ie){eval(doc + layerName + sty + ".top = " + (eval(FromTop) + document.body.scrollTop))}
if(ns){eval(doc + layerName + sty + ".top = " + eval(FromTop))}
eval(doc + layerName + sty + ".left = " + (eval(FromLeft) + 15))
}

function ReplaceContent(layerName){

if(ie){document.all[layerName].innerHTML = ContentInfo}

if(ns){

with(document.layers[layerName].document)
{
open();
write(ContentInfo);
close();
}

}


}

function Activate(){initialize=1}
function deActivate(){initialize=0}

function overhere(e){
if(initialize){

MoveToolTip("ToolTip", Ey, Ex, e)
eval(doc + "ToolTip" + sty + ".visibility = 'visible'")
}

else{
MoveToolTip("ToolTip", 0, 0)
eval(doc + "ToolTip" + sty + ".visibility = 'hidden'")
}


}

function EnterContent(layerName, TTitle, TContent){

ContentInfo = '<table border="0" width="200" cellspacing="0" cellpadding="0">'+
'<tr><td width="100%" bgcolor="#000000">'+

'<table border="0" width="100%" cellspacing="1" cellpadding="0">'+
'<tr><td width="100%" bgcolor='+topColor+'>'+

'<table border="0" width="90%" cellspacing="0" cellpadding="0" align="center">'+
'<tr><td width="100%">'+

'<font class="tooltiptitle">&'+TTitle+'</font>'+

'</td></tr>'+
'</table>'+

'</td></tr>'+

'<tr><td width="100%" bgcolor='+subColor+'>'+

'<table border="0" width="90%" cellpadding="0" cellspacing="1" align="center">'+

'<tr><td width="100%">'+

'<font class="tooltipcontent">'+TContent+'</font>'+

'</td></tr>'+
'</table>'+

'</td></tr>'+
'</table>'+

'</td></tr>'+
'</table>';

ReplaceContent(layerName)

}

Grüße webdesign :wink:
 
W

webdesign

Guest

MrDiek schrieb:
Hier eine andere Art des Mouseover Infofensters...

Ich weiß nicht in wie weit du kenntnisse in der Scriptsprache hast, vielleicht hilft es dir weiter und du kannst es dementsprechend umprogrammieren....

http://www.webdp.de/privat/schein/hp/java-scripts/demos/info/info.htm

Sobald ich mehr finde gebe ich dir bescheid....

Sry für doppelpost... ( erstes und letztes mal )

GreeTz Diek

Hi, danke ich glaube das funkioniert in allen Browsern, habe es getestet.

Supi jetzt kann ich endlich weiter machen :lol:
 
W

webdesign

Guest

Hi habe die komplette Lösung gefunden (Schweiß und Blut)
Hier der Auszug für einen Link:
....onMouseOver="this.T_TITLECOLOR='#F2F1ED';this.T_TITLE='<img src=\'symbole/kreuz.jpg\' width=10 height=10 align=right
Info zum Link>';this.T_STICKY=true;this.T_OPACITY=90;this.T_WIDTH=164;this.T_PADDING=8;t.... usw. usw.

Aber jetzt klappt es :lol:

Grüße webdesign :wink:
 

MrDiek

Ostfriese

Hay Webdesign...

Wäre nett wenn du mal den ganzen code hier posten würdest, das können bestimmt auch noch ein oder andere gebrauchen...

GreeTz Diek
 

lumobra

Noch nicht viel geschrieben

Ich würde kein Javascript dafür nehmen, da das auch von vielen Browsern geblockt wird.
Nimm Ebenen und blende sie bei mouseover ein. (Display=none; Display=block)
 
W

webdesign

Guest

Hi, ich habe die Lösung gestern Nacht 2:30 Uhr endlich gefunden und alles klappt optimal.

Hier das Ergebnis so wie ich es haben wollte :wink:

ergo.jpg

(Das Infofenster öffnet sich bei Mouseover in allen Browsern)

Grüße webdesign :wink:

Ps: Schönes Wochenende, bin ab Sonntag wieder m Lande... :lol:
 
M

MiniGhost

Guest

AW: Mouseover Text unter Firefox anzeigen lassen?

Probierts doch einfach mal damit.
HTML:
<a title="Web.de!" href="www.Freemail.de">Kostenlose E-Mail Adresse!</a>

Mit
HTML:
Title=""
dürfte er es anzeigen.

;)ich hoffe es hat euch geholfen;)

Mit freundlichen Grüßen:
MiniGhost
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Anzeige

Anzeige

Oben