Validní MARQUEE pomocí Java Scriptu

Publikováno: 18.04, 2007
Publikoval: Blassen Téma: Tworba www - (JavaScript & html & Font) počet slov: 699

Validátor hlásí že marquee není validní, lze nějak dosáhnout validnosti ???

marquee => Jezdící text => Párový tag obklopující text.

Vůbec nejlepší řešení je marquee nepoužívat.
Pokud ale přecejen potřebujete nebo vyloženě chcete použít marquee (ten tag co rozptyluje především na LCD obrazovkách, které mají problém se vším co se pohybuje horizontálně).

Tento tag se zapisuje takto, skušenější vědí:
<marquee>Vítejte na BLASSENwebu</marquee>

Ukázka:
Vítejte na BLASSENwebu
(tento běhací text - tag marquee - není validní ale funguje) - stránky si prohlížím prohlížečem, ne validátorem.

Dá se to však obejít pomocí Java Scriptu podobně jako Blikací Text.
Původně jsem to zde chtěl rozepisovat trochu víc, ale nakonec kód bude asi přínosnější.

{ Kód }:

     


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html dir="LTR" lang="cs">

<head>

<title>BLASSENweb - Validní Marquee</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

<meta http-equiv="expires" content="0">

<meta name="resource-type" content="document">

<meta name="distribution" content="global">

<meta name="author" content="BLASSENweb">

<meta name="copyright" content="Copyright (c) by BLASSENweb">

<meta name="keywords" content="marquee, Marquee">

<meta name="description" content="the future of your web !">

<meta name="robots" content="index, follow">

<meta name="revisit-after" content="1 days">



<meta name="rating" content="general">

<base href="http://blassenweb.net/">





<script type="text/javascript"> 

var oMarquees = [], oMrunning, 

   oMInterv =        20,     //interval between increments 

   oMStep =          1,      //number of pixels to move between increments 

   oMDirection =     'left'; //'left' for LTR text, 'right' for RTL text 



/***     Do not edit anything after here     ***/ 



function doDMarquee() { 

   if( oMarquees.length || !document.getElementsByTagName ) { return; } 

   var oDivs = document.getElementsByTagName('div'); 

   for( var i = 0, oDiv; i < oDivs.length; i++ ) { 

      oDiv = oDivs[i]; 

      if( oDiv.className && oDiv.className.match(/bbwmarqueeb/) ) { 

         if( !( oDiv = oDiv.getElementsByTagName('div')[0] ) ) { continue; } 

         if( !( oDiv.mchild = oDiv.getElementsByTagName('div')[0] ) ) { continue; } 

         oDiv.mchild.style.cssText += ';white-space:nowrap;'; 

         oDiv.mchild.style.whiteSpace = 'nowrap'; 

         oDiv.style.height = oDiv.offsetHeight + 'px'; 

         oDiv.style.overflow = 'hidden'; 

         oDiv.style.position = 'relative'; 

         oDiv.mchild.style.position = 'absolute'; 

         oDiv.mchild.style.top = '0px'; 

         oDiv.mchild.style[oMDirection] = oDiv.offsetWidth + 'px'; 

         oMarquees[oMarquees.length] = oDiv; 

         i += 2; 

      } 

   } 

   oMrunning = setInterval('aniMarquee()',oMInterv); 

} 

function aniMarquee() { 

   var oDiv, oPos; 

   for( var i = 0; i < oMarquees.length; i++ ) { 

      oDiv = oMarquees[i].mchild; 

      oPos = parseInt(oDiv.style[oMDirection]); 

      if( oPos <= -1 * oDiv.offsetWidth ) { 

         oDiv.style[oMDirection] = oMarquees[i].offsetWidth + 'px'; 

      } else { 

         oDiv.style[oMDirection] = ( oPos - oMStep ) + 'px'; 

      } 

   } 

} 

if( window.addEventListener ) { 

   window.addEventListener('load',doDMarquee,false); 

} else if( document.addEventListener ) { 

   document.addEventListener('load',doDMarquee,false); 

} else if( window.attachEvent ) { 

   window.attachEvent('onload',doDMarquee); 

} 

</script>



</head>

<body>





    <div class="bwmarquee" align="center">

        <div style="height: 20px; overflow: hidden; position: relative;">

            <div style="white-space: nowrap; position: absolute; top: 0px; left: 59px;">

                <font color="navy"><b>Vítejte na BLASSENwebu</b></font>

            </div>

        </div>

    </div>

    





<br /> 

 <p>

    Result:       Passed validation<br />

    File:    marquee.html<br />

    Encoding:    iso-8859-2<br />

    Doctype:    HTML 4.01 Transitional<br />

 </p>

</body>

</html>

Result: Passed validation
File: marquee.html
Encoding: iso-8859-2
Doctype: HTML 4.01 Transitional

Související odkazy:
Marquee Generátor
Marquee na jak psat web
Marquee na W3 org

-- Autor: Blassen

Sdílet na FB

Publikoval: Blassen

Související témata

Tworba www - (JavaScript & html & Font)

Možnosti

Vytisknout článek

PDF

"Validní MARQUEE pomocí Java Scriptu" | Přihlásit/Registrovat | 0 komentářů

BLASSENweb jako provozovatel blassenweb.net a přidružených subdomén, nezodpovídá za obsah komentářů. Provozovatel služby si vyhrazuje právo zasahovat do diskuze v případě používání vulgarizmů, osočování a též vždy, když je obsah příspěvku spůsobilý naplnit skutkovou podstatu trestného činu nebo zasahuje do práva na ochranu osobnosti třetích osob. Ve vyjímečném případě může přistoupit k smazání příspěvků nebo zablokování přístupu i těm, kteří přímo neporušují kodex, ale jejich působení je dlouhodobě překážkou slušné a věcné diskuze a obtěžuje ostatní diskutující. Přispíváním komentářů vyjadřujete svůj souhlas s těmito pravidly a zavazujete se je dodržovat. Přidáním příspěvku souhlasíte s možným dalším uveřejněním na blassenweb.net bez nároku na finanční odměnu.

Není povoleno posílat komentáře anonymně, prosím zaregistrujte se.

BLASSENweb - the future of your web !

Hlavní nabídka

Nástroje

Články

Komunikace

Ostatní

Vyhledávání

RYCHLÉ ODKAZY

NEVÍTE SI RADY...
Nevíte si rady s koupí domény ? S výběrem webhostingu ? Rádi vám poradíme. log in!

Pro volné chvíle

Možnosti pro Vás

Odkazy

Doporučujeme vám:

Reklama

Sponzor