affichage flottant ...

Version imprimable

30/03/2006, 19h22
CAML

affichage flottant ...

Bonjour,

je desire à certains moment dans mes pages web pouvoir afficher un petit message de ce style que l'on retrouve dans Gmail
(loading sur fond rouge)
http://img90.imageshack.us/img90/1831/google2cy.png
je me rappel avoir trouvé quelque chose de similaire sur ce forum mais je le retrouve plus :cry: :cry: j'espere que quelqu'un à des souvenirs de cela ou bien qu'il sait comment on fait cela ?
merci pour votre aide !

cool j'ai trouver comment on fait je poste la solution car cela doit surement interesser d'autres personnes
code CSS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
body 
{
    margin:0 0 0 0;
}
 
#flotant
{
    width: 60px;
    height: 20px;
    float: right;
    background-color: #CC4444;
    color: White;
    position: static;
    font-size: 10pt;
    font-family: Arial;
    padding-left: 3px;
}

code HTML

Code:

1
2
3
4
5
6
    <div id="flotant">
        Loading...
    </div>
 
    <input type="button" value="montrer" onclick="document.all.flotant.style.visibility = 'visible';" />
    <input type="button" value="cacher" onclick="document.all.flotant.style.visibility = 'hidden';" />

Voilà c'est pas plus compliquer que ca ! :D

30/03/2006, 20h31
Phnx

Tout est joué sur la propriété position: static; non ?

En tout cas merci pour l'information sa peut etre utile :)
30/03/2006, 20h34
CAML

oui c'est bien cela et la propieté float: right; de manier a ce que ce soit à droit de la page
Content que cela ai interessé d'autre personne que moi :lol:

Cela va m'etre tres utile lors des mes fonctions AJAX 8)