Eike Hein: Objekt unten halten

Hi!

Ich habe ein Problem:
Ich möchte ein Objekt ohne sichtbare Veränderung oder Einfluß auf den Text in der Site, also in einem leichten Rand, automatishc immer am sichtbaren Ende halten. Das müßte mit eine  dHTML Script und einem div Tag möglich sein, und ich habe entsprechendes gefunden. Da es jedoch nicht funktioniert hat, und ich nicht in der Lage war zu erkennen WESHALB, konnte ich es nicht einbauen. Kann mir jemand helfen!!!

  1. Wenn ich Dich verstanden habe,

    Machst eine "blinde" Tabele (100 % Höhe) mit zwei Zeilen (Zellen) und eine Spalte, die obere kriegt VALIGN TOP und die untere BOTTOM. In die obere Zelle kommt der Inhalt,usw. und in die untere der Objekt den Du unten halten willst.

    <div align="center"><center>
    <table border="0" cellpadding="0" cellspacing="0" height="100%">
      <tr><td align="center" valign="top">

    Hier INHALT

    </td></tr>
      <tr><td align="center" valign="bottom">

    Hier OBJEKT

    </td>
      </tr>
    </table>
    </center></div>

    Der Objekt bleibt unten bis der Inhalt grösse als der Bildschirm wird, und dann wird gescrollt.
    Objekt für immer unten zu halten kann man auch mit einem Frame unten, oder ?

    War das was Du wolltest ?

    Slobo

    1. War das was Du wolltest ?

      Nope. leider nicht.
      Ich möchte es immer am Bildschirmende halten.....unabhängig vom Inhalt!

      1. Hi, ich hab mal irgendwo son script gefunden..

        Das is denk ich genau das, was du brauchst, und es ist speziel fuers selbstgestalten vorbereitet :)

        Tschau
        Burkhard

        <!-- THREE STEPS TO INSTALL LOGO BRANDING:

        1.  Insert the first code into the HEAD of your HTML document
           2.  Add the onLoad event handler to the BODY tag
           3.  the last code into the BODY of your HTML document  -->

        <!-- STEP ONE: Put this code into the HEAD of your HTML document  -->

        <HEAD>

        <SCRIPT LANGUAGE="JavaScript">
        <!-- Original:  Randy Bennett (rbennett@thezone.net) -->
        <!-- Web Site:  http//home.thezone.net/~rbennett/utility/javahead.htm -->

        <!-- This script and many more are available free online at -->
        <!-- The JavaScript Source!! http://javascript.internet.com -->

        <!-- Begin
        function setVariables() {
        imgwidth=235;  // logo width, in pixels
        imgheight=19;  // logo height, in pixels
        if (navigator.appName == "Netscape") {
        horz=".left";
        vert=".top";
        docStyle="document.";
        styleDoc="";
        innerW="window.innerWidth";
        innerH="window.innerHeight";
        offsetX="window.pageXOffset";
        offsetY="window.pageYOffset";
        }
        else {
        horz=".pixelLeft";
        vert=".pixelTop";
        docStyle="";
        styleDoc=".style";
        innerW="document.body.clientWidth";
        innerH="document.body.clientHeight";
        offsetX="document.body.scrollLeft";
        offsetY="document.body.scrollTop";
           }
        }
        function checkLocation() {
        objectXY="branding";
        var availableX=eval(innerW);
        var availableY=eval(innerH);
        var currentX=eval(offsetX);
        var currentY=eval(offsetY);
        x=availableX-(imgwidth+30)+currentX;
        y=availableY-(imgheight+20)+currentY;
        evalMove();
        setTimeout("checkLocation()",10);
        }
        function evalMove() {
        eval(docStyle + objectXY + styleDoc + horz + "=" + x);
        eval(docStyle + objectXY + styleDoc + vert + "=" + y);
        }
        // End -->
        </SCRIPT>

        <!-- STEP TWO: Add this onLoad event handler to the BODY tag    -->

        <BODY onload="setVariables(); checkLocation();">

        <!-- STEP THREE: Put this code into the BODY of your HTML document  -->

        <div id="branding" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2">
        <table width=10 bgcolor=#ffffff><td>
        <a href="http://www.yoursite.com" onmouseover="window.status='Thanks for visiting!';return true" onmouseout="window.status='';return true"><center><img src="your-logo.gif" width="235" height="19" border="0"></center></a></font></td>
        </table>
        </div>

        <!-- Script Size:  2.22 KB  -->

        War das was Du wolltest ?

        Nope. leider nicht.
        Ich möchte es immer am Bildschirmende halten.....unabhängig vom Inhalt!

  2. Hi Eike!

    Ich möchte ein Objekt ohne sichtbare Veränderung oder Einfluß auf den Text in der Site, also in einem leichten Rand, automatishc immer am sichtbaren Ende halten. Das müßte mit eine  dHTML Script und einem div Tag möglich sein, und ich habe entsprechendes gefunden. Da es jedoch nicht funktioniert hat, und ich nicht in der Lage war zu erkennen WESHALB, konnte ich es nicht einbauen. Kann mir jemand helfen!!!

    Dazu müßten wir was sehen. Kannst Du das entsprechende Teil des Skriptes mal vorlegen?

    Gruß Jutta

    1. Dazu müßten wir was sehen. Kannst Du das entsprechende Teil des Skriptes mal vorlegen?

      Klaro. Mein Problem ist dies, ich möchte das Script in ein Dokument einbauen, in dem schon ein Script ist. Hier das Geo Script:

      <HTML>
      <HEAD>
      <TITLE>Slide script</TITLE>
      <style>
      body{background-color:#000000; font-family: Verdana, Arial,sans-serif; font-size:10pt; color:#1E6841}
      A{color:#E1E1E1; text-decoration:none}
      A:hover{color:blue}
      A:visited:{color:#808080}
      A.back{}
      P{font-family: Verdana, Arial,sans-serif; font-size:10pt; color:#1E6841; font-weight:bold}
      #divMain{position:absolute; left:50; top:50; font-family: Verdana, Arial,sans-serif; font-size:10pt; color:#1E6841; font-weight:bold}
      </style>
      <script>
      //code mady by www.bratta.com can be used freely as long as this msg is intact
      var n = (document.layers) ? 1:0;
      var ie = (document.all) ? 1:0;

      function makeObj(obj,nest){  
      

      nest=(!nest) ? '':'document.'+nest+'.'
           this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')  
           this.evnt=(n)? eval(nest+'document.'+obj):eval(obj);      
        this.moveIt=b_moveIt;
        
      }
      function b_moveIt(x,y){
        this.x=x; this.y=y
           this.css.left=this.x
        this.css.top=this.y
      }
      var pageWidth,pageHeight
      function init(){
      oTest=new makeObj('divBottom')
      pageWidth=(ie)?document.body.offsetWidth-4:innerWidth;
      pageHeight=(ie)?document.body.offsetHeight-2:innerHeight;
      checkIt()
      if(ie) window.onscroll=checkIt;

      }
      function checkIt(){
      if(ie) oTest.moveIt(document.body.scrollLeft +pageWidth-200,document.body.scrollTop+pageHeight-50)
      else if(n){
        oTest.moveIt(window.pageXOffset+pageWidth-200, window.pageYOffset+pageHeight-50)
        setTimeout('checkIt()',20)
      }
      }
      </script>
      </HEAD>

      <BODY onload="init()">
      <!-- just remove this : -->
      <div id="divMain">
      This works like the geocities thingy, the "www.bratta.com" will follow you when you scroll (tho you can't scroll here)?
      </div>
      <div id="divH2" style="position:absolute; top:0; height:10; font-size:12pt; font-weight:bold; font-family:verdana,arial; color:#303030">
      Crossbrowser DHTML - geocities script
      </div>

      <!--Not this:-->
      <div id="divBottom" style="position:Absolute; width:40; height:20"><b>www.bratta.com</b></div>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      (JETZT KOMMEN NOCH HUNDERTE BRS)

      </BODY>
      </HTML>

      Hier der Quelltext in den ich es eingebaut habe möchte:
      (Die Kommentare waren für einen Kumpel)

      <html>
      <head>

      <!-- ONMOUSEOVERSTYLE -->

      <style type="text/css">
      TD.just { text-align: justify }
      A:hover { color: white }
      </style>

      <!-- ENDE ONMOUSEOVERSTYLE -->

      </head>

      <!-- BODY TAG-->
      <body bgcolor="#000000" text=#10d100 link=#10d100 alink=#10d100 vlink=#10d100>
      <!-- BODY TAG ENDE -->

      <!-- AB HIER SCROLLSYSTEM, NICHT ÄNDERN -->

      <script>
      //made by www.bratta.com
      //(the object idea came from the dynlayer (members.xoom.com/dynduo)

      var n = (document.layers) ? 1:0;  
      var ie = (document.all) ? 1:0;  
      var loop, timer1, timer2;  
      
      function makeObj(obj,nest){  
      

      nest=(!nest) ? '':'document.'+nest+'.'
           this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
        this.up=goUp
        this.down=goDown
           this.obj = obj + "Object"
           eval(this.obj + "=this")
           return this
      }
      function goDown(speed){
        clearTimeout(timer1);clearTimeout(timer2)
        this.css.top=parseInt(this.css.top)+3
        if(loop) timer1=setTimeout(this.obj+".down("+speed+")",speed)

      }  
      function goUp(speed){  
      

      clearTimeout(timer2);clearTimeout(timer1)
        this.css.top=parseInt(this.css.top)-3
        if(loop) timer2=setTimeout(this.obj+".up("+speed+")",speed)
      }
      function init(){
        testObj=makeObj('test2','test')
      }
      onload=init
      </script>
      <body>
      <!-- just remove this : -->

      <div id="down">

      <a href="#" onmouseover="loop=true; testObj.down(5)" onmouseout="loop=false"><img src="up.gif" border=0></a>

      </div>
      <div id="up" style="position:absolute; right:20; top:50">

      <a href="#" onmouseover="loop=true; testObj.up(5)" onmouseout="loop=false"><img src="down.gif" border=0></a><p>
      </div>
      <div id="test" style="position:absolute; width:500; top:50; left:50; clip:rect(0,600,100000,0)">
      <div id="test2" style="position:relative; top:0; left:0">

      <!-- SCROLLSYSTEM ENDE -->

      <!-- AB HIER SEITENINHALT : -->

      <!-- SEITENINHALT ENDE : -->

      <!-- SCROLL SYSTEM, NICHT ÄNDERN : -->
      </div>

      </div>
      <!-- ENDE SCROLLSYSTEM : -->

      </body>
      </html>

  3. Hallo Eike,

    Ich möchte ein Objekt ohne sichtbare Veränderung oder Einfluß auf den Text in der Site, also in einem leichten Rand, automatishc immer am sichtbaren Ende halten.

    Ich glaube ich weiss was Du meinst - hab ich neulich auch zum ersten Mal gesehen, auf geocities.com oder irgendwo auf einer dieser Freespace-Homepages. Dort wird das ganze direkt vom Provider gemanagt, weil da jeder URL-Request intern erst mal an ein Server-Programm geht, das erst den HTML-Code der gewuenschten Seite an den Browser schickt, aber eben nicht, ohne ein Zweitfenster mit Werbung oder eben (und das war mir auch neu) einen fix positionierten <div>-Bereich an einer bestimmten Stelle mit in den gesendeten HTML-Code einzubauen.
    Eigentlich sollte das mit dem fixen Positionieren ueber die Style-Angabe <div style="postion:fixed; top:....; left:....;"> gehen. Um die Werte fuer top und left so zu waehlen, dass der Bereich rechts unten im Fenster ist, muss man erst mal mit JavaScript die Groesse des Fensters ermitteln und kann dann den <div>-Bereich nicht direkt HTML-codieren, sondern mit Hilfe von document.write-Befehlen in JavaScript so schreiben, dass hinter top und left zuvor errechnete Variablenwerte stehen.
    Das Problem ist nur: ich dachte immer, postion:fixed (CSS2.0-Syntax) funktioniert noch nicht mit den Browsern. Ob's daran lag, dass ich mit dem MSIE 5 beta unterwegs war, keine Ahnung.
    Waere vielleicht hilfreich, nochmal die URL ausfindig zu machen - ich kann mich leider nicht mehr erinnern...

    Viele Gruesse
      Stefan Muenz

    1. Hallo,

      Ich glaube ich weiss was Du meinst - hab ich neulich auch zum ersten Mal gesehen, auf geocities.com oder irgendwo auf einer dieser Freespace-Homepages.

      Stimmt schon, Geocities hat sowas.

      Eigentlich sollte das mit dem fixen Positionieren ueber die Style-Angabe <div style="postion:fixed; top:....; left:....;"> gehen.
      ...
      Das Problem ist nur: ich dachte immer, postion:fixed (CSS2.0-Syntax) funktioniert noch nicht mit den Browsern. Ob's daran lag, dass ich mit dem MSIE 5 beta unterwegs war, keine Ahnung.

      Wenn ich das richtig sehe, dann machen die das anders.
      Da wird staendig neu positioniert.
      Wer Lust hat, kann ja mal auseinanderpfluecken. ich habe mich wirklich nicht naeher damit befasst:
      Demo: http://www.geocities.com/main/info/system/watermark.html
      Dann gibt es da noch ein paar .js-Files, in denen stecken die Funktionen:
      http://www.geocities.com/include/branding/

      Christine