Hi,
du könntest die Funktion von mir auch im Dokument einbinden, das auch den iFrame beinhaltet. In dieses Dokument wird auch der Tooltipp-Container eingebunden.
Vom iFrame-Dokument aus kann die Funktion im übergeordneten Dokument aufgerufen werden.
Dokument, das iFrame beinhaltet:
Der Aufruf im iFramedoment erfolgt über das Objekt top:
Problematisch wird es nur werden, wenn der Tooltipp über dem Slider eingeblendet wird. Denn in diesem Fall tritt das mouseout-Ereignis ein, dann sofort wieder das mouseover usw. Das hat zur Folge, dass der Tooltipp nicht gesehen wird.
Als Lösung könntest du auf den mouseover-Event verzichten und stattdessen ein Element zum Schliessen des Tooltipps in den Container einbringen.
Ciao
Quaese
du könntest die Funktion von mir auch im Dokument einbinden, das auch den iFrame beinhaltet. In dieses Dokument wird auch der Tooltipp-Container eingebunden.
Vom iFrame-Dokument aus kann die Funktion im übergeordneten Dokument aufgerufen werden.
Dokument, das iFrame beinhaltet:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<!-- Bisheriger Code -->
<script type="text/javascript" defer="defer"><!--
function popupWindow(url) {
window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=450,height=550,screenX=150,screenY=150,top=150,left=150')
}
function myTooltip(objImg, strFilePathBigImg){
// Falls der Tooltipp wieder ausgeblendet werden soll
if(objImg == 0){
document.getElementById("zoomImg").style.display = "none";
// Falls der Tooltipp eingeblendet werden soll
}else{
// Neues Bildobjekt mit zugehörigem Pfad und Bild
var objNew = new Image();
objNew.src = strFilePathBigImg;
// Referenz auf Tooltipp-Element
var objApp = document.getElementById("zoomImg");
// Bisherige Inhalte löschen
objApp.innerHTML = "";
// Neuen Inhalt einfügen und Tooltipp sichtbar machen
objApp.appendChild(objNew);
objApp.style.display = "block";
}
}
//-->
</script>
</head>
<body>
<div id="zoomImg" style="position: absolute; z-index: 999; display: none; border: 1px solid #aaa; width: 500px; height: 280px; overflow: auto; background: #fff; left: 50%; top: 50%; margin: 0px 0 0 -250px;"></div>
<!-- Restliches Dokument -->
</body>
</html>
Der Aufruf im iFramedoment erfolgt über das Objekt top:
Code:
leftrightslide[0]='<a href="http://www.brillenexperten.de/fassungen/av001.php" target="_blank"><img onmouseover="top.myTooltip(this, \'http://www.brillenexperten.de/bilder/AV001_1.jpg\');" onmouseout="top.myTooltip(0);" src="http://www.brillenexperten.de/bilder/AV001_1_nor.jpg" border=0><\/a>'
Problematisch wird es nur werden, wenn der Tooltipp über dem Slider eingeblendet wird. Denn in diesem Fall tritt das mouseout-Ereignis ein, dann sofort wieder das mouseover usw. Das hat zur Folge, dass der Tooltipp nicht gesehen wird.
Als Lösung könntest du auf den mouseover-Event verzichten und stattdessen ein Element zum Schliessen des Tooltipps in den Container einbringen.
Ciao
Quaese