Rechercher : dans
Par :

Une pluie d'étoiles pour mon site

Dernière réponse le 19 nov 2009 à 22:16:20 atila03, le 3 jun 2005 à 20:21:06 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « Une pluie d'étoiles pour mon site » dans :
Référencer son site : les moteurs de recherche VoirVoici quelques autres "trucs" à savoir pour référencer un site. Les moteurs de recherche où il faut à tout prix présenter son site : 1) DMOZ ( www.dmoz.org). Ce site est très important car Google, Yahoo, Lycos, Voila... vont tous rechercher des...
Favicon - L'icône de votre site dans la barre d'adresse VoirVous avez sûrement remarqué la présence d'une icône à gauche de l'URL dans la barre d'adresse de votre navigateur sur certains sites web ? Pour mettre en place ce type d'icône sur votre propre site web il n'y a rien de plus simple. Créer la...
Mesure d'audience d'un site web VoirMesure et qualification de l'audience d'un site web L'objectif de tout webmaster est de développer l'audience de son site web, c'est-à-dire d'accroître le nombre de visites journalières. Il lui est ainsi indispensable de disposer d'indicateurs lui...
Webmastering - Conception d'un site web VoirConception d'un site web La conception d'un site web doit être une démarche participative, orientée utilisateurs, c'est-à-dire qu'elle doit se faire, autant que possible, en concertation avec un ensemble de représentants de l'entreprise ou de...
Fichier SIT VoirFormat SIT Un fichier SIT (StuffIT) est un fichier compressé provenant d'un ordinateur Apple sous le système Mac OS. Le logiciel de prédilection pour ouvrir ce type de fichiers sous Mac est StuffIt Expander (payant). Pour décompresser un fichier...

1

urtziel, le 4 jun 2005 à 14:24:27
  • +1

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+

Répondre à urtziel

2

atila03, le 4 jun 2005 à 20:27:08

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.

Répondre à atila03

3

urtziel, le 5 jun 2005 à 10:28:49

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+

Répondre à urtziel

4

atila03, le 5 jun 2005 à 18:54:47

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.

Répondre à atila03

5

urtziel, le 5 jun 2005 à 19:01:54

Ok...
Je vais essayer de te trouver ça avant ce soir. ...BESOIN DE VACANCES...

Répondre à urtziel

6

deylac, le 5 jun 2005 à 19:11:50

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 ! Deylac
*Il ne faut compter que sur soi-même et encore pas beaucoup*

Répondre à deylac

7

urtziel, le 5 jun 2005 à 19:13:32
  • +1

Voici le script qui devrait marcher


<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>

A bientot
...BESOIN DE VACANCES...

Répondre à urtziel

8

atila03, le 5 jun 2005 à 19:28:31

Je suis désolée je n'ai plus rien derrière la souris ni carrés ni étoiles !...

Tu crois que ça vient de moi ?

Patricia.

Répondre à atila03

22

 Princessemodel, le 19 nov 2009 à 22:16:20

Bonjour Urtziel,

j'arrive très tard sur ce sujet mais je n'ai trouvé qu'ici en cherchant sur le net ...
donc, je cherche à faire des étoiles qui suivent le curseur de la souris sur mon site
j'ai inséré le code entr e body et body sur le code source de ma page d'accueil et ai enregistré 4 images d'étoiles dans le même fichier et en gif
résultat : les étoiles apparaissent telles que mes images enregistrées, elles sont côt à côte répétées 3 fois chacune sur le haut de ma page mais .... elles sont fixes !
pourrais-tu m'aider ?
merci d'avance
Princesse model

Répondre à Princessemodel

9

gallou, le 5 jun 2005 à 22:00:26

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.

Répondre à gallou

10

atila03, le 5 jun 2005 à 22:16:08

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.

Répondre à atila03

11

gallou, le 5 jun 2005 à 22:25:22

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

Répondre à gallou

12

atila03, le 5 jun 2005 à 23:08:03

Merci à toi gallou et bonne soirée.

A bientôt.

Patricia.

Répondre à atila03

13

urtziel, le 6 jun 2005 à 20:34:09
  • +1

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) ...BESOIN DE VACANCES...

Répondre à urtziel

14

atila03, le 6 jun 2005 à 20:57:43

Bonsoir urtziel,

Ca ne marche toujours pas !

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

Bonne soirée.

Patricia.

Répondre à atila03

15

txiki, le 22 nov 2005 à 15:34:42

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).
Le bonheur est la seule chose que l'on peut donner sans l'avoir.

Répondre à txiki

16

Gouril, le 22 nov 2005 à 16:31:43

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
Faites l'amour et pas la guerre !

Répondre à Gouril

17

minimoi, le 22 oct 2006 à 12:08:53

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

Répondre à minimoi

18

Quentin78, le 5 déc 2007 à 17:47:15

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

Répondre à Quentin78

19

ceriizz, le 31 déc 2007 à 11:31:36

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

Répondre à ceriizz

20

michele, le 4 jan 2008 à 21:04:20

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>

Répondre à michele

21

R., le 23 mai 2008 à 16:42:11

Moi, je ne trouve pas le "body"

Répondre à R.