Pluie de chauves-souris - Code présent
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Pluie de chauves-souris - Code présent
Bonjour,
En cherchant sur le forumactif je n'ai pas réellement remarqué ou je me trompais dans le code que j'ai généré. J'ai envie qu'il y ait une pluie de chauves-souris sur mon forum ( http://waikiki-beach.forumactif.be ) mais rien ne se passe ! Pourtant j'applique absolument tout ce qui est dit !
Je ne comprends pas- pourriez-vous m'aider ?
Voici le code :
Au cas ou je mets ça dans "La gestion des codes Javascript"
Version du thème : Invision
En cherchant sur le forumactif je n'ai pas réellement remarqué ou je me trompais dans le code que j'ai généré. J'ai envie qu'il y ait une pluie de chauves-souris sur mon forum ( http://waikiki-beach.forumactif.be ) mais rien ne se passe ! Pourtant j'applique absolument tout ce qui est dit !
Je ne comprends pas- pourriez-vous m'aider ?
Voici le code :
- 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 :
var urlflocon="http://nsa32.casimages.com/img/2012/10/26/121026011104553601.gif"
// Ecrire le nombre de flocons :
var nombreflocons = 10;
// 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>
Au cas ou je mets ça dans "La gestion des codes Javascript"
Version du thème : Invision
Dernière édition par neon le Dim 28 Oct 2012 - 20:46, édité 1 fois
Re: Pluie de chauves-souris - Code présent
Bonsoir,
Votre code doit être inséré sans les balises HTML au début et à la fin :
Votre code doit être inséré sans les balises HTML au début et à la fin :
- Code:
<SCRIPT LANGUAGE="JavaScript">
[...]
</script>
Re: Pluie de chauves-souris - Code présent
Threax a écrit:Bonsoir,
Votre code doit être inséré sans les balises HTML au début et à la fin :
- Code:
<SCRIPT LANGUAGE="JavaScript">
[...]
</script>
Bonsoir,
Même en retirant les balises html, le script ne tourne pas. Je l'ai testé tout à l'heure avec une autre image et ça a fonctionné. Pourtant, le lien qui est dans le code retourne bien vers une image. C'est là que je ne comprends pas je vous avoue.
D'où peut bien provenir le problème ? Je ne pense pas que le code soit erroné.
Merci pour ce premier élément de réponse en tous les cas, en espérant qu'une personne puisse rallumer une nouvelle fois mes lanternes sur ce casse-tête.
Re: Pluie de chauves-souris - Code présent
je ne comprends pas, où as tu mis le script ? ^^"
Dans tous les cas, il faut que sur chaque page de ton forum (si c'est bien ce que tu veux), on retrouve une référence à ce script. Le plus simple est de l'héberger pour en récupérer le lien, comme expliqué ici : http://astuforum.free.fr/?p=173 (dans le tutoriel "comment faire un fichier .js" en particulier)
Au final, c'est donc un code de ce type (c'est le bon, j'ai repris ton image pour l'héberger, tu peux donc l'utiliser directement ^^) :
- dans la description du forum (Général>forum>configuration) est un moyen simple pour qu'il s'affiche sur toutes les pages,
- ou sur la page d'accueil (Affichage>page d'accueil>généralités>contenu du message) si tu veux qu'il ne s'affiche que sur la première page de ton forum.
Dans tous les cas, il faut que sur chaque page de ton forum (si c'est bien ce que tu veux), on retrouve une référence à ce script. Le plus simple est de l'héberger pour en récupérer le lien, comme expliqué ici : http://astuforum.free.fr/?p=173 (dans le tutoriel "comment faire un fichier .js" en particulier)
Au final, c'est donc un code de ce type (c'est le bon, j'ai repris ton image pour l'héberger, tu peux donc l'utiliser directement ^^) :
- Code:
<script type="text/javascript" src="http://yourjavascript.com/85160522120/pluiechauvesouris.js"></script>
- dans la description du forum (Général>forum>configuration) est un moyen simple pour qu'il s'affiche sur toutes les pages,
- ou sur la page d'accueil (Affichage>page d'accueil>généralités>contenu du message) si tu veux qu'il ne s'affiche que sur la première page de ton forum.
MlleAlys- Membre actif
- Messages : 5971
Inscrit(e) le : 12/09/2012
Re: Pluie de chauves-souris - Code présent
MlleAlys a écrit:je ne comprends pas, où as tu mis le script ? ^^"
Dans tous les cas, il faut que sur chaque page de ton forum (si c'est bien ce que tu veux), on retrouve une référence à ce script. Le plus simple est de l'héberger pour en récupérer le lien, comme expliqué ici : http://astuforum.free.fr/?p=173 (dans le tutoriel "comment faire un fichier .js" en particulier)
Au final, c'est donc un code de ce type (c'est le bon, j'ai repris ton image pour l'héberger, tu peux donc l'utiliser directement ^^) :que tu dois mettre sur ton site :
- Code:
<script type="text/javascript" src="http://yourjavascript.com/85160522120/pluiechauvesouris.js"></script>
- dans la description du forum (Général>forum>configuration) est un moyen simple pour qu'il s'affiche sur toutes les pages,
- ou sur la page d'accueil (Affichage>page d'accueil>généralités>contenu du message) si tu veux qu'il ne s'affiche que sur la première page de ton forum.
Juste un très grand merci. Je suppose que c'était l'image hébergée qui devait poser problème. Le script fonctionne superbement bien. Si d'autres personnes veulent s'en servir pour leur forum en mode Halloween, ils peuvent bien entendu se servir du script.
Bien à vous,
Néon
Sujets similaires
» Pluie d'étoiles sous la souris
» Le code "annule" (seulement) un lien présent
» problème avec Code descente de pluie
» code pour musique et pluie image
» Code petits Parachutiste militaires en pluie sur les pages de mon Forum
» Le code "annule" (seulement) un lien présent
» problème avec Code descente de pluie
» code pour musique et pluie image
» Code petits Parachutiste militaires en pluie sur les pages de mon Forum
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum