Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> Infobox bei Mouseover, Rel. zum Bild immer am selben Ort?
Michael
Geschrieben am: Do 10.11.2005, 09:07
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 57
Mitglied seit: 16.02.2004


Guten Morgen miteinander!

Ich habe eine Tabelle mit 6x6 gleichen Bildern. Wenn ich mit der Maus über ein Bild fahre (mousover), geht gerade neben dem Zeiger eine Infobox auf, die den Bildnamen enthält (Bild1, Bild2 etc.). Ich möchte aber, dass diese Infobox jeweils angrenzend an die rechte untere Ecke des betreffenden Bildes angezeigt wird, also für ein Bild immer am gleichen Ort. Geht das überhaupt?

Grüsse Michael

Hier der Quellcode, gefunden auf Web-Toolbox:

CODE

Im Head:


<!-- generelle schriftformatierung für die Box -->
<style type="text/css">
<!--
td {
font-family:arial,helvetica;
font-size:12px;
color:#000000;
}
-->
</style>

<script type="text/javascript" language="JavaScript">
<!-- Original:  Patrick Lewis, mod: W. Jansen -->
<!--

if (document.layers) {navigator.family = "nn4"}
if (document.all) {navigator.family = "ie4"}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {navigator.family = "gecko"}

descarray = new Array(

"Bild1",
"Bild2"

);

overdiv="0";
function popLayer(a){
if(!descarray[a]){descarray[a]="<font color=red>Dieses PopUp (#"+a+") ist nicht korrekt definiert - Beschreibung fehlt</font>";}
if (navigator.family == "gecko") {pad="0"; bord="1 bordercolor=black";}
else {pad="1"; bord="0";}
desc = "<table cellspacing=0 cellpadding="+pad+" border="+bord+"  bgcolor=000000><tr><td>\n"
       +"<table cellspacing=0 cellpadding=10 border=0 width=100%><tr><td bgcolor=#DDFFFF><center><font size=-1>\n"
       +descarray[a]
       +"\n</td></tr></table>\n"
       +"</td></tr></table>";
if(navigator.family =="nn4") {
       document.object1.document.write(desc);
       document.object1.document.close();
       document.object1.left=x+15;
       document.object1.top=y-5;
       }
else if(navigator.family =="ie4"){
       object1.innerHTML=desc;
       object1.style.pixelLeft=x+15;
       object1.style.pixelTop=y-5;
       }
else if(navigator.family =="gecko"){
       document.getElementById("object1").innerHTML=desc;
       document.getElementById("object1").style.left=x+15;
       document.getElementById("object1").style.top=y-5;
       }
}

function hideLayer(){
if (overdiv == "0") {
       if(navigator.family =="nn4") {eval(document.object1.top="-500");}
       else if(navigator.family =="ie4"){object1.innerHTML="";}
       else if(navigator.family =="gecko") {document.getElementById("object1").style.top="-500";}
       }
}

var isNav = (navigator.appName.indexOf("Netscape") !=-1);
function handlerMM(e){

// entweder feste x/y-Position für die Info-Box
// x = 300; // Infobox x-Position bei 300 von links
// y = 0;   // Infobox y-Position bei 0 (oben)

// oder Plazierung neben Mauszeiger
x = (isNav) ? e.pageX : event.clientX + document.body.scrollLeft;
y = (isNav) ? e.pageY : event.clientY + document.body.scrollTop;

}
if (isNav){document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
//  End -->
</script>


im Body:


<!-- ::::::::::::::::::::: div-definition :::::::::::::::::::::::-->
<div id="object1" style="position:absolute; background-color:FFFFDD;color:black;border-color:black;border-width:20; visibility:show; left:25px; top:-100px; z-index:+1" onmouseover="overdiv=1;"  onmouseout="overdiv=0; setTimeout('hideLayer()',1000)">
pop up description layer
</div>
<!-- ::::::::::::::::::::: /div-definition :::::::::::::::::::::::-->

Top
PMEmail PosterICQ
Top
 
 
Michael
#2 Geschrieben am: Do 10.11.2005, 14:11 (+05:03)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 57
Mitglied seit: 16.02.2004


Löse es jetzt auf eine andere Art:
Mit diesem Script

Michael
Top
PMEmail PosterICQ
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/9067

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
MouseOver img resize javascript Ronald Nickel 418 5 Do 24.04.2008, 18:46
S: Mouseover Image mit Ladefunktion mlunow 399 4 Di 12.06.2007, 09:00
Userbild laden, wenn MouseOver andiR 444 1 Do 5.10.2006, 19:52
mouseover-layer Andreas Ploetzeneder 847 1 So 7.05.2006, 15:41
Problem mit Bilderwechsel Mouseover (Javascript) Moritz Zbocna 1305 4 So 5.03.2006, 09:35
MouseOver Wikinger74 453 2 Fr 17.12.2004, 14:34
Image Mouseover Mathias.K 579 3 Mi 24.11.2004, 16:34
JS Graphik MouseOver X-Files 635 2 Do 29.07.2004, 09:04




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]