Avatar billede simsen Mester
08. marts 2008 - 09:27 Der er 6 kommentarer og
1 løsning

Højde på en upward scroller

Hej,

Jeg har fundet et script på nettet til en upward scroller. Jeg har ét problem, i scriptet skal der sættes en højde på X antal pixel. Nu vil jeg frygtelig gerne at den har 100% i højden. Men ændrer jeg det til % istedet for px viser den slet ikke scrolleren på siden.

Scriptet ser således ud:

<script type="text/javascript" language="JavaScript1.2">

// Distributed by http://www.hypergurl.com

// Scrollers width here (in pixels)
var scrollerwidth="170px"

// Scrollers height here
var scrollerheight="400px"

// Scrollers speed here (larger is faster 1-10)
var scrollerspeed=1



// Scrollers content goes here! Keep all of the message on the same line!


var scrollercontent='<center><font face="Arial" color="green" size="5"><b>Place your content here.<br> Script distributed by <a href="http://www.hypergurl.com">Hypergurl.com.</a> The scrolling message will now pause on mouseover.<br>Thanks David for the update!</b></font><center>'

var pauseit=1


// Change nothing below!

scrollerspeed=(document.all)? scrollerspeed : Math.max(1, scrollerspeed-1) //slow speed down by 1 for NS
var copyspeed=scrollerspeed
var iedom=document.all||document.getElementById
var actualheight=''
var cross_scroller, ns_scroller
var pausespeed=(pauseit==0)? copyspeed: 0

function populate(){
if (iedom){
cross_scroller=document.getElementById? document.getElementById("iescroller") : document.all.iescroller
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
cross_scroller.innerHTML=scrollercontent
actualheight=cross_scroller.offsetHeight
}
else if (document.layers){
ns_scroller=document.ns_scroller.document.ns_scroller2
ns_scroller.top=parseInt(scrollerheight)+8
ns_scroller.document.write(scrollercontent)
ns_scroller.document.close()
actualheight=ns_scroller.document.height
}
lefttime=setInterval("scrollscroller()",20)
}
window.onload=populate

function scrollscroller(){

if (iedom){
if (parseInt(cross_scroller.style.top)>(actualheight*(-1)+8))
cross_scroller.style.top=parseInt(cross_scroller.style.top)-copyspeed+"px"
else
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
}
else if (document.layers){
if (ns_scroller.top>(actualheight*(-1)+8))
ns_scroller.top-=copyspeed
else
ns_scroller.top=parseInt(scrollerheight)+8
}
}

if (iedom||document.layers){
with (document){
if (iedom){
write('<div style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed">')
write('<div id="iescroller" style="position:absolute;left:0px;top:0px;width:100%;">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+scrollerwidth+' height='+scrollerheight+' name="ns_scroller">')
write('<layer name="ns_scroller2" width='+scrollerwidth+' height='+scrollerheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed"></layer>')
write('</ilayer>')
}
}
}

</script>

Det er når jeg ændrer
// Scrollers height here
var scrollerheight="400px"
denne linie at den ikke viser scriptet.

Jeg har som sagt brug for den fylder hele sidens højde, men kan ikke gennemskue koden nok, til at se, hvor jeg ellers skal ændre, så den kan tage % istedet for px. Og nej, jeg kan ikke bare sætte den til f.eks. 1000 px - så ødelægges mit andet grafik på siden jo.

Nogen der kan hjælpe?

mvh
simsen :-)
Avatar billede roenving Novice
08. marts 2008 - 13:29 #1
Husk at _alle_ omkransende elementer så skal have en specifiseret højde (her på 100% !-)

html,body{margin:0;padding:0;height:100%;}
Avatar billede simsen Mester
08. marts 2008 - 14:25 #2
Hej roenving

Jeg forstår ikke lige hvad du mener - det er jo i selve javascriptet der er en scrollerheight - som skal angives i pixels ..........og den jeg gerne vil angive i % istedet.

Lidt ligesom du i din tabel kan have en styles, der siger Height="80%" eksempelvis.

Du kan se et eksempel, hvor jeg har forsøgt at lave height="100%" til alle undtagen

scrollerheight="400px"

http://www.ansi-design.dk/test/test3.htm

idet hvis jeg ændrer de 400px til 100% så kommer den scrollende tekst nemlig ikke frem.....Den ignorerer den fuldstændig
Avatar billede roenving Novice
08. marts 2008 - 14:34 #3
100% af hvad ?-)

-- der skal selvfølgelig være noget, de 100% (eller 80% for den sags skyld !-) kan tages fra, og css-rekommendationerne fastslår entydigt, at det skal tages af det omkransende element og for at give _alle_ omkransende elementer den højde skal du starte med det alleryderste, som er html-elementet !o]

-- men ved et hurtigt kig ind i koden kan jeg godt se, at det ikke vil komme til at virke ...

-- men det er der også en masse andet i den kode, der ikke vil, da den er baseret på ustandardiserede metoder og properties, måske skulle du finde et andet scroller-script, der er mere opdateret !-)
Avatar billede simsen Mester
08. marts 2008 - 17:06 #4
roenving

Har du et link til en anden scroller, jeg kan bruge istedet......synes jeg har forsøgt mig med ret mange efterhånden, og den eneste, der var bare nogenlunde ok nemlig :-)
Avatar billede simsen Mester
09. marts 2008 - 13:53 #5
Hej roenving,

Jeg håber du stadig læser med i denne tråd.......

Jeg har fundet en af dine egne, som du linker til her i januar i år. Så jeg gik ud fra den: http://www.eksperten.dk/spm/430808

Den scroller nedefra og op MEN den gør det udenfor min td tag (jeg vil jo gerne selv bestemme, hvor på siden den skal vises). En anden ting, jeg har brug for, er at den stopper, når musen bevæger sig henover, så de kan nå at læse, hvad der måtte være. Har du nogen ideer?

Hvordan jeg din kode ser ud på nuværende tidspunkt (jeg har rettet den ind efter mine behov - jeg har f.eks. ikke brug for den stopper hvert 3. sekund) kan du se på http://www.ansi-design.dk/test/test3.htm
Avatar billede simsen Mester
19. marts 2008 - 16:02 #6
roenving

Smid et svar og du får points.....Jeg fandt en anden på nettet istedet :-)
Avatar billede roenving Novice
21. marts 2008 - 14:09 #7
Nej tak, ellers tak !-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester