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

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:

Da the crow Ven 28 Gen 2011 - 21:35

il primo si vede solo con IE. Very Happy

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:

Da speed Sab 29 Gen 2011 - 16:06

nessuno potrebbe darmi una mano? silent

grazie! :-)

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>