La date/heure actuelle est Jeu 28 Mar 2024 - 21:21

1 résultat trouvé pour content

Neige sur forum, que sur les côtés

Détails techniques


Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.forseps.org

Description du problème

Bonjour.

J'utilise le script suivant :

Code:
<script type="text/javascript">


snow_img = "http://i68.servimg.com/u/f68/15/15/36/09/snow210.png";

snow_no = 15;

if (typeof(window.pageYOffset) == "number")
{
   snow_browser_width = window.innerWidth;
   snow_browser_height = window.innerHeight;
}
else if (document.body && (document.body.scrollLeft || document.body.scrollTop))
{
   snow_browser_width = document.body.offsetWidth;
   snow_browser_height = document.body.offsetHeight;
}
else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
{
   snow_browser_width = document.documentElement.offsetWidth;
   snow_browser_height = document.documentElement.offsetHeight;
}
else
{
   snow_browser_width = 500;
   snow_browser_height = 500;   
}

snow_dx = [];
snow_xp = [];
snow_yp = [];
snow_am = [];
snow_stx = [];
snow_sty = [];

for (i = 0; i < snow_no; i++)
{
   snow_dx[i] = 0;
   snow_xp[i] = Math.random()*(snow_browser_width-50);
   snow_yp[i] = Math.random()*snow_browser_height;
   snow_am[i] = Math.random()*20;
   snow_stx[i] = 0.02 + Math.random()/10;
   snow_sty[i] = 0.7 + Math.random();
   if (i > 0) document.write("<\div id="snow_flake"+ i +"" style="position:absolute;z-index:"+i+""><\img src=""+snow_img+"" border="0"><\/div>"); else document.write("<\div id="snow_flake0" style="position:absolute;z-index:0"><a href="http://peters1.dk/tools/snow.php" target="_blank"><\img src=""+snow_img+"" border="0"></a><\/div>");
}

function SnowStart()
{
   for (i = 0; i < snow_no; i++)
   {
      snow_yp[i] += snow_sty[i];
      if (snow_yp[i] > snow_browser_height-50)
      {
         snow_xp[i] = Math.random()*(snow_browser_width-snow_am[i]-30);
         snow_yp[i] = 0;
         snow_stx[i] = 0.02 + Math.random()/10;
         snow_sty[i] = 0.7 + Math.random();
      }
      snow_dx[i] += snow_stx[i];
      document.getElementById("snow_flake"+i).style.top=snow_yp[i]+"px";
      document.getElementById("snow_flake"+i).style.left=snow_xp[i] + snow_am[i]*Math.sin(snow_dx[i])+"px";
   }
   snow_time = setTimeout("SnowStart()", 10);
}
SnowStart();
</script>


Quand je crée une page HTML avec ça, cela marche.
Si j'essaie de créer un code javascript avec ce code, cela ne fonctionne pas, je ne sais pas pourquoi.

Je voudrais me servir de ce code mais qu'il ne neige pas sur l'emplacement où on écrit les messages.
J'ai su faire il y a un moment en créant un z-ndex dans le javascript.

Sur le CSS :

#content{
position: relative;
z-index: 2;
}

Dans le java script
z-index: 1

ça marchait très bien.

Si quelqu'un a une idée pour que ce code fonctionne comme ça...

Merci d'avance.

Fred
par Fred1208
le Mar 22 Déc 2015 - 17:27
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Neige sur forum, que sur les côtés
Réponses: 9
Vues: 1290

Revenir en haut

Sauter vers: