Script neige qui tombe pour Noël |
Répondre | Page <123> |
Auteur |
Sujet Recherche Options des sujets
|
Maurice306
Senior Member Depuis le: 20 Avr 2008 Pays: France Status: Inactif Points: 2066 |
Options des messages
Thanks(1)
|
Salut à tous |
|
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
no souci :D faut bien rire de "temps" en "temps"....ok je sors.
|
|
Marmotte28
Groupie Depuis le: 27 Mai 2013 Status: Inactif Points: 75 |
Options des messages
Thanks(0)
|
Bonjour.
Je ne parviens pas a utiliser le script de Wolf. 1 j'ai mis le script dans un bloc masqué sur une page de test.Les premières lignes affichent une croix rouge indiquant des erreurs. 2 Sous wamp j'ai créé une page html. code dans le "head" ou dans le "body" (avec un background gris.)sans résultats. Le code fonctionne t il ? (sauf respect pour Wolf) Ma solution en 2 je peux faire ça?
|
|
OE 1.44 r5
Windows 8.1 Chrome |
|
Marie OE
Admin Group Depuis le: 05 Dec 2008 Pays: France Status: Inactif Points: 876 |
Options des messages
Thanks(0)
|
Bonjour, le script de wolf "corrigé" vite fait pour que ca marche, mettez le dans un bloc de bloc, position header, type javascript :
var snowmax=35; var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD"); var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS"); var snowletter="*"; var sinkspeed=0.8; var snowmaxsize=30; var snowminsize=10; var snowingzone=1; 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(a){ rand=Math.floor(a*Math.random()); return rand; } function iecompattest(){ return(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body;} function initsnow(){ if(ie5||opera){marginbottom=iecompattest().clientHeight;marginright=iecompattest().clientWidth;} else{if(ns6){marginbottom=self.innerHeight;marginright=self.innerWidth;}} var a=snowmaxsize-snowminsize; for(i=0;i<=snowmax;i++){crds=0;lftrght=Math.random()*15;x_mv=0.03+Math.random()/10;snow=document.getElementById("s"+i);snow.style.fontFamily=snowtype[randommaker(snowtype.length)];snow.size=randommaker(a)+snowminsize;snow.style.fontSize=snow.size+"px";snow.style.color=snowcolor[randommaker(snowcolor.length)];snow.sink=sinkspeed*snow.size/5; if(snowingzone==1){snow.posx=randommaker(marginright-snow.size);} if(snowingzone==2){snow.posx=randommaker(marginright/2-snow.size);} if(snowingzone==3){snow.posx=randommaker(marginright/2-snow.size)+marginright/4;} if(snowingzone==4){snow.posx=randommaker(marginright/2-snow.size)+marginright/2;} snow.posy=randommaker(2*marginbottom-marginbottom-2*snow.size);snow.style.left=snow.posx+"px";snow.style.top=snow.posy+"px";}movesnow();} function movesnow(){ for(i=0;i<=snowmax;i++){crds+=x_mv;snow.posy+=snow.sink;snow.style.left=snow.posx+lftrght*Math.sin(crds)+"px";snow.style.top=snow.posy+"px"; if(snow.posy>=marginbottom-2*snow.size||parseInt(snow.style.left)>(marginright-3*lftrght)){if(snowingzone==1){snow.posx=randommaker(marginright-snow.size);} if(snowingzone==2){snow.posx=randommaker(marginright/2-snow.size);} if(snowingzone==3){snow.posx=randommaker(marginright/2-snow.size)+marginright/4;} if(snowingzone==4){snow.posx=randommaker(marginright/2-snow.size)+marginright/2;}snow.posy=0;}} var a=setTimeout("movesnow()",50);} function hidesnow(){ if(window.timer){clearTimeout(timer);} for(i=0;i<=snowmax;i++){document.getElementById("s"+i).style.visibility="hidden";}} for(i=0;i<=snowmax;i++){document.write('<div id="s'+i+'" style="POSITION: absolute; Z-INDEX: 9'+i+"; VISIBILITY: visible; TOP:-"+snowmaxsize+'px; LEFT: 15px;">'+snowletter+"</div>");} if( browserok){initsnow(); }else{ document.write('Votre navigateur ne supporte pas ce Javascript');} Par contre le résultat est ... bizarre chez moi. |
|
Cordialement, l'équipe d'openElement.
|
|
MicroVinc
Moderator Group Depuis le: 21 Août 2012 Pays: Bretagne Status: Inactif Points: 4460 |
Options des messages
Thanks(0)
|
MarieOE, le script ne fonctionne pas si on ne laisse pas les balises javascript en sélectionnant type de script : javascript...
Il faut mettre dans le header et mettre le type de script en "OtherScript" Personnellement je modifierais vers la fin dans la boucle for pour un fonctionnement "plus propre" :
for (i = 0;i <= snowmax;i++) { document.write('<div id="s' + i + '" style="POSITION: absolute; cursor: Default; Z-INDEX: 100000' + i + "; VISIBILITY: visible; TOP:-" + snowmaxsize + 'px; LEFT: 15px;">' + snowletter + "</div>") } -Le script complet avec dans les options OE : Bloc de code (source) avec les paramètres position "Header" et Type "OtherScript" <script type="text/javascript"> //Snow on page var snowmax = 30; var snowcolor = new Array("#aaaacc", "#ddddFF", "#ccccDD"); var snowtype = new Array("Arial Black", "Arial Narrow", "Times", "Comic Sans MS"); var snowletter = "*"; var sinkspeed = 0.8; var snowmaxsize = 30; var snowminsize = 10; var snowingzone = 1; var snow = new Array(); var marginbottom; var marginright; var ScrollTop; 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(a) { rand = Math.floor(a * Math.random()); return rand } function iecompattest() { return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body } function InitHeight() { if (ie5 || opera) { marginbottom = iecompattest().clientHeight + 5; //clientHeight; marginright = iecompattest().scrollWidth + 5; //clientWidth } else { if (ns6) { marginbottom = self.innerHeight; marginright = self.innerWidth } } ScrollTop = document.body.scrollTop; if (ScrollTop == 0) { if (window.pageYOffset) ScrollTop = window.pageYOffset; else ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0; } marginbottom += ScrollTop; } function initsnow() { InitHeight() var a = snowmaxsize - snowminsize; for (i = 0;i <= snowmax;i++) { crds = 0; lftrght = Math.random() * 15; x_mv = 0.03 + Math.random() / 10; snow = document.getElementById("s" + i); snow.style.fontFamily = snowtype[randommaker(snowtype.length)]; snow.size = randommaker(a) + snowminsize; snow.style.fontSize = snow.size + "px"; snow.style.color = snowcolor[randommaker(snowcolor.length)]; snow.sink = sinkspeed * snow.size / 5; if (snowingzone == 1) { snow.posx = randommaker(marginright - snow.size) } if (snowingzone == 2) { snow.posx = randommaker(marginright / 2 - snow.size) } if (snowingzone == 3) { snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 4 } if (snowingzone == 4) { snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 2 } snow.posy = randommaker(2 * marginbottom - marginbottom - 2 * snow.size); snow.style.left = snow.posx + "px"; snow.style.top = snow.posy + "px" } movesnow() } function movesnow() { InitHeight(); for (i = 0; i <= snowmax; i++) { crds += x_mv; snow.posy += snow.sink; snow.style.left = snow.posx + lftrght * Math.sin(crds) + "px"; snow.style.top = snow.posy + "px"; if (snow.posy >= marginbottom - 2 * snow.size || parseInt(snow.style.left) > (marginright - 3 * lftrght)) { if (snowingzone == 1) { snow.posx = randommaker(marginright - snow.size) } if (snowingzone == 2) { snow.posx = randommaker(marginright / 2 - snow.size) } if (snowingzone == 3) { snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 4 } if (snowingzone == 4) { snow.posx = randommaker(marginright / 2 - snow.size) + marginright / 2 } snow.posy = ScrollTop } } var a = setTimeout("movesnow()", 60) } function hidesnow() { if (window.timer) { clearTimeout(timer) } for (i = 0;i <= snowmax;i++) { document.getElementById("s" + i).style.visibility = "hidden" } } for (i = 0;i <= snowmax;i++) { document.write('<div id="s' + i + '" style="POSITION: absolute; cursor: Default; Z-INDEX: 100000' + i + "; VISIBILITY: visible; TOP:-" + snowmaxsize + 'px; LEFT: 15px;">' + snowletter + "</div>") } if (browserok) { initsnow() } else { // document.write('Votre navigateur ne supporte pas ce Javascript') }; </script> Edité par MicroVinc - 13 Dec 2013 à 17:57 |
|
Marie OE
Admin Group Depuis le: 05 Dec 2008 Pays: France Status: Inactif Points: 876 |
Options des messages
Thanks(0)
|
Je me suis contenté de reprendre le script et de corriger les erreurs js (j'avoue ne pas l'avoir vraiment lu).
Sinon chez moi c'était bon avec la sélection de type javascript, je ne vois pas pourquoi il ne fonctionne pas chez vous, vu qu'on écrit exactement la même chose... |
|
Cordialement, l'équipe d'openElement.
|
|
MicroVinc
Moderator Group Depuis le: 21 Août 2012 Pays: Bretagne Status: Inactif Points: 4460 |
Options des messages
Thanks(0)
|
Votre résultat bizarre était aussi présent chez moi en laissant en type javascript...
|
|
Marmotte28
Groupie Depuis le: 27 Mai 2013 Status: Inactif Points: 75 |
Options des messages
Thanks(0)
|
Bonsoir.
J'ai copié le script de MicroVinc, maintenant j'ai des flocons sur ma page. Ils sont fixes pour la plupart et quelques uns arrivent a tomber. Ya du mieux.
Cela dépasse mes compétences. Je vais quand meme m'amuser sur la page html sous wamp (j'ai le meme résultat. Merci |
|
OE 1.44 r5
Windows 8.1 Chrome |
|
MicroVinc
Moderator Group Depuis le: 21 Août 2012 Pays: Bretagne Status: Inactif Points: 4460 |
Options des messages
Thanks(0)
|
Oui, justement on a des flocons fixe si vous mettez le type en javascript, choisissez OtherScript
|
|
MicroVinc
Moderator Group Depuis le: 21 Août 2012 Pays: Bretagne Status: Inactif Points: 4460 |
Options des messages
Thanks(1)
|
OK je viens de comprendre, le forum modifie le script lors de la publication, il enlève les [] voilà pourquoi le script ne fonctionne pas !
Quand on utilise le i entre 2 crochet le forum le traduit par un italique (on utilise un code "forum" qui est italique) !!!!... arff.... Je récrit le code et reviens vers vous soon... Edité par MicroVinc - 13 Dec 2013 à 18:10 |
|
Répondre | Page <123> |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |