Avatar billede jespera Nybegynder
22. juli 2001 - 23:14 Der er 9 kommentarer og
1 løsning

Lysavis / rulle tekst

Hej Alle

Hvordan laver man en lysavis, altså en slags rulle tekst se evt eksempel. på www.code.dk (i højre hjørne). Rulle vinduet skal være magen til bare uden billeder iconer.  Teksten som kommer til at rulle kan det evt loades fra en txt fil eller skal den ligge i selve scriptet. ?

Håber der er nogle der har et bud !!

På forhånd tak
Avatar billede sukos Juniormester
22. juli 2001 - 23:16 #1
Det du ser på ovennævnte link er en javaapplet
Avatar billede jasber Nybegynder
22. juli 2001 - 23:17 #2
Du kan DLe en fra flg link:
http://textscroller.tripod.com/
Avatar billede sukos Juniormester
22. juli 2001 - 23:19 #3
Her er et link til gratis appleter:
http://www.anfiteatro.it/
Avatar billede roenving Novice
22. juli 2001 - 23:21 #4
Hvis jeg skulle lave det i JavaScript ville jeg også tænke i en funktion, som rullede kontinuerligt med en TimeOut på 1000 eller 2000 (1 eller 2 sek.) styret af en global variabel visende x karakterer af en streng (y fra pos i og z fra pos 0) ... men jeg er overbevist om at det bedste bud vil være en java-applet -- se om du ikke kan finde en måde at bruge den!~]

hth
jes
Avatar billede Slettet bruger
22. juli 2001 - 23:24 #5
Kig i koden på http://www.ljweb.com/index_old.html

og du vil finde en javascript ting...

Java applets er generelt for langsomme til html sider..
Avatar billede Slettet bruger
22. juli 2001 - 23:25 #6
vil du skifte teksten ud med en tekstfil du kan læse fra, kan du bare include den der hvor teksten ellers ville stå..
Avatar billede jasber Nybegynder
22. juli 2001 - 23:26 #7
Du kan besøge www.dynamicdrive.com, hvorfra du også kan downloade scrolls i DHTML :)
Avatar billede fomse Nybegynder
22. juli 2001 - 23:34 #8
Kan det her bruges?

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 3.2 Final//EN\">
<HTML>
<HEAD>
    <TITLE>Animeret tekst</TITLE>
</HEAD>
<BODY>
<style type=\"text/css\">
<!--
.textanimlink,a {
text-decoration : none;
}
P.main {
    font-family : Arial;
    font-size : 15pt;
    font-weight : bold;
}
-->
</style>


<Script Language=\"Javascript\">
<!-- Hiding

/*
Script created by Lefteris Haritou
(lef@the.forthnet.gr)
Permission granted to Dynamicdrive.com to feature the script
For more DHTML scripts, visit Dynamicdrive.com
*/

bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if ((bname==\"Netscape\" && bversion>=4) || (bname==\"Microsoft Internet Explorer\" && bversion>=4))
window.onload=start
else
stop();
window.onunload=stop
if (bname==\"Netscape\"){
brows=true
dt=2
}
else{
brows=false
dt=20
}
var z=0;
var msg=0;
var rgb=0;
var link=false;
var status=true;
var updwn=false;
var message= new Array();
var value=0;
var h=window.innerHeight;
var w=window.innerWidth;
var timer1;
var timer2;
var timer3;
var convert = new Array()
var hexbase= new Array(\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"A\", \"B\", \"C\", \"D\", \"E\", \"F\");

// Put here your own messages. Add as many as you wan\'t (Do not edit anything else in the Script except the lines below)

var bgcolor=\"#FFFFFF\"; //Color of background
var color=\"#00008D\";  //Color of the Letters

message[0]=\'The future of JavaScript\'
message[1]=\'Today.\'
message[2]=\'Dynamic Drive DHTML code library\'
message[3]=\'<a href=\"http://dynamicdrive.com\">Click here to begin THE experience</a>\'

// Put here your own messages. Add as many as you wan\'t (Do not edit anything else in the Script except the lines above)

for (x=0; x<16; x++){
for (y=0; y<16; y++){
convert[value]= hexbase[x] + hexbase[y];
value++;
}
}

redx=color.substring(1,3);
greenx=color.substring(3,5);
bluex=color.substring(5,7);
hred=eval(parseInt(redx,16));
hgreen=eval(parseInt(greenx,16));
hblue=eval(parseInt(bluex,16));
eredx=bgcolor.substring(1,3);
egreenx=bgcolor.substring(3,5);
ebluex=bgcolor.substring(5,7);
ered=eval(parseInt(eredx,16));
egreen=eval(parseInt(egreenx,16));
eblue=eval(parseInt(ebluex,16));
red=ered;
green=egreen;
blue=eblue;

function start(){
if ((bname==\"Netscape\" && bversion>=4) || (bname==\"Microsoft Internet Explorer\" && bversion>=4)){
link=false;
updwn=true;
if (brows)
res=document.layers[\'textanim\'].top
else{
textanim.style.width=document.body.offsetWidth-20;
textanim.innerHTML=\'<Pre><P Class=\"main\" Align=\"Center\">\'+message[msg]+\'</P></Pre>\'
res=textanim.style.top
for (x=0; x<document.all.length; x++)
if(document.all[x].id==\"textanimlink\")
link=true;
}
up()
}
}

function stop(){
clearTimeout(timer1);
clearTimeout(timer2);
clearTimeout(timer3);
}

function resz(){
h=window.innerHeight;
w=window.innerWidth;
if (updwn)
timer1=setTimeout(\'up()\',1000)
else
timer2=setTimeout(\'down()\',1000)
}

function breakf(){
if (status){
clearTimeout(timer1);
clearTimeout(timer2);
status=false
return;
}
else{
status=true;
if (updwn)
timer1=setTimeout(\'up()\',dt)
else
timer2=setTimeout(\'down()\',dt)
}
}


function up(){
if (red<hred){
if ((red+7)<hred)
red+=7;
else
red=hred
redx = convert[red]
}
else{
if ((red-7)>hred)
red-=7;
else
red=hred
redx = convert[red]
}

if (green<hgreen){
if ((green+7)<hgreen)
green+=7;
else
green=hgreen
greenx = convert[green]
}
else{
if ((green-7)>hgreen)
green-=7;
else
green=hgreen
greenx = convert[green]
}

if (blue<hblue){
if ((blue+7)<hblue)
blue+=7;
else
blue=hblue
bluex = convert[blue]
}
else{
if ((blue-7)>hblue)
blue-=7;
else
blue=hblue
bluex = convert[blue]
}

rgb = \"#\"+redx+greenx+bluex;
if (brows){
document.layers[\'textanim\'].document.linkColor=rgb;
document.layers[\'textanim\'].document.vlinkColor=rgb;
if (window.innerHeight!=h || window.innerWidth!=w){
clearTimeout(timer1);
resz()
return;
}
else{
document.layers[\'textanim\'].document.write(\'<Pre><P Class=\"main\" Align=\"Center\"><font color=\"\'+rgb+\'\">\'+message[msg]+\'</font></P></Pre>\')
document.layers[\'textanim\'].document.close();
}
}
else{
textanim.style.color=rgb;
if(link)
textanimlink.style.color=rgb;
}
if (z<38){
if (brows)
document.layers[\'textanim\'].top--
else
textanim.style.posTop--
z++
timer1=setTimeout(\'up()\',dt)
}
else
{
updwn=false;
down()
}
}


function down(){
if (red<ered){
if ((red+7)<ered)
red+=7;
else
red=ered
redx = convert[red]
}
else{
if ((red-7)>ered)
red-=7;
else
red=ered
redx = convert[red]
}

if (green<egreen){
if ((green+7)<egreen)
green+=7;
else
green=egreen
greenx = convert[green]
}
else{
if ((green-7)>egreen)
green-=7;
else
green=egreen
greenx = convert[green]
}

if (blue<eblue){
if ((blue+7)<eblue)
blue+=7;
else
blue=eblue
bluex = convert[blue]
}
else{
if ((blue-7)>eblue)
blue-=7;
else
blue=eblue
bluex = convert[blue]
}

rgb = \"#\"+redx+greenx+bluex;
if (brows){
document.layers[\'textanim\'].document.linkColor=rgb;
document.layers[\'textanim\'].document.vlinkColor=rgb;
if (window.innerHeight!=h || window.innerWidth!=w){
clearTimeout(timer2);
resz()
return;
}
else{
document.layers[\'textanim\'].document.write(\'<Pre><P Class=\"main\" Align=\"Center\"><font color=\"\'+rgb+\'\">\'+message[msg]+\'</font></P></Pre>\')
document.layers[\'textanim\'].document.close();
}
}
else{
textanim.style.color=rgb;
if(link)
textanimlink.style.color=rgb;
}

if (z<76){
if (brows)
document.layers[\'textanim\'].top--
else
textanim.style.posTop--
z++
timer2=setTimeout(\'down()\',dt)
}
else
{
if (brows){
document.layers[\'textanim\'].document.write(\'\')
document.layers[\'textanim\'].document.close();
}
else
textanim.innerHTML=\'\';
window.clearInterval(timer2);
if(msg<message.length-1){
msg++;
z=0;
if (brows){
document.layers[\'textanim\'].top=res;
}
else
textanim.style.top=res;
timer3=setTimeout(\'start()\',100);
}
else
{
msg=0;
z=0;
if (brows)
document.layers[\'textanim\'].top=res;
else
textanim.style.top=res;
timer3=setTimeout(\'start()\',2000);
}
}
}


// done hiding -->
</Script>
<Div id=\"textanim\" style=\"position: absolute; left: 0; top: 240\" onclick=\"breakf()\">
</Div>
<Layer name=\"textanim\" left=0 top=240>
</Layer>

</BODY>
</HTML>


Fomse:-)
Avatar billede olebole Juniormester
23. juli 2001 - 02:44 #9
<ole>
Nogen længere...?  *ROTFL*  =oD
/mvh
</bole>
Avatar billede jespera Nybegynder
06. marts 2002 - 15:38 #10
super kommentar....OleBole.........Total griner....

jeg lukker spg....tager selv de 60 point
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