Effetto titoli dei films

[lucianomnia]

Buona domenica a tutti.Qualcuno saprebbe indicarmi come realizzare dei titoli che scorrono come nella tabella news di www.virgilio.it ?

P.s Scusate non so se questo e' il posto giusto per postare questo quesito.

[Dennis]

non so se c'è, ma hai provato a cercare nella sezione di script di questo sito?

[piero06]

ma la tabella vuoi fare tipo rubrica oppure le scritte ?

[lucianomnia]

Mi interessano le scritte che scorrono cliccabili e linkabili.

[piero06]

ecco qui dalla newsletter:

<DIV ID=ejs_box2_box STYLE="background:#FFFFFF;color:#000000;font-family:Verdana;font-size:10;border-style:dashed;border-width:1;border-color:#006699;width:200;height:90;padding:5">
</DIV>

 <SCRIPT LANGUAGE=JavaScript>
 ejs_box2_message = new Array;
 ejs_box2_message[0] = 'Altnet: KaZaA strizza l’occhio alle major

[img]img/focus203.gif[/img]';
ejs_box2_message[1] = 'Napster verso la bancarotta?

[img]img/focus202.gif[/img]';
ejs_box2_message[2] = 'E-commerce: l\'Europa tassa gli USA

[img]img/focus203.gif[/img]';

 ejs_box2_actual = 0;
 ejs_box2_html_flag = 0;
 
 function ejs_box2_go()
 	{
 	if(document.getElementById)
 		{
 		ejs_box2_char = 1;
 		ejs_box2_affich(ejs_box2_actual)
 		ejs_box2_actual++;
 		if(ejs_box2_actual >= ejs_box2_message.length)
 			ejs_box2_actual = 0;
 		}		
 	}
 
 function ejs_box2_affich(lactual)
 	{
 	var pix = ejs_box2_message[lactual].charAt(ejs_box2_char);
 	if(pix == "<")
 		ejs_box2_html_flag = 1;
 	if(pix == ">")
 		ejs_box2_html_flag = 0;
 	var texte = ejs_box2_message[lactual].substring(0,ejs_box2_char);
 	document.getElementById("ejs_box2_box").innerHTML = texte;
 	if(ejs_box2_char < ejs_box2_message[lactual].length)
 		{
 		ejs_box2_char++;
 		if(ejs_box2_html_flag == 1)	
 			ejs_box2_affich(lactual);
 		else
 			setTimeout("ejs_box2_affich("+lactual+")",50)
 		}
 	else
 		setTimeout("ejs_box2_go()",2000)
 	}
 
 window.onload = ejs_box2_go;
 </SCRIPT>
-------------------------------------------


Analizziamo i punti da personalizzare.

<DIV ID=ejs_box2_box STYLE="background:#FFFFFF;color:#000000;font-family:Verdana;font-size:10;border-style:dashed;border-width:1;border-color:#006699;width:200;height:90;padding:5">
</DIV>
Il livello qui sopra è il "contenitore" delle news. Attraverso i fogli di stile dobbiamo impostare rispettivamente:

	background:#FFFFFF
il colore dello sfondo

	color:#000000
il colore del testo

	font-family:Verdana
il tipo di font del testo

	font-size:10
la grandezza del testo

	border-style:dashed
lo stile da applicare al bordo del box

	border-width:1
lo spessore del bordo

	border-color:#006699
il colore del bordo

	width:200
la lunghezza del box (in pixel)

	height:90
l'altezza del box (in pixel)

	padding:5
la distanza del testo (o delle immagini) dal bordo del box

	ejs_box2_message[0] = 'Altnet: KaZaA strizza l’occhio alle 		major

[img]img/focus203.gif[/img]';
	ejs_box2_message[1] = 'Napster verso la bancarotta?

[img]img/focus202.gif[/img]';
	ejs_box2_message[2] = 'E-commerce: l\'Europa tassa gli 		USA

[img]img/focus203.gif[/img]';
come potete notare tutti i testi delle notizie sono contenuti, come spesso abbiamo visto, dentro degli ARRAY che devono seguire la solita numerazione progressiva tra le parentesi quadrate.
In ogni ARRAY possiamo inserire codice HTML, comprese immagini e link. Nel caso dovessimo usare del testo che abbia degli apostrofi (') dovremo anteporre un backslash (\) davanti al carattere ' per non provocare un errore.
Gli ARRAY che possono essere inseriti sono praticamente illimitati.

	setTimeout("ejs_box2_go()",2000)
l'ultimo parametro da impostare è il tempo che deve passare tra un cambio di notizia e l'altro. il tempo, in questo caso, è di 2000 millisecondi. Nel caso volessimo un intervallo, ad esempio, di 5 secondi basterà cambiare il valore da 2000 in 5000.

[lucianomnia]

Ti ringrazio,ho provato a scrivere per intero:


<DIV ID=ejs_box2_box STYLE="background:#FFFFFF;color:#000000;font-family:Verdana;font-size:10;border-style:dashed;border-width:1;border- color:#006699;width:200;height:90;paddin
g:5">
</DIV>

<SCRIPT LANGUAGE=JavaScript>
ejs_box2_message = new Array;
ejs_box2_message[0] = 'Altnet: KaZaA strizza l’occhio alle major

[img]img/focus203.gif[/img]';
ejs_box2_message[1] = 'Napster verso la bancarotta?

[img]img/focus202.gif[/img]';
ejs_box2_message[2] = 'E-commerce: l'Europa tassa gli USA

[img]img/focus203.gif[/img]';

ejs_box2_actual = 0;
ejs_box2_html_flag = 0;

function ejs_box2_go()
{
if(document.getElementById)
{
ejs_box2_char = 1;
ejs_box2_affich(ejs_box2_actual)
ejs_box2_actual++;
if(ejs_box2_actual >= ejs_box2_message.length)
ejs_box2_actual = 0;
}
}

function ejs_box2_affich(lactual)
{
var pix = ejs_box2_message[lactual].charAt(ejs_box2_char);
if(pix == "<")
ejs_box2_html_flag = 1;
if(pix == ">")
ejs_box2_html_flag = 0;
var texte = ejs_box2_message[lactual].substring(0,ejs_box2_char);
document.getElementById("ejs_box2_box").innerHTML = texte;
if(ejs_box2_char < ejs_box2_message[lactual].length)
{
ejs_box2_char++;
if(ejs_box2_html_flag == 1)
ejs_box2_affich(lactual);
else
setTimeout("ejs_box2_affich("+lactual+")",50)
}
else
setTimeout("ejs_box2_go()",2000)
}

window.onload = ejs_box2_go;
</SCRIPT>

Ma mi da errore.Scusa sono un novellino.Dove sbaglio.Non dovrebbe essere gia' funzionante?

[piero06]

così va :

<DIV ID=ejs_box2_box STYLE="background:#FFFFFF;color:#000000;font-family:Verdana;font-size:10;width:200;height:90;padding:5">
</DIV>

 <SCRIPT LANGUAGE=JavaScript>
 ejs_box2_message = new Array;
 ejs_box2_message[0] = '<font color="black"><center>Aperto il nuovo sito Pudel Web con area riservate alle guide a agli script Lato Server e Lato Client !Molti tutorial e articoli su ASP con supporto database Access .</center></font>';
ejs_box2_message[1] = 'Nuova Forum con nuovo css e layuot per discutere su argomenti riguardanti la programmazione web e off-topic! Aperta la sezione "Generale" per discussioni di tutti i generei .';
ejs_box2_message[2] = 'Aperta una nuova chat con senza bisogno di registrazione e si può parlare con moltissimi utenti !! Possibiltà di madare messaggi privati agli utenti della Chat ! ';

 ejs_box2_actual = 0;
 ejs_box2_html_flag = 0;
 
 function ejs_box2_go()
 	{
 	if(document.getElementById)
 		{
 		ejs_box2_char = 1;
 		ejs_box2_affich(ejs_box2_actual)
 		ejs_box2_actual++;
 		if(ejs_box2_actual >= ejs_box2_message.length)
 			ejs_box2_actual = 0;
 		}		
 	}
 
 function ejs_box2_affich(lactual)
 	{
 	var pix = ejs_box2_message[lactual].charAt(ejs_box2_char);
 	if(pix == "<")
 		ejs_box2_html_flag = 1;
 	if(pix == ">")
 		ejs_box2_html_flag = 0;
 	var texte = ejs_box2_message[lactual].substring(0,ejs_box2_char);
 	document.getElementById("ejs_box2_box").innerHTML = texte;
 	if(ejs_box2_char < ejs_box2_message[lactual].length)
 		{
 		ejs_box2_char++;
 		if(ejs_box2_html_flag == 1)	
 			ejs_box2_affich(lactual);
 		else
 			setTimeout("ejs_box2_affich("+lactual+")",50)
 		}
 	else
 		setTimeout("ejs_box2_go()",2000)
 	}
 
 window.onload = ejs_box2_go;
 </SCRIPT>

[lucianomnia]

Grazie ora funziona.
Scusa per fare scrollare le parole verticamente anziche' orizzontalmente,dove devo intervenire?

[piero06]

Originariamente inviato da lucianomnia
Grazie ora funziona.
Scusa per fare scrollare le parole verticamente anziche' orizzontalmente,dove devo intervenire?

nn capisco cosa intendi ???

[$$$]

Metti i titoli di coda in un IFRAME
li fai la tua bella paginetta con una tabella ecc...

poi fai un setTimeout ogni 50 ms
e richiami una funzione che fa cosi...

window.scroll (0, step++);



ciau!