JavaScript scroller, scrollt niet ;)
Edit: Voorbeeld inclusief teller!
Het probleem is dat de wel gevulde div, niet scrollt.
En als ik de waarde van boxDiv.style.left laat uitspugen ik netjes 400px, 399px, etc.. krijg.
Dit alles omdat marquee geen XHTML is ;)
Edit2: Quote hersteld, bericht verwijdert :$
Gewijzigd op 04/05/2005 23:27:00 door Mitch X
<script language="javascript" type="text/javascript">
// Cross browser compatibiliteit =)
if( document.all && !document.getElementById ) {
document.getElementById = function( id ) {
return document.all[ id ];
}
}
// Lege var waar dalijk de verwijzing naar de div in komt
var boxDiv
// De var met de inhoud van de marquee
var boxContent = '<nobr>Lorem ipsum dolor sit amet.'
// Functie die de box initialiseerd
function boxInit( ) {
// De var met de verwijzing naar de te vullen div setten
boxDiv = document.getElementById( 'shoutbox' )
// Standaard pixel waarde aangeven
boxDiv.style.margin = "400px"
// Divje vullen
boxDiv.innerHTML = boxContent
// Interval setten voor de scroll
setInterval( "boxScroll( )", 20 )
}
window.onload = boxInit
// Functie die de box doet scrollen
function boxScroll( ) {
if( parseInt( boxDiv.style.margin ) > ( -400 ) )
boxDiv.style.margin = parseInt( boxDiv.style.margin ) - 1 + "px"
else
boxDiv.style.margin = "400px"
}
</script>
<div id="shoutbox" style="border: 1px solid black"></div>
Hier heb je bijna het gewenste effect, nu alleen nog even margin kunnen beperken tot margin-left. Maar ik heb geen idee hoe je dat moet doen.
Voor voorbeeld zie link :)