Des images qui tombent du haut de l'écran

Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).

A mettre entre les balises <BODY> et </BODY>, où vous voulez :

<SCRIPT language=JavaScript>

var snowsrc="Hébergement de votre image ici"
var no = 10;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var nn6up = (document.getElementById) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;

if (ns4up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
} else if (ie4up) {
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
} else if (nn6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < no; ++ 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();
    if (ns4up) {
      if (i == 0) {
        document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
      } else {
        document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
      }
    } else if (ie4up || nn6up) {
      if (i == 0) {        document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>");
      } else {
        document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>");
      }
    }
}

function snowNS() {
    for (i = 0; i < no; ++ i) {
      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();
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      }
      dx[i] += stx[i];
      document.layers["dot"+i].top = yp[i];
      document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowNS()", 10);
}

function snowIE() {
    for (i = 0; i < no; ++ i) {
      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();
        doc_width = document.body.clientWidth;
        doc_height = document.body.clientHeight;
      }
      dx[i] += stx[i];
      document.all["dot"+i].style.pixelTop = yp[i];
      document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowIE()", 10);
}

function snowNN6() {
    for (i = 0; i < no; ++ i) {
      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();
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top = yp[i];
      document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowNN6()", 10);
}
if (ns4up) {
    snowNS();
} else if (ie4up) {
snowIE();
} else if (nn6up) {
snowNN6();
}

</SCRIPT>

Image qui se promene

Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).

A mettre entre les balises <HEAD> et </HEAD>


<SCRIPT LANGUAGE="JavaScript">

if (document.getElementById)
    {
    fromPub = 0;
    iVolePub = new Image;
    iVolePub.src = "Hébergement de votre image";
    offsetyPub=0;
    HauteurPub = 0;
    place = fromPub;
    xpub = 4;
    ypub = 4;
    }

function RandomDep()
    {
    numimagePub= Math.round(Math.random()*8);
    numimagePub ++;
    return(numimagePub);
    }

function VolimPub()
    {
    if(document.all)
        {
        EcranlargPub = document.body.clientWidth-iVolePub.width;
        EcranhautPub = document.body.clientHeight-iVolePub.height;
        }
    else
        {
        EcranlargPub = screen.width-100;
        EcranhautPub = screen.height-100;
        }
    if (document.getElementById)
        {
        if (place > EcranlargPub)
            xpub = (-(RandomDep()));
        if (place < fromPub)
            xpub = RandomDep();
        document.getElementById("pubBulle").style.left = (place = place + xpub);
        document.getElementById("pubBulle").style.top = (HauteurPub += ypub)+offsetyPub;
        if (HauteurPub>EcranhautPub)
            ypub = (-(RandomDep()));
        if (HauteurPub<0)
            ypub = RandomDep();
        tempo36 = setTimeout('VolimPub()', 50);
        }
    }

function OffSet()
    {
    if (navigator.appName=="Microsoft Internet Explorer")
           offsetyPub = document.body.scrollTop;
    }
window.onload = VolimPub;
onscroll = OffSet;
</SCRIPT>


A mettre entre les balises <BODY> et </BODY>, à la place ou vous desirez



<SCRIPT LANGUAGE="JavaScript">
if (document.getElementById)
    {
    document.write('<DIV ID="pubBulle" STYLE="position:absolute; top:200px; left:-100px; z-indexpub:10"><IMG SRC="'+iVolePub.src+'" BORDER=0 HSPACE=0></DIV>');
    }
</SCRIPT>

Haut de page

Scripts Temps

Insérez ce code à l'endroit exacte où vous voulez que la date et l'heure s'affiche:

<script type="text/javascript" language="javascript">
d = new Date();
document.write(d.toLocaleDateString()+' '+d.toLocaleTimeString()+'.');
</script>

Pour afficher seulement la date:

Date et heure en temps réel :

Créer un dossier nommé : date_heure.js et le mettre à la racine de votre serveur avec ce script dedans :

function date_heure(id)
{
        date = new Date;
        annee = date.getFullYear();
        moi = date.getMonth();
        mois = new Array('Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre');
        j = date.getDate();
        jour = date.getDay();
        jours = new Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi');
        h = date.getHours();
        if(h<10)
        {
                h = "0"+h;
        }
        m = date.getMinutes();
        if(m<10)
        {
                m = "0"+m;
        }
        s = date.getSeconds();
        if(s<10)
        {
                s = "0"+s;
        }
        resultat = 'Nous sommes le '+jours[jour]+' '+j+' '+mois[moi]+' '+annee+' il est '+h+':'+m+':'+s;
        document.getElementById(id).innerHTML = resultat;
        setTimeout('date_heure("'+id+'");','1000');
        return true;
}

Mettre ce script entre les balises <HEAD> :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Afficher la date et l'heure en temps réel en javascript</title>
        <script type="text/javascript" src="date_heure.js"></script>

Mettre ce script entre les basises <BODY> ou vous voulez la date et l'heure :

<span id="date_heure"></span>
            <script type="text/javascript">window.onload = date_heure('date_heure');</script>

Haut de page

Scripts Textes

Texte qui défile :
à mettre ou vous voulez ce texte
Bienvenue sur Outils Web Discount
<marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font size="2" face="Arial, Helvetica, sans-serif"><strong><em>Bienvenue </em></strong><font color="#333399"><strong> votre texte ici </strong></font></font></marquee>

Haut de page