Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei giÓ un nostro utente oppure registrati per far parte della nostra grande comunitÓ. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

codici sorgenti in javascript (scritta che segue il cursore nel forum).


In corso codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da speed il Ven 28 Gen 2011, 21:07

volevo postarvi due javascript che permettono teoricamente di creare una scritta che segua il cursore all'interno del forum:

Codice:
<html>
  <head>
      <title>Pagina di prova</title>
      <script type="text/javascript">
        function xcoord(e)
        {
            if(e.pageX)
            {
              return e.pageX;
            }
            else if(e.clientX)
            {
              return e.clientX+(document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft);
            }
            else
            {
              return null;
            }
        }
        function ycoord(e)
        {
            if(e.pageY)
            {
              return e.pageY;
            }
            else if(e.clientX)
            {
              return e.clientY+(document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop);
            }
            else
            {
              return null;
            }
        }
        function moved(e)
        {
            var d=document.getElementById("testo");
            d.style.top=ycoord(e)+5;
            d.style.left=xcoord(e)+5;
        }
      </script>
  </head>
  <body onmousemove="moved(event);">
      <div id="testo" style="position:absolute;">Testo di prova</div>
  </body>
</html>

Codice:
<script type="text/javascript">
/*
Cursor Trailer Text- By Peter Gehrig (http://www.24fun.ch/)
Grazie a Dynamic Drive: http://www.dynamicdrive.com/dynamicindex13/trailortext.htm
Ottimizzato e reso compatibile con Forumfree da DarkStyle (C) 2009 http://ffmagazine.forumfree.net
*/
var x,y; var flag = 0;
 
var offPos = 15; //Distanza dal cursore
var trailerSpeed = 'medium'; //'slow', 'medium', 'fast' o valore numerico - VelocitÓ del fade
// Il tuo messaggio in array (Forum free : var trailerMessage = new Array("F", "o", "r", "u", "m", " ", "F", "r", "e", "e"); )
var trailerMessage = new Array("R", "o", "c", "k", "!");
 
switch(trailerSpeed) {case 'medium':trailerSpeed=30;break; case 'slow':trailerSpeed=50;break; case 'fast':trailerSpeed=10;break;} var ind = new function() {this.i = 0;}; var xpos = new Array(); for (i = 0; i < trailerMessage.length; i++) {ind.i = i; xpos[ind.i] = -50;} var ypos = new Array(); for (i = 0; i < trailerMessage.length; i++) {ind.i = i; ypos[ind.i] = -50;}var IE = document.all ? true : false; if (!IE) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = function(e) { if (IE) {x = event.clientX + document.body.scrollLeft; y = event.clientY + document.body.scrollTop;} else {x = e.pageX; y = e.pageY;} x = x < 0 ? 0 : x; y = y < 0 ? 0 : y; flag = 1;}; function makesnake() {if (flag == 1 && IE) {for (i = trailerMessage.length-1; i >= 1; i--) {ind.i = i; xpos[ind.i] = xpos[ind.i - 1] + offPos; ypos[ind.i] = ypos[ind.i - 1];} xpos[0] = x + offPos; ypos[0] = y + offPos; for (i = 0; i < trailerMessage.length; i++) {ind.i = i; var thisspan = document.getElementById('span' + ind.i).style; thisspan.posLeft = xpos[ind.i]; thisspan.posTop = ypos[ind.i];}} else if (flag == 1 && !IE) {for (i = (trailerMessage.length - 1); i >= 1; i--) {ind.i = i; xpos[ind.i] = xpos[ind.i - 1] + offPos; ypos[ind.i] = ypos[ind.i - 1];} xpos[0] = x + offPos; ypos[0] = y + offPos; for (i = 0; i < trailerMessage.length; i++) {ind.i = i; var thisspan = document.getElementById('span' + ind.i); thisspan.style.left = xpos[ind.i]; thisspan.style.top = ypos[ind.i];}} var timer = setTimeout("makesnake()", trailerSpeed);}for (i=0;i<=trailerMessage.length-1;i++) {ind.i = i; trailerMessage[ind.i] = trailerMessage[ind.i] == ' ' ? ' ' : trailerMessage[ind.i]; document.write('<span id="span' + ind.i + '" class="spanstyle">' + trailerMessage[ind.i] + '</span>');} window.onload = makesnake(); var body = document.body ? document.body : (document.activeElement ? document.activeElement : 0); if(body) {body.style.overflowX = 'hidden'; body.style.overflowY = 'auto'; body.style.minHeight = 0; body.style.width = '100%';}
</script>

spero vi possano essere utili.

se qualcuno li prova e riesce ad ottenere qualche risultato, potrebbe gentilmente darmi una mano?
vi ringrazio! :good:

speed
***

Sesso : Maschile
EtÓ : 22
Messaggi : 137
LocalitÓ : Belluno


Vedere il profilo dell'utente http://everything.forumattivo.eu/
speed Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da the crow il Ven 28 Gen 2011, 21:35

il primo si vede solo con IE. Very Happy

the crow
Veterano dello staff

Sesso : Maschile
EtÓ : 25
Messaggi : 8797
LocalitÓ : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da speed il Ven 28 Gen 2011, 21:37

perfetto! Ŕ strano, perchŔ se li metto su messaggio sull'indice -> contenuto del messaggio, con entrambi i browser e sia con phpbb2 e phpbb3 non ottengo nulla...
grazie dell'informazione comunque! :bene:

speed
***

Sesso : Maschile
EtÓ : 22
Messaggi : 137
LocalitÓ : Belluno


Vedere il profilo dell'utente http://everything.forumattivo.eu/
speed Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da speed il Sab 29 Gen 2011, 16:06

nessuno potrebbe darmi una mano? silent
grazie! :-)

speed
***

Sesso : Maschile
EtÓ : 22
Messaggi : 137
LocalitÓ : Belluno


Vedere il profilo dell'utente http://everything.forumattivo.eu/
speed Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da the crow il Sab 29 Gen 2011, 17:23

ne ho provati una dozzina ..questo e' l'unico che si vede con ie e crome..non e' granche' pero' vedi tu. Very Happy

Codice:
<script language="javascript" type="text/javascript">

var text='Ciao a tutti ...';

var delay=40;                              // SPEED OF TRAIL
var Xoff=0;                                // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30;                              // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14;                              // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>';  // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='<\/b><\/font>';                // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NON MODIFICARE NULLA DA QUESTA RIGA IN AVANTI **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '<\/layer>' : '<\/div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
// end -->    
</script>

the crow
Veterano dello staff

Sesso : Maschile
EtÓ : 25
Messaggi : 8797
LocalitÓ : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da speed il Sab 29 Gen 2011, 17:37

questo funziona!!!
gli altri per˛ non mi hanno fatto effetto, come mai? :-0

grazie per questo! :bene:

speed
***

Sesso : Maschile
EtÓ : 22
Messaggi : 137
LocalitÓ : Belluno


Vedere il profilo dell'utente http://everything.forumattivo.eu/
speed Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da Bazzy9 il Sab 29 Gen 2011, 23:41

Per inserirlo in tutte le pagine devo metterlo negli annunci? :good:

Bazzy9
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente http://webix.forumattivo.it/
Bazzy9 Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da the crow il Dom 30 Gen 2011, 00:33

@speed ha scritto:questo funziona!!!
gli altri per˛ non mi hanno fatto effetto, come mai? :-0

grazie per questo! :bene:
..non tutti funzionano con tutti i broswer...in questo caso siamo stati fortunati....certo non e' il massimo pero' funziona. Very Happy

the crow
Veterano dello staff

Sesso : Maschile
EtÓ : 25
Messaggi : 8797
LocalitÓ : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da speed il Dom 30 Gen 2011, 08:56

okay, ho capito. no perchŔ avevi detto:

@the crow ha scritto:il primo si vede solo con IE. Very Happy

quindi pensavo che quelli funzionassero... si^^
se mi dici che non funzionano allora fine.

ciao! buona domenica!

speed
***

Sesso : Maschile
EtÓ : 22
Messaggi : 137
LocalitÓ : Belluno


Vedere il profilo dell'utente http://everything.forumattivo.eu/
speed Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da Bazzy9 il Dom 30 Gen 2011, 12:09

Scusate, ripeto la mia domanda: Per visualizzare l'effetto in tutte le pagine dove lo devo mettere? :zen:

Bazzy9
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente http://webix.forumattivo.it/
Bazzy9 Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da VIRTUALDEEJAY il Dom 30 Gen 2011, 12:52

Prova a metterlo in "Descrizione" o in "Annunci".



VIRTUALDEEJAY
Aiutattivo
Aiutattivo

Sesso : Maschile
EtÓ : 45
Messaggi : 3993
LocalitÓ : Parma (PR)


Vedere il profilo dell'utente http://www.virtualdeejay.net
VIRTUALDEEJAY Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da Bazzy9 il Dom 30 Gen 2011, 12:53

Ok provo e ti dico

Bazzy9
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente http://webix.forumattivo.it/
Bazzy9 Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: codici sorgenti in javascript (scritta che segue il cursore nel forum).

Messaggio Da Bazzy9 il Dom 30 Gen 2011, 12:54

In descrizione nn entra!!! :zen:

Bazzy9
@ Super attivo @

Sesso : Maschile
EtÓ : 22
Messaggi : 1855
LocalitÓ : Padova


Vedere il profilo dell'utente http://webix.forumattivo.it/
Bazzy9 Ŕ stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum