JavaScript scroller, scrollt niet ;)

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Mitch X

Mitch X

04/05/2005 21:49:00
Quote Anchor link
--- KNIP, zie voorbeeld of post hieronder :) ---

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
 
PHP hulp

PHP hulp

22/09/2021 19:29:35
 
Jelmer -

Jelmer -

04/05/2005 22:58:00
Quote Anchor link
dat .left zit hem niet lekker.
<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.
 
Mitch X

Mitch X

04/05/2005 23:23:00
Quote Anchor link
Mooi, alleen met margin ( zoals je zei ) ging de box over het scherm bewegen, met marginLeft ging ook de hele box over m'n scherm, maar dat is opgelost :D

Voor voorbeeld zie link :)
 
Jelmer -

Jelmer -

05/05/2005 09:37:00
Quote Anchor link
(En ik maar zitten proberen met margin-left, margin.left, text-indent :P)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.