begin process at 2012 05 29 00:09:11
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Changer le style de la dernière lettre d'un serpent de texte.

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Changer le style de la dernière lettre d'un serpent de texte.

mercredi 17 juin 2009 à 21:29:49 | Changer le style de la dernière lettre d'un serpent de texte.

Lea19

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
______________________________________________________________


<BODY><SCRIPT language=JavaScript1.2>
var msg='CodeSouce.com';
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>

jeudi 18 juin 2009 à 11:33:07 | Re : Trop dur pour moi !

Mayzz

Membre Club
Bonjour,

Ici tu es dans le bar, discutions libres donc pas de langage de programmations. Tu aurais du poster sur  http://www.javascriptfr.com

Ne repost pas, si un admin passe par la il déplacera certainement ton post dans le bon thème.

Mayzz.



                                                                              
Si le déboguage est l'art d'enlever les bogues, la programmation doit être l'art de les créer. <
vendredi 19 juin 2009 à 23:25:50 | Re : Trop dur pour moi !

rt15

Membre Club Administrateur CodeS-SourceS
Bienvenue,

Rafraichissant ce petit script !
Donc oui il fallait poster sur javascriptfr.
Mais il fallait aussi donner un titre plus explicite.
Et il faut que tu indente ton code !

Il n'y a pas de difficulté particulière dans ce que tu demandes. Il faut juste que tu analyses le code. Ce site est la référence pour le HTML/JavaScript/CSS, bref tout ce qui est utilisé ici.
Ce code JavaScript génère en effet du HTML (Pour le contenu : les divs, font, layer...) et du CSS (Pour la présentation : position font-weight...)

Petit indice, sous IE :
if (ie){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
 for (i=0; i < n - 1; 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 id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center;color:blue;font-size:50;font-

weight:bold;cursor:default">'+msg[n - 1]+'</div>');
document.write('</div></div>');
 }

[ Déplacé sur javafr et renommé ]


Cette discussion est classée dans : var, document, window, msg, ns

Répondre à ce message

Sujets en rapport avec ce message

Diaporama Javascript [ par Dominike ] - Dominike -Bonjour à tous !Je vous soumet un petit problème que je n'arrive pas à résoudre seul.J'ai récupéré un Javascript sympa pour créer un diapo Evènement onResize [ par initnocsib ] Je souhaite afficher plus ou moins de photos dans un bandeau en fonction de la taille de la fenêtre. voici le code : if (document.body) { var larg = compatibilité firefox [ par bob ] Bonsoir tout le monde ! j'ai trouvé un script(sur un autre site : je ne sais plus lequel) qui faisait exactement ce que je cherchais, il marche sous I script de menu defilant pas assez extensible [ par pusse ] Bonjour à tous. J'ai recuperer un script en javascript qui permet de creer un menu de liens defilant horizontalement suivant une action sur des fleche modification script -- centrer [ par pusse ] Salut a tous j'ai recuperer un script sur le net qui me permet de creer un  liste defilante de liens horizontalement avec action sur des fleches. Le s Cohabitation entre 2 codes impossible (compte à rebours+neige) [ par Aggshkn ] Bonjour,Je souhaite mettre dans une même page deux codes javascipt : un compte à rebours jusqu' au début de l' année 2006 (http://www.editeurjavascrip probleme firefox IE avec vérification de formulaire [ par vaesoli ] bonjour voila mon problème, j’ais un script js qui fonctionne tres bien sous firefox mais qui plante completement sous IE ce script est censé vérifier Défilant de news qui n'admet pas les apostrophes: pourquoi? [ par sharpeipanam ] Bonjour à tous J'aurais besoin de votre lumière. J'étais à la recherche d'un simple défilant de news que j'ai trouvé à cette adresse <A href="http://w [ajax]Erreur sur multiples HTTPRequest [ par WhiteDwarf ] Bonjour, j'ai réalisé un code d'envoie d'email en ajax, mais je me confronte à un problème :Je récupère en ajax la liste de contact msn d'un utilisate Vérification formulaire [ par maha1987 ] salut tout le monde, j'ai un formulaire html et css mais le controle javascript ne fonctionne pas j'ai essayé même avec le jquery mais toujours le mê


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,702 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)