BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Scripts pour votre site
  Nouveaux messages Nouveaux messages Fil RSS  - Script neige qui tombe pour Noël
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Script neige qui tombe pour Noël

 Répondre Répondre Page  <123>
Auteur
Message
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 10 Dec 2013 à 15:08
Salut à tous

Super ta remarque brolysan, j'ai pas pus m’empêcher de rire, Na !, il est important de ne pas vouloir aller plus vite que le temps.
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 !!!
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 10 Dec 2013 à 16:57
Message posté par Maurice306 Maurice306 a écrit:

Salut à tous

Super ta remarque brolysan, j'ai pas pus m’empêcher de rire, Na !, il est important de ne pas vouloir aller plus vite que le temps.

no souci :D

faut bien rire de "temps" en "temps"....ok je sors.
Haut de la page
Marmotte28 allez vers le bas
Groupie
Groupie


Depuis le: 27 Mai 2013
Status: Inactif
Points: 75
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Marmotte28 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Dec 2013 à 11:17
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) Embarrassé
Ma solution en 2 je peux faire ça? Ermm
OE 1.44 r5
Windows 8.1
Chrome
Haut de la page
Marie OE allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Dec 2008
Pays: France
Status: Inactif
Points: 876
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Marie OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Dec 2013 à 10:28
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.
Haut de la page
MicroVinc allez vers le bas
Moderator Group
Moderator Group


Depuis le: 21 Août 2012
Pays: Bretagne
Status: Inactif
Points: 4460
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer MicroVinc Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Dec 2013 à 11:11
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
-Éléments pour OpenElement : ICI
-Tutoriels pour OpenElement : ICI


La Bretagne, un État dans l'État
Haut de la page
Marie OE allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Dec 2008
Pays: France
Status: Inactif
Points: 876
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Marie OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Dec 2013 à 11:48
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.
Haut de la page
MicroVinc allez vers le bas
Moderator Group
Moderator Group


Depuis le: 21 Août 2012
Pays: Bretagne
Status: Inactif
Points: 4460
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer MicroVinc Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Dec 2013 à 13:54
Votre résultat bizarre était aussi présent chez moi en laissant en type javascript...
-Éléments pour OpenElement : ICI
-Tutoriels pour OpenElement : ICI


La Bretagne, un État dans l'État
Haut de la page
Marmotte28 allez vers le bas
Groupie
Groupie


Depuis le: 27 Mai 2013
Status: Inactif
Points: 75
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Marmotte28 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Dec 2013 à 17:18
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
Haut de la page
MicroVinc allez vers le bas
Moderator Group
Moderator Group


Depuis le: 21 Août 2012
Pays: Bretagne
Status: Inactif
Points: 4460
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer MicroVinc Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Dec 2013 à 17:29
Oui, justement on a des flocons fixe si vous mettez le type en javascript, choisissez OtherScript
-Éléments pour OpenElement : ICI
-Tutoriels pour OpenElement : ICI


La Bretagne, un État dans l'État
Haut de la page
MicroVinc allez vers le bas
Moderator Group
Moderator Group


Depuis le: 21 Août 2012
Pays: Bretagne
Status: Inactif
Points: 4460
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer MicroVinc Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Dec 2013 à 18:00
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
-Éléments pour OpenElement : ICI
-Tutoriels pour OpenElement : ICI


La Bretagne, un État dans l'État
Haut de la page
 Répondre Répondre Page  <123>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.111 secondes.