Pluie d'image sur plusieurs pages

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Pluie d'image sur plusieurs pages

Message par goldzab le Lun 24 Oct 2011 - 22:55

Bonjour,

Grâce au site astuforum, j'ai pu créer une pluie d'image d'une citrouille sur mon forum pour halloween. Le seul problème, c'est que ça ne tombe que sur la page d'accueil. J'aimerais savoir comment faire pour l'avoir partout sur le forum (sous-forums, topics...) ? geek

Voici le code que j'ai inséré : (Affichage<Page d'accueil<Généralités<Message sur la page d'accueil<Contenu du message)

Code:
   <SCRIPT LANGUAGE="JavaScript">   
  /******************************************
*SCRIPT GENERE PAR LE GENERATEUR DE SCRIPT D'ASTUFORUM ( http://astuforum.free.fr) 
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Traduction française par Prof TNJ
******************************************/
// Indiquer l'URL de l'image du flocon :
var urlflocon="http://www.citysmiley.com/smiley/halloween/citrouille/citrouille36.gif"
// Ecrire le nombre de flocons :
var nombreflocons = 40;
// Indiquer si la neige doit disparaître après x secondes (0=jamais) :
var cacherflocons = 0;
// Indiquer si la neige doit être vue sur la fenêtre ou toute la page avant de disparaître ("windowheight"=la fenêtre, "pageheight"=toute la page)
var voirflocons = "pageheight";
/////////// FIN DE LA PARTIE CONFIGURATION //////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function testIEcompatible(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp; // Variables de coordonnées et de position
var am, stx, sty; // Variables d'amplitude
var i, doc_width = 1024, doc_height = 768; // Taille de l'écran
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = testIEcompatible().clientWidth;
doc_height = testIEcompatible().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < nombreflocons; ++ i) {
dx[i] = 0; // Variables de coordonnées
xp[i] = Math.random()*(doc_width-50); // Variables de position
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // Variables d'amplitude
stx[i] = 0.02 + Math.random()/10; // Variables de pas‎
sty[i] = 0.7 + Math.random(); // Variables de pas
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
}
}
}
function neigeIE_NS6() { // IE et NS6 : fonctions principales d'animation
doc_width = ns6up?window.innerWidth-10 : testIEcompatible().clientWidth-10;
doc_height=(window.innerHeight && voirflocons=="windowheight")? window.innerHeight : (ie4up && voirflocons=="windowheight")? testIEcompatible().clientHeight : (ie4up && !window.opera && voirflocons=="pageheight")? testIEcompatible().scrollHeight : testIEcompatible().offsetHeight;
for (i = 0; i < nombreflocons; ++ i) { // déplacement pour chaque point ("dot")
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("neigeIE_NS6()", 10);
}
function cacherneige(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<nombreflocons; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
neigeIE_NS6();
if (cacherflocons>0)
setTimeout("cacherneige()", cacherflocons*1000)
}
</SCRIPT>

Quand je met une pluie d'image, je la met dans Général<Forum<Configuration<Description du site
Dans ce cas, cela va sur tout le forum car c'est un petit code du style <script src="http://astuforum.free.fr/js/pluie-citrouille.js" /></script>
Seulement, il n'y a pas assez de place pour que j'y insère tout ce code... Mr. Green

Quelqu'un peut m'aider ? tongue
Merci d'avance Embarassed


Dernière édition par goldzab le Mer 26 Oct 2011 - 14:09, édité 1 fois

goldzab
***

Féminin
Messages : 104
Inscrit(e) le : 09/09/2008

http://nuitsdexil.forumsactifs.com/
goldzab a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pluie d'image sur plusieurs pages

Message par Invité le Mer 26 Oct 2011 - 12:06

Bonjour,

En compilant le code et en l'installant dans Panneau d'admin' > Modules > Gestion des code javascript, vous pouvez le placer sur tout les pages.
J'ai placé ce code:
Code:
/******************************************
*SCRIPT GENERE PAR LE GENERATEUR DE SCRIPT D'ASTUFORUM ( http://astuforum.free.fr) 
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Traduction française par Prof TNJ
******************************************/
var urlflocon="http://www.citysmiley.com/smiley/halloween/citrouille/citrouille36.gif",nombreflocons=40,cacherflocons=0,voirflocons="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function testIEcompatible(){return document.compatMode&&document.compatMode!="BackCompat"?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=1024,doc_height=768;
if(ns6up)doc_width=self.innerWidth,doc_height=self.innerHeight;else if(ie4up)doc_width=testIEcompatible().clientWidth,doc_height=testIEcompatible().clientHeight;dx=[];xp=[];yp=[];am=[];stx=[];sty=[];
for(i=0;i<nombreflocons;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=Math.random()*20,stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="POSITION: absolute; Z-INDEX: '+i+"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+urlflocon+'\' border="0"></div>');
function neigeIE_NS6(){doc_width=ns6up?window.innerWidth-10:testIEcompatible().clientWidth-10;doc_height=window.innerHeight&&voirflocons=="windowheight"?window.innerHeight:ie4up&&voirflocons=="windowheight"?testIEcompatible().clientHeight:ie4up&&!window.opera&&voirflocons=="pageheight"?testIEcompatible().scrollHeight:testIEcompatible().offsetHeight;for(i=0;i<nombreflocons;++i)yp[i]+=sty[i],yp[i]>doc_height-50&&(xp[i]=Math.random()*(doc_width-am[i]-30),yp[i]=0,stx[i]=0.02+Math.random()/10,sty[i]=0.7+
Math.random()),dx[i]+=stx[i],document.getElementById("dot"+i).style.top=yp[i]+"px",document.getElementById("dot"+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+"px";snowtimer=setTimeout("neigeIE_NS6()",10)}function cacherneige(){window.snowtimer&&clearTimeout(snowtimer);for(i=0;i<nombreflocons;i++)document.getElementById("dot"+i).style.visibility="hidden"}if(ie4up||ns6up)neigeIE_NS6(),cacherflocons>0&&setTimeout("cacherneige()",cacherflocons*1E3);
comme ceci:


Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pluie d'image sur plusieurs pages

Message par goldzab le Mer 26 Oct 2011 - 14:09

ça marche, merci beaucoup !!!!! cheers Humour Angel

goldzab
***

Féminin
Messages : 104
Inscrit(e) le : 09/09/2008

http://nuitsdexil.forumsactifs.com/
goldzab a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum