Une pluie d'étoiles pour mon site

Fermé
atila03 Messages postés 29 Date d'inscription mercredi 1 juin 2005 Statut Membre Dernière intervention 27 août 2005 - 3 juin 2005 à 20:21
elenapoint Messages postés 6 Date d'inscription samedi 25 juin 2011 Statut Membre Dernière intervention 13 janvier 2014 - 25 juin 2011 à 00:42
Bonjour à tous et à toutes,

Qui pourrait me fournir le code html pour qu'une pluie d'étoiles suivent ma souris.

Merci à tous d'avance.

Bonne soirée.

Patricia
A voir également:

13 réponses

Utilisateur anonyme
4 juin 2005 à 14:24
Salut atila!
Voici le script à coller entre les tags <body> et </body> de ta page.

<script language="JavaScript"><!--

B=document.all;
C=document.layers;
T1=new Array("etoile4.gif",8,8,"etoile4.gif",8,8,"etoile4.gif",8,8,"etoile3.gif",12,12,"etoile3.gif",12,12,"etoile3.gif",12,12,"etoile2.gif",16,16,"etoile2.gif",16,16,"etoile2.gif",16,16,"etoile1.gif",20,20,"etoile1.gif",20,20)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}

function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
// -->
</script>

Désolé, c'est un peu long...
Mais qui ne tente rien n'a rien!^^
Ps : Si tu n'as pas IE(Internet Explorer), la manip ne marchera pas.
Tiens-moi au courant...
A+
2
atila03 Messages postés 29 Date d'inscription mercredi 1 juin 2005 Statut Membre Dernière intervention 27 août 2005
4 juin 2005 à 20:27
Bonsoir urtziel,

Merci pour ta réponse, je viens d'essayer le code, il fonctionne mais à la place des petites étoiles j'ai des carrés avec un petit carré blanc à l'intérieur.

est ce que tu peux me réparer ceci ?

Merci d'avance et encore merci pour ton code.

A +

Patricia.
0
Utilisateur anonyme
5 juin 2005 à 10:28
Salut atila!
Il s'agit sans doute d'une petite erreur de ta part lors de la retransmission du code.
Si ce n'est pas le cas, je me mets tout de suite au travail pour essayer de résoudre ton problème...
A+
0
atila03 Messages postés 29 Date d'inscription mercredi 1 juin 2005 Statut Membre Dernière intervention 27 août 2005 > Utilisateur anonyme
5 juin 2005 à 18:54
Bonsoir urtziel,

Je viens de recommencer mais ça ne marche toujours pas. J'ai toujours des petits carrés blanc à la place des étoiles, avec un point au milieu.

Je fabrique mon site avec publisher, je fais un Control C de ton script puis un Control V dans le fonction insertion d'un fragment de code HTLM.

Je suis désolée, je ne pense pas me tromper en collant ton script !...

Pourras tu essayer de voir ce qui pourrait ne pas gazer.

Merci d'avance Urtziel et bonne soirée.

Patricia.
0
Utilisateur anonyme > atila03 Messages postés 29 Date d'inscription mercredi 1 juin 2005 Statut Membre Dernière intervention 27 août 2005
5 juin 2005 à 19:01
Ok...
Je vais essayer de te trouver ça avant ce soir.
0
deylac Messages postés 118 Date d'inscription jeudi 13 janvier 2005 Statut Membre Dernière intervention 28 juin 2006 110 > atila03 Messages postés 29 Date d'inscription mercredi 1 juin 2005 Statut Membre Dernière intervention 27 août 2005
5 juin 2005 à 19:11
salut,

J'ai essayé ce code. Ne marche pas non plus, des carrés aussi.

Mais, si on regarde le code, il me semble qu'il fait appel à des gifs (les étoiles en question). Et donc, sans ces images sources, il ne peux pas y avoir d'étoiles, mais seulement des carrés qui remplacent les images manquantes !

Je ne suis pas un pro du code, mais il me semble que c'est l'explication.
Et comme je ne suis pas un pro... je n'ai pas de solution ! Désolé.

En tout cas, bon courage !
0
Utilisateur anonyme
6 juin 2005 à 20:34
Salut Patricia!
Ce coup-ci, ça devrait être bon...


<script language="JavaScript"><!--

B=document.all;
C=document.layers;
T1=new Array("etoile4.gif",8,8,"etoile4.gif",8,8,"etoile4.gif",8,8,"etoile3.gif",12,12,"etoile3.gif",12,12,"etoile3.gif",12,12,"etoile2.gif",16,16,"etoile2.gif",16,16,"etoile2.gif",16,16,"etoile1.gif",20,20,"etoile1.gif",20,20)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}

function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
// -->
</script>


Bonne chance!

;-)
Ou sinon, c'est peut-être à cause de Publisher...(Ce qui m'étonnerait tout de même un peu)
2
gallou Messages postés 226 Date d'inscription lundi 23 mai 2005 Statut Membre Dernière intervention 26 août 2016 68
5 juin 2005 à 22:25
re coucou

soit tu as un logiciel qui te permet de faire un gif de taille raisonnable comme photoshop (ou un autre du genre).

Soit tu ruses,
tu ouvres power point, tu crées une étoile et tu fais un clic droit sur l'etoile en question et enregistrer en tant qu'image, choix du format gif.
Par contre tu fais attention à la casse car PPT enregistre en majuscule, et ça plaira peut être pas à ton serveur.

voilà (en fait, je préfère même la seconde solution, elle prend moins de temps)

a priori ça marche, j'ai fait le test.

bonne continuation
1
atila03 Messages postés 29 Date d'inscription mercredi 1 juin 2005 Statut Membre Dernière intervention 27 août 2005
5 juin 2005 à 23:08
Merci à toi gallou et bonne soirée.

A bientôt.

Patricia.
0
atila03 Messages postés 29 Date d'inscription mercredi 1 juin 2005 Statut Membre Dernière intervention 27 août 2005
6 juin 2005 à 20:57
Bonsoir urtziel,

Ca ne marche toujours pas !

Toujours des petits carrés blancs à la place des étoiles.

Bonne soirée.

Patricia.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
bonjour à tous !
je voudrais savoir si je pouvais insérer cet effet d'étoile sur mon blog ? et si oui comment faire?
merci d'avance
0
Bonsoir

J'aurai aimer savoir comment faire pour insérer ce code je ni arrive pas du tt???
Pour ma part j'utilise Notepad++ pour créer mon merci

Merci beaucoup de m'aider!!!

Quentin
0
coucou ! moi je voudrais le mettre sur mon forum , qui vien de > Forumactif.com , il y a une option pour changer les codes tel que vous avez donner, mais je ne trouve pas l'endroit ou le mettre, aucun n'indique l'endroit : pour la souris ou autres" . Merci de m'aider ! :D
0
si vous n'avez pas d'image "etoile4.gif" "etoile3.gif" etc... c'est normal que tu ai des carrés blancs avec une petite croix rouge , c'est ça ?
ça veut dire que ton script dit a ton navigateur d'afficher des images et que ton navigateur ne les trouve pas d'où ces carrés (en fait la place réservée a l'image).

Faudrait que tu ailles sur le web et chercher des étoiles, tu en choisi une et tu télécharge (ça t'évitera de la dessiner).

<ital>J'ai aussi le même problème et en plus je n'arrive pas a le mettre en place.
Quand je le met entre body et body, mon texte apparait sue ma page a la place de l'animation.
Au secours et grand merci de me donner une solution!</ital>
0
Moi, je ne trouve pas le "body"
0
elenapoint Messages postés 6 Date d'inscription samedi 25 juin 2011 Statut Membre Dernière intervention 13 janvier 2014 4
Modifié par elenapoint le 25/06/2011 à 00:46
Bonjour,

J'ai un code bien plus court que tout cela et qui fonctionne très bien avec Blogger, le voici :

<li><a href="http://#FF6600" id="pluiedetoiles"><script type="text/javascript" src="http://contes-de-web.fr/js/pluiedetoiles.js"></script></a></li>

Vous le mettez où vous voulez, dans un champ qui accepte le HTML.

Et, comme vous le voyez, vous choisissez la couleur de vos étoiles.

C'est très joli.

Bien amicalement,

Elena.
0
gallou Messages postés 226 Date d'inscription lundi 23 mai 2005 Statut Membre Dernière intervention 26 août 2016 68
5 juin 2005 à 22:00
bonsoir,
c'est aussi mon avis, atila.

enregistre une etoile4.gif au même endroit que ta page et ça devrait mieux marcher.

sinon c'est sympa ce script.

a plus.
-1
atila03 Messages postés 29 Date d'inscription mercredi 1 juin 2005 Statut Membre Dernière intervention 27 août 2005
5 juin 2005 à 22:16
Bonsoir Gallou,

Comment je fais exactement pour enregistrer une étoile4.gif au même endroit que ma page !

Tu peux m'aider.

Merci d'avance.

Patricia.
0
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 517
22 nov. 2005 à 15:34
Salut a tous,
J'voudrais pas dire mais.... si vous n'avez pas d'image "etoile4.gif" "etoile3.gif" etc... c'est normal que tu ai des carrés blancs avec une petite croix rouge , c'est ça ?
ça veut dire que ton script dit a ton navigateur d'afficher des images et que ton navigateur ne les trouve pas d'où ces carrés (en fait la place réservée a l'image).

Faudrait que tu ailles sur le web et chercher des étoiles, tu en choisi une et tu télécharge (ça t'évitera de la dessiner).
-1
Gouril Messages postés 3697 Date d'inscription samedi 29 octobre 2005 Statut Contributeur Dernière intervention 2 février 2017 539
22 nov. 2005 à 16:31
Hello,

Il vous faut mais dans le MÊME dossier que la page html ou autre les fichiers images suivants:
etoile1.gif
etoile2.gif
etoile3.gif
etoile4.gif

Ensuite réessaier ça devrais fonctionné, et avec le premier script, sous message n°1.

A bientôt
-1