Archief - JS: scrolling tekst

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

BloodSeaker

Legacy Member
Hallo

Ik heb een design waarbij ik een balk gebruik waarin dan informatie voorbij scrollt. Voorlopig doe ik dat met een marquee, maar omdat dit nie valideert wil ik dat met javascript gaan doen
Ik heb dus een div:
<div id="commercialBar">
<p id="commercialText">&nbsp;</p>
</div>
Binnen de p wil ik die tekst laten scrollen. Ik had daar al een functie voor, zijnde de volgende

Code:
function ticker() {
      var i,k,msg="<%=Session("BannerLogo")%>";
      k=(75/msg.length)+1;
      for(i=0;i<=k;i++) msg+=" "+msg;
      document.getElementById('commercialText').innerHTML = msg.substring(position,position+75);
      if(position++==38) position=0;
      id=setTimeout("ticker()",1000/10); 
    }

Nu, mijn tekst scrollt wel degelijk, maaaaaaar mijn scherm flikkert ongelooflijk. De content die onder die balk komt ziet ge constant flikkeren tss net onder de balk en er net boven (is een div die eronder staat, maar blijkbaar tss de bewegingen door, is het alsof em ineens achter mijn balk gaat)

Iemand een oplossing om die tekst zonder flikkeren te laten scrollen?

Lashknife

Legacy Member
ipv een p tag kunde mss beter een input field gebruiken en met css opmaken.

BloodSeaker

Legacy Member
Lashknife zei:
ipv een p tag kunde mss beter een input field gebruiken en met css opmaken.

twee opmerkingen hierbij

1) de tekst komt over ne balk, da input geval zou, zelfs met opmaak, de boel verknoeien, want ik geloof nie da ge da op transparant kunt zetten die achtergrond ervan
2) dat lost het probleem van da flikkeren niet op

Lashknife

Legacy Member
hebde da getest? zoja, raar want ik heb al genoeg headline/ticker scripts geschreven met javascript en dat flikkerde bij mij nooit.
zo nee :doh: hup go test!

background van een input kunt ge wél transparent zetten
background-color: transparent;

<input type="text" class="tickerfield" />

input.tickerfield {
background-color: transparent;
border-style: none;
width: ?px;
height: ?px;
font-family: ?;
font-size: ?;
....
}
noem maar op!

BloodSeaker

Legacy Member
ik zal dat eens proberen ja, maar semantisch gezien moogt ge voor zoiets geen input element gebruiken


Lashknife zei:
hebde da getest? zoja, raar want ik heb al genoeg headline/ticker scripts geschreven met javascript en dat flikkerde bij mij nooit.
zo nee :doh: hup go test!

background van een input kunt ge wél transparent zetten
background-color: transparent;

<input type="text" class="tickerfield" />

input.tickerfield {
background-color: transparent;
border-style: none;
width: ?px;
height: ?px;
font-family: ?;
font-size: ?;
....
}
noem maar op!

Lashknife

Legacy Member
en p is wel semantisch correct? :)
paragraph vs scrolling text...

semantisch gezien is marquee de enige correcte (zou ik zo denken), maar als het niet valid beschouwd wordt, dan moeten we het oplossen met wat we hebben
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan