kostenloser Webspace werbefrei: lima-city


Javascript funktioniert nicht in Tabellenzelle

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    b*****6

    Habe ein Problem: Das Javascript eines speziellen NewsTickers(ist in Datei 'Ticker.js' ausgelagert) wird in einer Tabellenzelle aufgerufen,um auch auf der HP-Seite dort zu erscheinen, wo es hin soll(unten in der Mitte). Aber bei Aufruf der Seite erscheint der Ticker immer ganz oben über der gesamten Tabelle Kann mir da jemand helfen? hier der Code:

    <!doctype html public "-//W3C//DTD HTML 4.01 //EN">
    <html>
    <head>
    <title>Waldgeflüster</title>
    <script  type="text/javascript" language="javascript" src="Ticker.js"></script>
    
    <script language="javascript" type="text/javascript">
    
    function Sound(url) {
    
      if(!url) {
        document.getElementById("sound").innerHTML= "";
        }
      else {
        document.getElementById("sound").innerHTML= "<embed src='" + url + "' autostart='true' loop='false' hidden='true' width='1' height='1'</embed>"; 
        }
    
      }
    
    </script>
    <style type="text/css">
    <!--
    a.menu {
     display:block;
     padding:1px;
     border-top:1px solid #030;
     background-color:#ff9;
     font-size:14pt;
    font-face:Helvetica;
    font-weight:bold;
     text-align:center;
     text-decoration:none; 
    
    }
    
    a.menu:link, a.menu:visited
    {
      color:#003300;
     background-color:#ffff99;
     font-weight:bold;
    }
    a.menu:hover
    {
      color:#ffff99; font-weight:bold;
     background-color:#003300;
    }   
    a.menu:focus, a.menu:active
    {
      color:#003300; font-weight:bold;
     background-color:#00ff00;
    }   
    #menucontainer {border:1px solid #030;
          background-color:#ffff99;
                     width:150px;
    }
    #pos1 {background-image:url(Bilder/Rechts.jpg); background-repeat:no-repeat;
           border:2px solid #030;}
    p.info { border:6px ridge #060;
       background-color:#ff9;
              width:140px;
       text-align:center;
       font-size:12pt;
       font-color:#030;
      font-family:Helvetica;
           margin:0px;}
    
    #ticker {font-family:Maiandra GD;
              font-color:#030;
              font-size:20pt;
              font-weight:bold;}
    -->
    </style>
    </head>
    <body bgcolor="#003300">
    
    <table cellpadding="0" cellspacing="0" width="100%" bgcolor="#99CC00">
      <tr>
        <td valign="top" colspan="3"><img src="Bilder/Header2.jpg"></td>
      </tr>
      <tr>
        <td align="left" width="150">
          <div id="menucontainer"><a class="menu" href="Dichter.html"
             target="Fensterlein" onclick="Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt=
             "#########">Der&nbsp;Wanderer</a> <a class="menu" href=
             "WaldGedicht.html" target="Fensterlein" onclick=
             "Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt="#########">Die&nbsp;Gedichte</a> <a class=
             "menu" href="Geschi.html" target="Fensterlein" onclick=
             "Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt="#########">Geschichten</a> <a class="menu"
             href="Spruch.html" target="Fensterlein" onclick=
             "Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt="#########">Spr&uuml;che</a> <a class="menu" href=
             "Allerlei.html" target="Fensterlein" onclick="Sound('http://download.lima-city.de/benny66/Button17.WAV');"
             alt="click">Allerlei</a> <a class="menu" href="Kontakt.html"
             target="Fensterlein" onclick="Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt=
             "#########">Kontakt</a> <a class="menu" href="Impressum.html" target=
             "Fensterlein" onclick="Sound('http://download.lima-city.de/benny66/Button17.WAV');" alt=
             "#########">Impressum</a></div>
           <img src="Bilder/Links.jpg"></td>
         <td align="center" width="685" height="481"><iframe src="startseite.html" name="Fensterlein"width="692" height="476" border="0"></iframe></td>
         <td align="center" valign="top" width="150"><div id="pos1"><iframe src="http://www.shoutbox4u.de/shoutbox.php?id=455" width="146" height="351" frameborder="0" scrolling="auto"><a href="javascript:void(0);" onClick="window.open('http://www.shoutbox4u.de/shoutbox.php?id=455', 'shoutbox', 'width=146,height=351');">Shoutbox zeigen</a></iframe></div>
         <img src="Bilder/Textfeld.jpg"></td>
       </tr>
       <tr>
         <td align="left" width="150" height="65" bgcolor="#99CC00" padding="2"><center><a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1220476755" style="border:none" alt="Counter"></a></center></td>
         <td align="center" width="690" height="65" bgcolor="#99CC00"><script type="text/javascript" language="JavaScript><!-- DM_ticken(); //--></script></td>
         <td align="right" width="150" height="65" bgcolor="#99CC00"><center><font size="4" color="#003300" face="Helvetica">© Bernd Schmidt 2008</font></center></td>
       </tr>
    </table>
    <div id="sound"></div>
    
    </body>
    </html>


    vieln Dank im Voraus
    Benny




  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Was steht denn in der Ticker.js?

    Beitrag geändert: 27.9.2008 16:23:03 von tavern
  4. Autor dieses Themas

    b*****6

    Hier der Code der Ticker.js:

    tNews=new Array();
    
    //°°°°°°°°°°Die News
    tNews.push('&nbsp;Ein liebes Wort zur rechten Zeit beendet manche Streitigkeit!&nbsp;');
    tNews.push('&nbsp;Ein liebes Wort zur rechten Zeit beendet manche Streitigkeit!&nbsp;');
    
    //°°°°°°°°°°Delimiter zwischen den einzelnen News
    tDelimiter  =' <img src="Bilder/000641.gif"> ';
    
    //°°°°°°°°°°Interval in ms
    tInterval   =10;
    
    //°°°°°°°°°°Stop bei mouseover?true:false
    tStop       =true;
    
    //°°°°°°°°°°Falls Leeraum zwischen News...hier Wert erhoehen...minimum:1
    tRepeat     =2;
    
    //°°°°°°°°°°Rahmen
    tBorder     ='0px ';
    
    //°°°°°°°°°°Breite
    tWidth      =600;
    
    //°°°°°°°°°°Höhe
    tHeight     =50;
    
    //Abstand Rahmen->Inhalt (top+bottom)
    tPadding    =1;
    
    //Das Aussehen per CSS anpassbar unter Verwendung des Selectors #ticker
    
    /* * * * * * * * * * * * * * * * * * D E R  T I C K E R * * * * * * * * * * * * * * * * * * * * * */
    IE  = document.all&&!window.opera;
    DOM = document.getElementById&&!IE;
    
    if(DOM||IE)
        {
        var tGo,
            tPos  = 0,
            tStop = tStop?'onmouseover="clearInterval(tGo)"'+ 'onmouseout="tGo=setInterval(\'DM_ticken()\','+tInterval+')"':'',
            tTxt  = tDelimiter+tNews.join(tDelimiter),
            tNews = tTxt;
            
            for(i = 1; i < tRepeat; ++i)
              {
                tNews+=tTxt;
              }
              
            document.write('<div style="overflow:hidden;border:' + tBorder +
                           ';width:' + tWidth + 'px;height:' + tHeight + 'px;' +
                           'padding:' + tPadding + 'px 0px ' + tPadding + ' px 0px;">' +
                           '<div style="position:absolute;width:' + tWidth + 'px;height:' + tHeight + 'px;'+
                           'overflow:hidden;clip:rect(0px '+tWidth+'px '+tHeight+'px 0px)">'+
                           '<span id="ticker"style="white-space:nowrap;position:relative;"' + tStop + '>' + tNews + 
                           '</span></div></div>');
            
            tObj = IE ? document.all.ticker : document.getElementById('ticker');
        
        function DM_ticken()
          {
            tOffset = tObj.offsetWidth/tRepeat;
            if(Math.abs(tPos) > tOffset)
              {
                tPos=0;
              }
            tObj.style.left=tPos+'px';
            tPos=parseInt(tPos)-1;
          }
        
        tGo=setInterval('DM_ticken()',tInterval);
        }


    Habe ich aus einem anderen Forum übernommen und angepasst
    Benny
  5. Hast du schonmal geschaut was die Fehlerkonsole von Firefox sagt?

    Bitte Poste so ewig lange Code nicht als Code sondern extern als Txt.
    Das zerstört das ganze Lima-Layout, und man kann alles wegen der Werbung nur noch sehr schlecht lesen.

    Gruß, Prog
  6. Autor dieses Themas

    b*****6

    ja gut, werde nächstes Mal so lange Codes gleich als Link anbieten.

    Und wer sich den Code jetzt nochmal ohne Werbung anschauen möchte, hier ist der Link: http://wanderlyrik.de/Tickercode.txt

    In der Firefoxfehlerkonsole werden keine Fehler angezeigt. Nur ein paar Warnungen.Und bereinigt im Browser läuft der Ticker weiterhin obendrüber.
    Auf der Originalseite http://www.wanderlyrik.de habe ich unten zur zeit eine Laufschrift in marquee-Form - ruckt halt ziemlich und hat diese lücke, bis alles verschwunden ist, ehe es wieder beginnt.
    Der neue ticker ist endlos und läuft ruhiger, nur eben noch nicht da wo er soll.Ach und unten rechts der Copyrightvermerk ist auch dadurch verschwunden. Hier ist eine Ansicht der Seite mit neuem ticker: http://wanderlyrik.de/Waldgefluester.html

    Gruß Benny


    Beitrag geändert: 27.9.2008 22:09:57 von benny66
  7. Autor dieses Themas

    b*****6

    Problem ist gelöst! Habe in einem anderen Forum Hilfe bekommen. Falls es jemanden interessiert, der Abruf der Ticker.js muß dort hingeschrieben werden, wo er erscheinen soll, also unten in die Tabelle. Sieht dann so aus:
    <td align="center" width="690" height="65" bgcolor="#99CC00">
    <script  type="text/javascript" language="javascript" src="Ticker.js">DM_ticken();</script></td>


    Gruß Benny :lol:
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!