Visualizzazione risultati 1 fino 7 di 7

Discussione: attributi

  1. #1
    Guest

    Predefinito attributi

    è 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...

  2. #2
    Guest

    Predefinito

    Che tipo di script?
    cosa fa questo script?
    Postalo cosi' diamo un'occhiata.
    Cerca di fornire piu' info altrimenti e' impossibile aiutarti!


    Ciaoooooooo!!!!!!!!

  3. #3
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Ti faccio un esempio: questo script cliccando su un bottone mette il testo in grassetto:
    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">
    Però spiegaci cosa devi fare.
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  4. #4
    Guest

    Predefinito

    lo script fa si che il testo compaia come fosse scritto con una macchina da scrivere ed è questo:
    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>
    FunCool: Ti ho messo i tag per il codice, la prossima volta fallo tu.
    Ultima modifica di funcool : 06-04-2006 alle ore 10.32.01

  5. #5
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Ho corretto un po' il codice ma a me funziona solo con FireFox.
    Ecco il risultato.
    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>
    EDIT: Ho fatto altre correzioni, ma con Internet Explorer continua a non funzionarmi.
    Ultima modifica di funcool : 06-04-2006 alle ore 10.56.21
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  6. #6
    Guest

    Predefinito

    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!!!

  7. #7
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Provo ad improvvisare qui un effetto simile, anche se un po' diverso... sappiami dire se funziona
    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>
    Statemi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •