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

4 partecipanti


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

Messaggio Da speed 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
speed
***

Sesso : Maschio
Età : 28
Messaggi : 137
Località : Belluno

Visualizza il profilo 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 Ven 28 Gen 2011 - 21:35

il primo si vede solo con IE. Very Happy
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 31
Messaggi : 8782
Località : Roma

Visualizza il profilo https://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 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
speed
***

Sesso : Maschio
Età : 28
Messaggi : 137
Località : Belluno

Visualizza il profilo 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 Sab 29 Gen 2011 - 16:06

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

Sesso : Maschio
Età : 28
Messaggi : 137
Località : Belluno

Visualizza il profilo 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 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
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 31
Messaggi : 8782
Località : Roma

Visualizza il profilo https://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 Sab 29 Gen 2011 - 17:37

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

grazie per questo! :bene:
speed
speed
***

Sesso : Maschio
Età : 28
Messaggi : 137
Località : Belluno

Visualizza il profilo 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 Sab 29 Gen 2011 - 23:41

Per inserirlo in tutte le pagine devo metterlo negli annunci? :good:
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 28
Messaggi : 1855
Località : Padova

Visualizza il profilo 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 Dom 30 Gen 2011 - 0: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
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 31
Messaggi : 8782
Località : Roma

Visualizza il profilo https://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 Dom 30 Gen 2011 - 8: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
speed
***

Sesso : Maschio
Età : 28
Messaggi : 137
Località : Belluno

Visualizza il profilo 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 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
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 28
Messaggi : 1855
Località : Padova

Visualizza il profilo 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 Dom 30 Gen 2011 - 12:52

Prova a metterlo in "Descrizione" o in "Annunci".
VIRTUALDEEJAY
VIRTUALDEEJAY
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 51
Messaggi : 4014
Località : Parma (PR)

Visualizza il profilo 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 Dom 30 Gen 2011 - 12:53

Ok provo e ti dico
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 28
Messaggi : 1855
Località : Padova

Visualizza il profilo 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 Dom 30 Gen 2011 - 12:54

In descrizione nn entra!!! :zen:
Bazzy9
Bazzy9
@ Super attivo @

Sesso : Maschio
Età : 28
Messaggi : 1855
Località : Padova

Visualizza il profilo http://webix.forumattivo.it/
Bazzy9 è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.