è possibile impostare gli attributi di un testo(colore,dimensione...) in uno script?
ho impostato uno script che da l'effetto di una macchina da scrivere ma nn riesco appunto a fare ciò che ho citato sopra...
Printable View
è possibile impostare gli attributi di un testo(colore,dimensione...) in uno script?
ho impostato uno script che da l'effetto di una macchina da scrivere ma nn riesco appunto a fare ciò che ho citato sopra...
Che tipo di script?
cosa fa questo script?
Postalo cosi' diamo un'occhiata.
Cerca di fornire piu' info altrimenti e' impossibile aiutarti!
Ciaoooooooo!!!!!!!!
Ti faccio un esempio: questo script cliccando su un bottone mette il testo in grassetto:
Però spiegaci cosa devi fare.Codice HTML:<script language="Javascript" type="text/javascript">
function Grassetto() {
document.getElementById("testo").style.fontWeight="bold";
}
</script>
<div id="testo">Ciao</div>
<input type="button" onClick="Grassetto();" value="Premi">
lo script fa si che il testo compaia come fosse scritto con una macchina da scrivere ed è questo:
FunCool: Ti ho messo i tag per il codice, la prossima volta fallo tu.Codice HTML:<span id="fly"></span>
<script type="text/javascript" language="JavaScript">
//Flying Letters script- by Matthias (info@freejavascripts.f2s.com)
//For this script and more, visit [url]http://www.dynamicdrive.com[/url]
window.onerror=new Function("return true")
// Qui sotto il messaggio da visualizzare. Inserisci $ per andare a capo ....
message = "La sezione dedicata alle foto..."
distance = 50 // distanza in pixel
speed = 100 // velocita' in millisecondi
// **** non occorre settare altro ****
if (!document.all)
document.write('<h2>'+message+'</h2>')
</script>
<script type="text/javascript" language="JavaScript1.2">
txt="";num=0;num4=0;flyofle="";flyofwi="";flyofto=""
function stfly(){for(i=0;i != message.length;i++){if(message.charAt(i) != "$"){txt=txt+"<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>"};else{txt=txt+"<br>"}};fly.innerHTML=txt;txt="";flyofle=fly.offsetLeft;flyofwi=fly.offsetWidth;flyofto=fly.offsetTop;fly2b()}
function fly2b(){if(num4 != message.length){if(message.charAt(num4) != "$"){eval("n"+num4+".style.left=flyofle-n"+num4+".offsetLeft+flyofwi/2");eval("n"+num4+".style.top=flyofto-n"+num4+".offsetTop+distance");eval("fly3('n"+num4+"',eval(n"+num4+".style.left.substring(0,n"+num4+".style.left.length-2)),(eval(n"+num4+".style.left.substring(0,n"+num4+".style.left.length-2))/5),eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2)),(eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2))/5))")};num4++;setTimeout("fly2b()",speed)}}
function fly3(target,lef2,num2,top2,num3){if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)){if(eval("'"+lef2+"'").charAt(0) != '-'){lef2=lef2-num2};else{lef2=lef2+(-num2)};if(Math.floor(lef2) != -1){eval(target+".style.visibility='visible';"+target+".style.left=Math.floor(lef2)")};else{eval(target+".style.visibility='visible';"+target+".style.left=Math.floor(lef2+1)")};if(eval("'"+lef2+"'").charAt(0) != '-'){top2=top2-num3};else{top2=top2+(-num3)};if(Math.floor(top2) != -1){eval(target+".style.top=Math.floor(top2)")};else{eval(target+".style.top=Math.floor(top2+1)")};setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)}};
stfly()
</script>
Ho corretto un po' il codice ma a me funziona solo con FireFox.
Ecco il risultato.
EDIT: Ho fatto altre correzioni, ma con Internet Explorer continua a non funzionarmi.Codice HTML:<span id="fly"></span>
<script type="text/javascript" language="JavaScript">
//Flying Letters script- by Matthias (info@freejavascripts.f2s.com)
//Correct - by Mattia (http://matriz.funcool.altervista.org)
//For this script and more, visit http://www.dynamicdrive.com
window.onerror=new Function("return true")
// Qui sotto il messaggio da visualizzare. Inserisci $ per andare a capo ....
message = "La sezione dedicata alle foto..."
distance = 50
// distanza in pixel
speed = 100
// velocita' in millisecondi
// **** non occorre settare altro ****
if (!document.all)
document.write('<h2>'+message+'</h2>')
</script>
<script type="text/javascript" language="JavaScript1.2">
txt="";
num=0;
num4=0;
flyofle="";
flyofwi="";
flyofto="";
function stfly(){
for(i=0;i != message.length;i++){
if(message.charAt(i) != "$"){
txt=txt+"<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>"
}
else{
txt=txt+"<br>"
}
}
document.getElementById("fly").innerHTML=txt;
txt="";
flyofle=document.getElementById("fly").offsetLeft;
flyofwi=document.getElementById("fly").offsetWidth;
flyofto=document.getElementById("fly").offsetTop;
fly2b()
}
function fly2b(){
if(num4 != message.length){
if(message.charAt(num4) != "$"){
eval("document.getElementById('n"+num4+"').style.left=flyofle-document.getElementById('n"+num4+"').offsetLeft+flyofwi/2");
eval("document.getElementById('n"+num4+"').style.top=flyofto-document.getElementById('n"+num4+"').offsetTop+distance");
eval("fly3('n"+num4+"',eval(document.getElementById('n"+num4+"').style.left.substring(0,document.getElementById('n"+num4+"').style.left.length-2)),(eval(document.getElementById('n"+num4+"').style.left.substring(0,document.getElementById('n"+num4+"').style.left.length-2))/5),eval(document.getElementById('n"+num4+"').style.top.substring(0,document.getElementById('n"+num4+"').style.top.length-2)),(eval(document.getElementById('n"+num4+"').style.top.substring(0,document.getElementById('n"+num4+"').style.top.length-2))/5))")
}
num4++;
setTimeout("fly2b()",speed)
}
}
function fly3(target,lef2,num2,top2,num3){
if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)){
if(eval("'"+lef2+"'").charAt(0) != '-'){
lef2=lef2-num2
}
else{
lef2=lef2+(-num2)
}
if(Math.floor(lef2) != -1){
eval("document.getElementById('"+target+"').style.visibility='visible';document.getElementById('"+target+"').style.left=Math.floor(lef2)")
}
else{
eval("document.getElementById('"+target+"').style.visibility='visible';document.getElementById('"+target+"').style.left=Math.floor(lef2+1)")
}
if(eval("'"+lef2+"'").charAt(0) != '-'){
top2=top2-num3
}
else{
top2=top2+(-num3)
}
if(Math.floor(top2) != -1){
eval("document.getElementById('"+target+"').style.top=Math.floor(top2)")
}
else{
eval("document.getElementById('"+target+"').style.top=Math.floor(top2+1)")
}
setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)
}
}
stfly()
</script>
nn riesco a cambiare attributi...ho provato anche così:
message = "<b><font color="#00FF00" size="4" face="Adolescence">Dove puoi ammirare i
tuoi campioni...</font></b>"
ma così neanche parte l'efetto!!!
Provo ad improvvisare qui un effetto simile, anche se un po' diverso... sappiami dire se funzionaStatemi bene...Codice HTML:<HEAD>
<SCRIPT TYPE="text/javascript">
var letters = 0;
var countLetters = 0;
/* PARAMETRI:
text: il testo da visualizzare. NON INSERIRE TAG HTML!
delay: il tempo in millisecondi tra una lettera e l'altra
*/
function startTypewriter (text, delay)
{
for (var i = 0; i < text.length (); i++)
{
var span = text.charAt (i);
if (span == "&") // escape!
{
while (text.charAt (i) != ';' && i < text.length ())
{
i++
span += text.charAt (i);
}
}
document.write ('<SPAN STYLE="visibility:hidden" NAME="letter' + (letters++) + '">' + span + '</SPAN>')
}
countLetters = letters
typewriter (delay)
}
function typewriter (delay)
{
var spanNr = countLetters - letters;
documnt.getElemenyById ("letter" + spanNr).style.visibility = "visible";
if (--letters > 0)
setTimeout ("typewriter(" + delay + ")", delay);
}
</SCRIPT>
</HEAD>
<BODY>
...
<!-- qui metti tutti gli stili che vuoi -->
<DIV STYLE="...">
<SCRIPT LANGUAGE="JavaScript">
startTypewriter ("Ecco il mio testo...", 100)
</SCRIPT>
</DIV>
...
</BODY>