Insérer un code HTML sur toutes les pages

2 participants

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

Résolu Insérer un code HTML sur toutes les pages

Message par kitelnewbba Dim 8 Déc 2013 - 9:24

Bien le bonjour à vous!
Aujourd'hui j'expose une question si c'est possible d'insérer une HTML sur toutes les pages! (je suis le fondateur du forum -> si nécéssaire)
Ce code HTML :
Code:
<script type="text/javascript">
//<![CDATA[

var image="http://image.noelshack.com/fichiers/2013/49/1386490348-neige.png";  // Indiquez l'adresse URL de l'image à faire pleuvoir
var no = 8; // Nombre d'images à faire pleuvoir
var time = 0; // Configurez le nombre de secondes au bout duquel la pluie cesse (0=la pluie ne s'arrête jamais)
var speed = 30; // Réglez la vitesse à laquelle pleuvent les images
var i, dwidth = 900, dheight =500;
var nht = dheight;
var toppos = 0;

if(document.all){
        var ie4up = 1;
}else{
        var ie4up = 0;
}

if(document.getElementById && !document.all){
        var ns6up = 1;
}else{
        var ns6up = 0;
}

function getScrollXY() {
  var scrOfX = 10, scrOfY = 10;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY =window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement &&
      ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
   scrOfY = document.documentElement.scrollTop;
   scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

var timer;

function ranrot()
{

var a = getScrollXY()
if(timer)
{
        clearTimeout(timer);
}
toppos = a[1];
dheight = nht+a[1];
//alert(dheight);

timer = setTimeout('ranrot()',2000);
}
        
ranrot();
        
function iecompattest()
{
        if(document.compatMode && document.compatMode!="BackCompat")
        {
                return document.documentElement;
        }else{
                return document.body;
        }
        
}
if (ns6up) {
        dwidth = window.innerWidth;
        dheight = window.innerHeight;
}
else if (ie4up) {
        dwidth = iecompattest().clientWidth;
        dheight = iecompattest().clientHeight;
}

nht = dheight;

var cv = new Array();
var px = new Array();       //position variables
var py = new Array();      //position variables
var am = new Array();     //amplitude variables
var sx = new Array();    //step variables
var sy = new Array();   //step variables

for (i = 0; i < no; ++ i) {  
        cv[i] = 0;
        px[i] = Math.random()*(dwidth-100);  // set position variables
        py[i] = Math.random()*dheight;     // set position variables
        am[i] = Math.random()*20;         // set amplitude variables
        sx[i] = 0.02 + Math.random()/10;  // set step variables
        sy[i] = 0.7 + Math.random();    // set step variables
        document.write("<div id=\"dot"+ i +"\" style=\"position: absolute; z-index "+ i +"; visibility: visible; top: 15px; left: 15px;\"><img src='"+image+"' border=\"0\"><\/div>");
}

function animation() {  // animation function
        for (i = 0; i < no; ++ i) {  // iterate for every dot
                py[i] += sy[i];
                if (py[i] > dheight-50) {
                        px[i] = Math.random()*(dwidth-am[i]-100);
                        py[i] = toppos;
                        sx[i] = 0.02 + Math.random()/10;
                        sy[i] = 0.7 + Math.random();
                }
                cv[i] += sx[i];
                document.getElementById("dot"+i).style.top=py[i]+"px";
                document.getElementById("dot"+i).style.left=px[i] + am[i]*Math.sin(cv[i])+"px";  
        }
        atime=setTimeout("animation()", speed);

}

function hideimage(){
        if (window.atime) clearTimeout(atime)
                for (i=0; i<no; i++)
                       document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
animation();
if (time>0)
        setTimeout("hideimage()", time*1000)
}
animation();

//]]>
</script>
Il s'agit d'une pluie d'image en HTML, déjà toute faite, et j'aimerais qu'elle apparaisse sur l'intégralité de mes pages du forum!

Merci d'avance!
- Cordialement, Kitel.


Dernière édition par kitelnewbba le Sam 14 Déc 2013 - 17:17, édité 1 fois
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un code HTML sur toutes les pages

Message par kitelnewbba Sam 14 Déc 2013 - 8:16

UP ! Smile
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un code HTML sur toutes les pages

Message par Adam_sfp Sam 14 Déc 2013 - 8:40

Bonjour

Essayez en le plaçant dans gestion des codes javascript sur toutes les pages.
Code:
var image = "http://image.noelshack.com/fichiers/2013/49/1386490348-neige.png"; var no = 8; var time = 0; var speed = 30; var i, dwidth = 900, dheight = 500; var nht = dheight; var toppos = 0; if (document.all) { var ie4up = 1 } else { var ie4up = 0 } if (document.getElementById && !document.all) { var ns6up = 1 } else { var ns6up = 0 } function getScrollXY() { var scrOfX = 10, scrOfY = 10; if (typeof window.pageYOffset == "number") { scrOfY = window.pageYOffset; scrOfX = window.pageXOffset; } else { if (document.body && (document.body.scrollLeft || document.body.scrollTop)) { scrOfY = document.body.scrollTop; scrOfX = document.body.scrollLeft; } else { if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) { scrOfY = document.documentElement.scrollTop; scrOfX = document.documentElement.scrollLeft; } } } return[scrOfX, scrOfY]; } var timer; function ranrot() { var a = getScrollXY(); if (timer) { clearTimeout(timer); } toppos = a[1]; dheight = nht + a[1]; timer = setTimeout("ranrot()", 2E3); } ranrot(); function iecompattest() { if (document.compatMode && document.compatMode != "BackCompat") { return document.documentElement; } else { return document.body; } } if (ns6up) { dwidth = window.innerWidth; dheight = window.innerHeight; } else { if (ie4up) { dwidth = iecompattest().clientWidth; dheight = iecompattest().clientHeight; } } nht = dheight; var cv = new Array; var px = new Array; var py = new Array; var am = new Array; var sx = new Array; var sy = new Array; for (i = 0;i < no;++i) { cv[i] = 0; px[i] = Math.random() * (dwidth - 100); py[i] = Math.random() * dheight; am[i] = Math.random() * 20; sx[i] = 0.02 + Math.random() / 10; sy[i] = 0.7 + Math.random(); document.write('<div id="dot' + i + '" style="position: absolute; z-index ' + i + "; visibility: visible; top: 15px; left: 15px;\"><img src='" + image + '\' border="0"></div>'); } function animation() { for (i = 0;i < no;++i) { py[i] += sy[i]; if (py[i] > dheight - 50) { px[i] = Math.random() * (dwidth - am[i] - 100); py[i] = toppos; sx[i] = 0.02 + Math.random() / 10; sy[i] = 0.7 + Math.random(); } cv[i] += sx[i]; document.getElementById("dot" + i).style.top = py[i] + "px"; document.getElementById("dot" + i).style.left = px[i] + am[i] * Math.sin(cv[i]) + "px"; } atime = setTimeout("animation()", speed); } function hideimage() { if (window.atime) { clearTimeout(atime); } for (i = 0;i < no;i++) { document.getElementById("dot" + i).style.visibility = "hidden"; } } if (ie4up || ns6up) { animation(); if (time > 0) { setTimeout("hideimage()", time * 1E3); } } animation();

cdt.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un code HTML sur toutes les pages

Message par kitelnewbba Sam 14 Déc 2013 - 17:16

Comment vous dire... merci !!
ça marche à merveille !!
j'édite en résolu ! Smile
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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