chromax: Div Position soll sich dynamisch mitverändern

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!

  1. 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.

    Ups.

    Es funktioniert auch toll

    Was wenig glaubhaft ist.

    Wie kann man es verändern so das es immer Dynamisch an einer bestimmten Stelle vom Rand entfernt steht?

    Vermutlich, indem "man" versucht, eine adäquate Technik zu lernen. Tatsächlich wäre CSS eine Hilfe, nur gibt es bei dir überhaupt kein CSS, jedenfalls nicht in dem, was du gepostet hast.

    <script>
    if (!document.layers)

    Wo hast du denn das ausgegraben - und bist du wirklich sicher, daß du Leute mit Netscape4 berücksichtigen willst?

    <script type="text/javascript">
      var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

    Da geht es noch weiter mit deinem deutlich überalterten Script ...

    Und mit CSS hat dein scheinbares Problem überhaupt nichts zu tun. Das Dumme ist, daß dein Script derart alt ist, daß keiner meiner Browser mehr nachvollziehen kann, was es eigentlich tun soll. Deine verbale Beschreibung "Es soll beim scrollen mitfliegen und ansteuerbar per link (target) sein" hilft da auch nicht weiter - die eigentliche Aufgabenstellung wird zumindest mir nicht wirklich klar.

    Danke im Vorraus!

    Naja, daß du nun auch noch "vorraus" schreibst, war fast zu erwarten.

    Irgendwie ist dein gesamter Ansatz nicht recht nachvollziehbar. Du versuchst etwas mit einem uralten Javascript, postest dazu etwas im Topic CSS und gibst keine Adresse an, auf der man das mißglückte Produkt anschauen könnte. Grundsätzlich ist es mit Javascript möglich, die Position eines DIV dynamisch zu ändern - auch mit anderen (und dann serverseitigen) Technologien. Leider wird aus deiner Anfrage aber nicht wirklich klar, woraufhinaus deine Träumereien wollen.

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|
    1. Du bist ja ein ganz Schlauer.

      In all deiner Genialität und überheblichem Geschwafel ist dir der mitgelieferte Link nicht aufgefallen.

      Bitte antworte mir nie wieder auf irgendwas.

      1. hi,

        Bitte antworte mir nie wieder auf irgendwas.

        Denen, die deinen Wunsch respektieren, schließe ich mich gerne an - sofern du versprichst, bei diesem Nick zu bleiben - dann blocklistet's sich einfach leichter.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }