Voir le sujet - Trop dur pour moi ! >> Aide à la conception de sites internet

Posté le: Mer 17 Juin 2009, 8:24 pm

Salut a tous ,

Je fait un petit site sans ambition puis je découvre l' univers des scripts et tous le reste...

Je me prend la tête pas possible sur un script puis je ne trouve pas la solution.

En fait, c' est un script qui génère un texte qui suit la souris en donnant un effet serpent !

Ce que je voudrais c' est pouvoir changer le dernière lettre en un autre format texte et une autre couleur !

Soit la dernière lettre en "Modern No.20" et couleur "#1CBA11"

J' ai atteind mes limites et j' ai besoin de vous !

Merci

Voila le script
__________________________________________________

Code:

<BODY><SCRIPT language=JavaScript1.2>
var msg='Forum.esp';
var font='Verdana,Arial';
var size=5;
var color='#000000 ';
var speed=0.4;
var rotation=.2;
var ns=(document.layers);
var ie=(document.all);
var msg=msg.split('');
var n=msg.length;

var a=size*15;
var currStep=0;
var ymouse=0;
var xmouse=0;
var scrll=0;
var props="<font face="+font+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
if (ie){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center;font-weight:regular;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y;
xmouse = (ns)?evnt.pageX+20:event.x-20;
}
if (ns||ie)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
y=new Array();
x=new Array();
Y=new Array();
X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
function makecircle(){
if (ie) outer.style.top=document.body.scrollTop;
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15;
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2; // remove *2 for just a plain circle, not oval
}
}
function drag(){
scrll=(ns)?window.pageYOffset:0;
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round( Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
setTimeout('drag()',10);
}
if (ns||ie)window.onload=drag;
</SCRIPT></BODY>

Posté le: Mer 17 Juin 2009, 8:28 pm

les 2 smiles dans le script sont a remplacer par un 8

Merci

Posté le: Lun 29 Juin 2009, 10:30 am

Voilà ce qu'il faut changer au début de ton script (une solution parmi plein d'autres):

Code:

<BODY><SCRIPT language=JavaScript1.2>
var msg='Forum.esp';
var font='Verdana,Arial';
var size=5;
var color='#000000';
var speed=0.4;
var rotation=.2;
var ns=(document.layers);
var ie=(document.all);
var msg=msg.split('');
var n=msg.length;

var a=size*15;
var currStep=0;
var ymouse=0;
var xmouse=0;
var scrll=0;
var props="<font face="+font+" size="+size+" color="+color+">";
var props2='<font face="Modern No.20" size='+size+' color="#1CBA11">';
if (ie)
window.pageYOffset=0
if (ns){
for (i=0; i < n; i++)
if (i < (n-1)){
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}else{
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+msg[i]+'</font></center></layer>');
}
}
if (ie){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
if (i < (n-1)){
document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center;font-weight:regular;cursor:default">'+props+msg[i]+'</font></div>');
}else{
document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center;font-weight:regular;cursor:default">'+props2+msg[i]+'</font></div>');
}
document.write('</div></div>');
}