Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

NEIGE QUI TOMBE SUR VOTRE SITE :O


Information sur la source

Catégorie :Divers Classé sous : neige, tombe Niveau : Débutant Date de création : 23/12/2005 Vu : 36 461

Note :
6,87 / 10 - par 15 personnes
6,87 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (32)
Ajouter un commentaire et/ou une note

Description

Ceci est un petit script de neige, vous n'avez qu'a le placez dans votre page et tout commance :)
 

Source

  • <html>
  • <head>
  • <script language="JavaScript">
  • // Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
  • var snowmax=35
  • // Placez les couleurs pour la neige. Ajoutez autant de couleurs comme vous voudrez
  • var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
  • // Placez les polices, celle créent les flocons de neige. Ajoutez autant de polices comme vous voudrez
  • var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
  • // Placez la lettre qui crée votre flocon de neige (recommandé: *)
  • var snowletter="*"
  • // Placez la vitesse de la descente (gamme recommandée de valeurs de 0,3 à 2)
  • var sinkspeed=2
  • // Placez la maximal-taille de vos snowflaxes
  • var snowmaxsize=30
  • // Placez la minimal-taille de vos snowflaxes
  • var snowminsize=10
  • // Placez la neiger-zone
  • // Placez 1 pour tout-au-dessus-neiger, placez 2 pour la gauche-côté-chute de neige
  • // L'ensemble 3 pour centre-neiger, a placé 4 pour la droit-côté-chute de neige
  • var snowingzone=1
  • ///////////////////////////////////////////////////////////////////////////
  • // LA CONFIGURATION FINIT ICI
  • ///////////////////////////////////////////////////////////////////////////
  • // N'éditez pas au-dessous de cette ligne
  • var snow=new Array()
  • var marginbottom
  • var marginright
  • var timer
  • var i_snow=0
  • var x_mv=new Array();
  • var crds=new Array();
  • var lftrght=new Array();
  • var browserinfos=navigator.userAgent
  • var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  • var ns6=document.getElementById&&!document.all
  • var opera=browserinfos.match(/Opera/)
  • var browserok=ie5||ns6||opera
  • function randommaker(range) {
  • rand=Math.floor(range*Math.random())
  • return rand
  • }
  • function initsnow() {
  • if (ie5 || opera) {
  • marginbottom = document.body.clientHeight
  • marginright = document.body.clientWidth
  • }
  • else if (ns6) {
  • marginbottom = window.innerHeight
  • marginright = window.innerWidth
  • }
  • var snowsizerange=snowmaxsize-snowminsize
  • for (i=0;i<=snowmax;i++) {
  • crds[i] = 0;
  • lftrght[i] = Math.random()*15;
  • x_mv[i] = 0.03 + Math.random()/10;
  • snow[i]=document.getElementById("s"+i)
  • snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  • snow[i].size=randommaker(snowsizerange)+snowminsize
  • snow[i].style.fontSize=snow[i].size
  • snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  • snow[i].sink=sinkspeed*snow[i].size/5
  • if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  • if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  • if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  • if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  • snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  • snow[i].style.left=snow[i].posx
  • snow[i].style.top=snow[i].posy
  • }
  • movesnow()
  • }
  • function movesnow() {
  • for (i=0;i<=snowmax;i++) {
  • crds[i] += x_mv[i];
  • snow[i].posy+=snow[i].sink
  • snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
  • snow[i].style.top=snow[i].posy
  • if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  • if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  • if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  • if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  • if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  • snow[i].posy=0
  • }
  • }
  • var timer=setTimeout("movesnow()",50)
  • }
  • for (i=0;i<=snowmax;i++) {
  • document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  • }
  • if (browserok) {
  • window.onload=initsnow
  • }
  • </script>
  • <title>Neige :P</title>
  • </head>
  • <body>
  • Placez ce script dans votre page :)
  • </body>
  • </html>
<html>
<head>
<script language="JavaScript">
// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
var snowmax=35

// Placez les couleurs pour la neige.  Ajoutez autant de couleurs comme vous voudrez
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Placez les polices, celle créent les flocons de neige.  Ajoutez autant de polices comme vous voudrez
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Placez la lettre qui crée votre flocon de neige (recommandé: *)
var snowletter="*"

// Placez la vitesse de la descente (gamme recommandée de valeurs de 0,3 à 2)
var sinkspeed=2

// Placez la maximal-taille de vos snowflaxes
var snowmaxsize=30

// Placez la minimal-taille de vos snowflaxes
var snowminsize=10

// Placez la neiger-zone
// Placez 1 pour tout-au-dessus-neiger, placez 2 pour la gauche-côté-chute de neige 
// L'ensemble 3 pour centre-neiger, a placé 4 pour la droit-côté-chute de neige
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// LA CONFIGURATION FINIT ICI
///////////////////////////////////////////////////////////////////////////


// N'éditez pas au-dessous de cette ligne
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent 
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)  
var browserok=ie5||ns6||opera

function randommaker(range) {        
    rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
    if (ie5 || opera) {
        marginbottom = document.body.clientHeight
        marginright = document.body.clientWidth
    }
    else if (ns6) {
        marginbottom = window.innerHeight
        marginright = window.innerWidth
    }
    var snowsizerange=snowmaxsize-snowminsize
    for (i=0;i<=snowmax;i++) {
        crds[i] = 0;                      
        lftrght[i] = Math.random()*15;         
        x_mv[i] = 0.03 + Math.random()/10;
        snow[i]=document.getElementById("s"+i)
        snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
        snow[i].size=randommaker(snowsizerange)+snowminsize
        snow[i].style.fontSize=snow[i].size
        snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
        snow[i].sink=sinkspeed*snow[i].size/5
        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
        snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
        snow[i].style.left=snow[i].posx
        snow[i].style.top=snow[i].posy
    }
    movesnow()
}

function movesnow() {
    for (i=0;i<=snowmax;i++) {
        crds[i] += x_mv[i];
        snow[i].posy+=snow[i].sink
        snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
        snow[i].style.top=snow[i].posy
        
        if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
            if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
            if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
            if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
            if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
            snow[i].posy=0
        }
    }
    var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
    document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
    window.onload=initsnow
}
</script>
<title>Neige :P</title>
</head>
<body>
Placez ce script dans votre page :)
</body>
</html>

Commentaires et avis

signaler à un administrateur
Commentaire de ImmortalPC le 24/12/2005 13:37:15

Salut,
10/10 super bien fait je vais le mettre de ce pas sur mon site !!
Bon code
@+

signaler à un administrateur
Commentaire de cube45 le 24/12/2005 15:36:12

note: On peut mettre une image en remplacant le caractere "*" par
"<img src='urldelimage' />"
a la ligne 14

signaler à un administrateur
Commentaire de johann1 le 25/12/2005 06:50:13

Superbe Undamet

signaler à un administrateur
Commentaire de thierry13010 le 26/12/2005 04:08:20

Apparemment cela ne fonctionne pas sur firefox
Dommage.

signaler à un administrateur
Commentaire de emilia123 le 26/12/2005 08:27:13

bonjour
juste une petite remarque....

quand on utilise un code de quelqun d'autre on le précise, et on en met l'origine.
c'est rigolo google.. si je chercher "var snowmax=35" je tombe sur une dizaine de script pareil à celui cid atant de 2002 ou 2003, en anglais (merci pour la traduction éventuelle), certains meme en holandais/

voila c'est tout.

Emi

signaler à un administrateur
Commentaire de Hermia41 le 26/12/2005 13:29:09

ça donne bien mais sa fait tout bugger, j'avais mit de la musique sur la page et la musique ne fonctionnait plus!!!
sa ralentissait tout aussi, c'est dommage!!

signaler à un administrateur
Commentaire de patrick532 le 26/12/2005 21:59:06

salut,

thierry13010 => ça marche avec firefox 1.5 (non trouvé par update automatique de mozilla !)
mais attention à l'écriture des valeurs décimales pour la vitesse de flocons:

undanet => // Placez la vitesse de la descente (gamme recommandée de valeurs de 0.3 à 2)
var sinkspeed=0.5
( mettre le "." au lieu de ","   ; remarque ça dépend peut-être du browser utilisé !? )

code sympa et bien commenté,( même si emilia123 a raison ) donc 8/10

A+ et bonne continuation

signaler à un administrateur
Commentaire de thierry13010 le 27/12/2005 02:13:42

Salut .

Effectivement, en javascript il faut mettre des . pour les nombres à virgule.
Même sous firefox 1.5, rien.
Quelqu'un a t-il un exemple de site web actuellement en ligne utilisant ce script et qui fonctionnerait sour firefox ?

@+
thierry

signaler à un administrateur
Commentaire de patrick532 le 27/12/2005 18:47:39

salut,

moi j'ai pas de problème du tout sur mozilla firefox 1.5 , je vois la même chose que sur IE6.
et je ne vois pas quel paramétre de firefox tu devrais changer pour que cela fonctionne. Alors le problème vient peut-être de la façon dont tu a écris le html (par exemple il faut bien enlever les "#" qu'il y a devant chaque ligne de code ; c'est un problème qui vient du site http://www.javascriptfr.com; avant il y avait même les n° de ligne ! ).
autrement dans le même style il y a en ce moment le site http://www.thechien.com   qui montre de la neige tombant , et qui marche sous firefox. (c'est un site de chien virtuel genre tamakotchi mais en mieux et en français). il suffit de prendre le code source de la page principale (je ne le met pas ici car trop long); la partie intéressante est en bas du code.
voila, bonne continuation , et A+
MPP

signaler à un administrateur
Commentaire de darkman2 le 31/12/2005 10:05:27

meme commentaire que emilia123
arrete de faire de copier et coller
sois inventif et creatif et ossi imaginatif

signaler à un administrateur
Commentaire de PhiL666 le 01/01/2006 00:09:12

un zip serait apprécié ..(impossible de copier/coller d'un coup)

signaler à un administrateur
Commentaire de 1gima1 le 20/01/2006 06:44:26

Pour un débutant, c'est génial!!!! Parfait sur IE mais ne fonctionne pas sur firefox mais excellent tout de même!

signaler à un administrateur
Commentaire de ifebo le 02/11/2006 22:27:07

Superbe script ! Merci à son créateur et merci aussi à celui qui nous le fait découvrir ici.

signaler à un administrateur
Commentaire de mamyclaudine767 le 06/12/2006 01:19:11

ben moi je l'ai lu mais pas encore mis car pour un débutant pas évident quand même de savoir ou le mette ce script lool faut et ou faut t'il le mettre exactement lool ,faut penser aux débutants même moi une mamy je voudrais cette neige dans mon petit site ,merci de me dire ou exactement le mettre merci d'avance a qui me répondra

signaler à un administrateur
Commentaire de geniebliss le 11/12/2006 01:15:03

salut,

Merci pour le créateur de ce code (et à tout ceux qui l'on fait connaître aux autres). Super simple à mettre en oeuvre et à paramétrer. Je m'en sers comme fond d'ecran Windob XP, en rajoutant juste après :
<BODY BACKGROUND="<chemin>/image.jpg" > </BODY>
c'est très agréable, la neige sur mon image de fond préféré !!

signaler à un administrateur
Commentaire de ifebo le 11/12/2006 11:45:13

Bonjour. N'y aurait-il pas moyen d'étendre la "snowingzone" en hauteur sur 100%. A cause des pages ayant une longueur qui fait intervenir la barre d'ascenseur. dès qu'on dépasse la résolution écran en hauteur, plus de neige.
Je pensais par exemple à quelque chose dans le genre :
var snowingzone height=100%. Bon ok je sais que ce n'est pas comme ça qu'il faut l'écrire, mais justement c'est pour ça que je demande. Merci si vous pouvez donner une idée.

signaler à un administrateur
Commentaire de ifebo le 11/12/2006 12:04:20

Bon, en fin de compte j'ai trouvé une solution je crois.
A la ligne : marginbottom = document.body.clientHeight
J'ai remplacé et mis : marginbottom = x
x étant n'importe quel chiffre entier correspondant à la taille de la page 1400 par exemple si la page fait en tout 1400 px de hauteur totale.
Ca a marché chez moi sur xp pro sp2 avec ie6 il faut voir pour les autres.

signaler à un administrateur
Commentaire de christotoy le 12/12/2006 14:51:42

bonjour à tous,
je suis nouveau sur le forum et développeur très très amateur.
Depuis 3 jours, j'essaie de faire tomber la neige sur la page d'accueil de mon site. Lorsque j'intègre à ma page ce script (ou un autre) la neige reste coincée en haut de l'écran. Sur 1 centimètre environ mais elle ne veut pas tomber :-((.
Si qualqu'un à une idée.
Merci d'avance
Christophe

signaler à un administrateur
Commentaire de christotoy le 12/12/2006 18:39:03

Ca y est j'ai trouvé. Merci à IFEBO, c'était au niveau de la ligne "marginbottom"
Maintenant reste à savoir comment faire tomber la neige par dessus mes autres calques. (mettre la neige en premier plan)

signaler à un administrateur
Commentaire de ifebo le 13/12/2006 00:10:37

Bonjour.
Christotoy, tu peux essayer ça au niveau de cette ligne en bas du script:
for (i=0;i<=snowmax;i++) {
    document.write("<span id='s"+i+"' style='position:absolute;top:-10; z-index:99"+snowmaxsize+"'>"+snowletter+"</span>")

Avec un z-index de 99 y a des chances pour que ça passe au-dessus de tes éléments html. Mais si il y a un activex quelconque ou une applet java ça passera derrière quelque soit le z-index.
Voilà et bonnes fêtes aussi enneigées que tu le souhaites.

signaler à un administrateur
Commentaire de christotoy le 13/12/2006 09:38:08

Merci pour tes infos. je vais essayer. Justement tu mets le doigt sur une autre de mes problèmatiques. J'ai 2 petites animations flash sur le site et je souhaitais pouvoir les recouvrir en partie avec un autre calque. Est-il possible de mettre de telles animations "en second plan" ?
Merci d'avance
Christophe

signaler à un administrateur
Commentaire de ifebo le 14/12/2006 02:29:50

Bonjour.
Avec les animations flash, il est toujours possible de gérer la transparence du fond si on a le fichier .fla bien sûr. Donc ça ne m'a pas pas beaucoup préoccupper jusqu'ici. Par contre je sais qu'avec les applets java ou les plugins lecteurs de média, je n'ai jamais réussi à les positionner au niveau souhaité. Essais d'appliquer une position absolue à la balise objet avec un z-index de ton choix tu verras bien.

signaler à un administrateur
Commentaire de agmen le 22/12/2006 18:05:32

Bonjour,
Script très sympa.
J'ai juste apporté la petite modification suivante pour la validation W3C ("<\/span>").
ligne 105:
style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"<\/span>")


signaler à un administrateur
Commentaire de ekoala le 28/11/2007 16:34:56

Bonjour à tous :o)
Je suis nouvelle ici et en générale dans le monde des scripts, création de site, ect...
Malgrès tout je me débrouille comme je peux, mais là, je bug vraiment pour mettre ce script sur mon site !
J'utilise WebStudio pour faire mon site et je ne sais pas du tout où et comment placer tout ça pour avoir la neige sur ma page d'accueil ??
J'ai déjà essayée de transférer ce genre de script sur mon site mais rien ...
Quelqu'un pourrait m'aider SVP ?
Merci d'avance.

signaler à un administrateur
Commentaire de damdam951 le 09/12/2007 23:24:28

euh si un gros noob je ne ces pas commen ni ou mettre tous ce texte pouvez vous maider merci

signaler à un administrateur
Commentaire de ifebo le 10/12/2007 04:11:53

Bonjour à tous. Ekoala avez-vous essayé de faire un simple copier/coller de ce script sur un fichier texte (.txt) auquel vous avez remplacé l'extension .txt par l'extension .htm ou html ?
Ce script fonctionne tel qu'il est présenté ici. vous pouvez, en lisant avec un minimum d'attention, faire les quelques petites modifications qui sont suggérées au cours de cette discussion.
Vous saurez après ça ou mettre ce script puisque vous l'aurez fait.
Eventuellement vous pourrez ouvrir cette page une fois faite avec votre éditeur Webstudio pour vérifier comment il se positionne dans votre page Webstudio.
PS: si vous le voulez sur votre page d'accueil, je pense qu'il vous faudra le placer sur votre page d'index qui doit en principe se nommer "index.html" à vérifier bien sûr.

Voilà voilà... Bonnes fêtes de fin d'année.

signaler à un administrateur
Commentaire de ekoala le 10/12/2007 11:48:32

Merci Ifebo.
Oui en effet sur Web studio je sais où le placer, je pensais au script surtout (car j'ai vue ce même code en script) et pour celui ci j'ai surtout des problèmes avec les images que je ne parviens pas à changer pour mettre un autre flocon !!
J'ai trouvé encore un autre site qui le fait et j'ai réussi à l'installer correctement sur ma page d'accueil !
Merci encore :o)

signaler à un administrateur
Commentaire de geogeo_cutcut le 19/12/2007 16:49:09

Bonjour,
Pour que le code fonctionne sur FF
il suffit de rajouter +"px"
pour les lignes  80,81,90,91
exemple :
snow[i].style.left=snow[i].posx+"px"

signaler à un administrateur
Commentaire de kippix le 20/12/2007 16:30:07

Bonjour,

Humm moi ça ne fonctionne pas avec +"px"

signaler à un administrateur
Commentaire de geogeo_cutcut le 20/12/2007 17:23:54

Mets le script directement dans le body
[code]
<body>
<script language="JavaScript">
// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
var snowmax=35
// Placez les couleurs pour la neige.  Ajoutez autant de couleurs comme vous voudrez
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// Placez les polices, celle créent les flocons de neige.  Ajoutez autant de polices comme vous voudrez
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// Placez la lettre qui crée votre flocon de neige (recommandé: *)
var snowletter="'"
// Placez la vitesse de la descente (gamme recommandée de valeurs de 0,3 à 2)
var sinkspeed=2
// Placez la maximal-taille de vos snowflaxes
var snowmaxsize=30
// Placez la minimal-taille de vos snowflaxes
var snowminsize=10
// Placez la neiger-zone
// Placez 1 pour tout-au-dessus-neiger, placez 2 pour la gauche-côté-chute de neige
// L'ensemble 3 pour centre-neiger, a placé 4 pour la droit-côté-chute de neige
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// LA CONFIGURATION FINIT ICI
///////////////////////////////////////////////////////////////////////////
// N'éditez pas au-dessous de cette ligne
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)  
var browserok=ie5||ns6||opera
function randommaker(range) {        
    rand=Math.floor(range*Math.random())
    return rand
}
function initsnow() {
    if (ie5 || opera) {
        marginbottom = document.body.clientHeight
        marginright = document.body.clientWidth
    }
    else if (ns6) {
        marginbottom = window.innerHeight
        marginright = window.innerWidth
    }
    var snowsizerange=snowmaxsize-snowminsize
    for (i=0;i<=snowmax;i++) {
        crds[i] = 0;                      
        lftrght[i] = Math.random()*15;        
        x_mv[i] = 0.03 + Math.random()/10;
        snow[i]=document.getElementById("s"+i)
        snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
        snow[i].size=randommaker(snowsizerange)+snowminsize
        snow[i].style.fontSize=snow[i].size
        snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
        snow[i].sink=sinkspeed*snow[i].size/5
        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
        snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
        snow[i].style.left=snow[i].posx+"px"
        snow[i].style.top=snow[i].posy+"px"
    }
    movesnow()
}
function movesnow() {
    for (i=0;i<=snowmax;i++) {
        crds[i] += x_mv[i];
        snow[i].posy+=snow[i].sink
        snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
        snow[i].style.top=snow[i].posy+"px"
        
        if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
            if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
            if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
            if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
            if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
            snow[i].posy=0
        }
    }
    var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
    document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
    window.onload=initsnow
}
</script>
[code]
</body>

signaler à un administrateur
Commentaire de geogeo_cutcut le 20/12/2007 17:25:41

En tout, je viens de le tester et chez moi il fonctionne sous IE et FF en ajoutant les +"px" aux lignes que j'ai indiqué

signaler à un administrateur
Commentaire de highjacker7700 le 05/01/2008 06:14:10

lu all moi je suis un petit nouveau ici donc je suis encore un noob dans le domaine mai je m interaisse de pres au codage et a la creation de site a la programation c++ htlm css et java
et je voudrai metre de la neige sur mon site le truc c 'est que moi j ai un site nuked klan ben oui quand on sai pas on fait au plus facil sur tous quand on est presser je suis co leader d une team de 20 joueur bref

je ne mis connai casiment pas bon je trifouille comme tous le monde et maquestion est la suivante ou faut il metre le joli code qui a ete donner moi je pence que ca doie etre dans theme.php mai je ne suis pas sur

donc j ai tester mai je ne sai pas ou le metre apres body ou apres head ou  ??? je vous donne le debut de la page

/////////////////////////////
/
/ voila le debut
/////////////////////////////


function top()
{
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $nuked, $file, $page, $user;

echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n"
. "<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"fr\"><head>\n"
. "<meta name=\"keywords\" content=\"" . $nuked['keyword'] . "\" />\n"
. "<meta name=\"Description\" content=\"" . $nuked['description'] . "\" />\n"
. "<title>" . $nuked['name'] . " - " . $nuked['slogan'] . "</title>\n";
?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-style-type" content="text/css" />
<link rel="shortcut icon"  type="image/x-icon" href="images/favicon.ico" />
<link rel="icon"  type="image/x-icon" href="images/favicon.ico" />
<link title="style" type="text/css" rel="stylesheet" href="themes/st_drift/style.css" />
<script type="text/javascript" src="themes/st_drift/flash/flash.js"></script>
<script type="text/javascript" src="themes/st_drift/liveclock.js"></script>
</head>
<body>
<table style="width:1000px; margin-left:auto; margin-right:auto;" border="0" cellspacing="0" cellpadding="0">
<tr style="height:100%;">
<td style="width:40px; background-image:url(themes/st_drift/images/barres/gauche.jpg); vertical-align:top;"></td>
<td style="width:920px; vertical-align:top;">
<table style="width:920px;" border="0" cellspacing="0" cellpadding="0">
<tr style="height:216px;">
<td style="width:571px;vertical-align:top">
<table style="width:571px;height:216px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:571px;height:216px;background-image:url(themes/st_drift/images/header/1.jpg);vertical-align:top">
<div style="width:571px;height:216px;padding:0px;border:0px;">
<script type="text/javascript">
show_flash('571', '216', 'themes/st_drift/flash/header.swf', '#FFFFFF', 'team=<?php echo text2flash($nuked['name']); ?>');
</script>

je pence que c 'est apre head et entre les 2 body celuis la et celuis tous a la fin du code non ???

help merci d avance highjacker7700


PS desoler de detrrer les vieux topic mai ca me tente beaucoup et pas trouver d aide donc voila merci de votre compreanssion




Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

pb de neige qui ne tombe pas [ par Mr spud ] bonjour.....j'ai pris le code de neige en hiver feuille en automne et j'ai un message d'erreur quand je regarde la page....."objet requis"voici la lig commande : neige qui tombe [ par lyelle ] Bonjour à tous, J'ai besoin d'un coup de main (je ne connais rien aux scripts mais j'aimerais beaucoup faire tomber de la neige sur mon site. Je sais Problème avec XMLHttpRequest [ par fauve ] Bonjour,Je vous contacte car j'éprouve des difficultés à utiliser XMLHttpRequest...En faite j'essaie d'actualiser automatiquement un &lt;div&gt; conte scripts incompatibles [ par tibidon ] bonjour &#224; tous !!!je viens d'essayer de faire tomber quelques flocons de neige sur une page web, depuis un autre script javasript devient inop&#2 faire fonctionner un script flocon de neige [ par wally88 ] Bonjour, j'essai de faire fonctionner ce script : http://www.javascriptfr.com/codes/NEIGE-TOMBE-SUR-VOTRE-SITE_35228.aspxDans une page html ca fonctio Neige [ par junior3 ] Bonjour,J'ai un blog,comme c'est Noël je voudrais faire tombé de la neige sur ma page comment on fait.Merci de répondrejunios3


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Appels d'offres



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,156 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.