NEIGE QUI TOMBE SUR VOTRE SITE :O

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

Commentaire de thierry13010 le 26/12/2005 04:08:20

Apparemment cela ne fonctionne pas sur firefox
Dommage.

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

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

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

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!

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

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.

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

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.

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.

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.

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.

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"

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>