nicht angemeldet
Hallo,
ich habe um songs mit einem modplugin abspielen zu können ein iFrame in ein "floating-menue" script gesetzt.
Es soll beim scrollen mitfliegen und ansteuerbar per link (target) sein.
Es funktioniert auch toll nur ist die position immer fest. Je nach Auflösung und Breite des Browserfensters (kleiner und größer ziehen) ist es an einer anderen Stelle.
Wie kann man es verändern so das es immer Dynamisch an einer bestimmten Stelle vom Rand entfernt steht?
Im Gründe müßt es seine Entfernung nicht vom linken Rand nehmen sondern von der Mittellinie!?
Hab schon ewig rumprobiert aber kein Ergebnis...
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:relative;">')
</script>
<layer id="divStayTopLeft">
<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<iframe name="musicbox" src="mod/music/ab2-2.html" width="204" height="151" scrolling="no" frameborder="0"></iframe>
<!--END OF EDIT-->
</layer>
<script type="text/javascript">
/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/
//Enter "frombottom" or "fromtop"
var verticalpos="fromtop"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
var startX = 300,
startY = 100;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>
Danke im Vorraus!