Bouger un div façon thunderbird

Marsh Posté le 06-02-2006 à 17:52:32

Lut'
Je souhaite faire bouger un div: le faire monter, lui faire prendre une pose, puis descendre. Moui j'aimerai recréer l'onglet des messageries comme thunderbird MSN Skype... J'ai néanmoins un souci avec la mesure de la hauteur de la page. Marche pô. Doucement poussent mes cheveux blancs. Si vous pouviez m'épargnez une teinture, voici ma merdouille de script:

Code :

var onglet_tempo;
var compteElement=document.getElementById('compte');
var compte_hauteur=compteElement.offsetHeight;
var position=getWindowHeight()-compte_hauteur;
onglet_y=position;
onglet_se_bouge = false;
onglet_premiere_fois = true;
function onglet_demarre()
{
if(onglet_y == position && !onglet_se_bouge)
onglet_deballe();
else if(!onglet_se_bouge)
onglet_remballe();
}
function onglet_deballe()
{
onglet_se_bouge = true;
if(onglet_y < 10)
{
onglet_y += 1;
onglet_bouge();
setTimeout("onglet_deballe()", 10);
}
else
{
onglet_se_bouge = false;
if(onglet_premiere_fois)
onglet_tempo = setTimeout("onglet_demarre()", 6000);
onglet_premiere_fois = false;
}
}
function onglet_remballe()
{
clearTimeout(onglet_tempo);
onglet_se_bouge = true;
if(onglet_y > position)
{
onglet_y -= 1;
onglet_bouge();
setTimeout("onglet_remballe()", 10);
}
else
onglet_se_bouge = false;
}
function onglet_bouge()
{
document.getElementById("compte" ).style.top=onglet_y+'px';
}
window.onload = onglet_demarre;

Reply

Marsh Posté le 06-02-2006 à 17:52:32

Reply

Marsh Posté le 06-02-2006 à 21:22:16

Essaie de ne pas réinventer la roue

Quelques adresses utiles :

Prototype : http://prototype.conio.net/
Doc : http://www.sergiopereira.com/artic [...] pe.js.html

Librairie pour faire le genre d'effet que tu cherches : http://script.aculo.us/

ca aussi c'est sympa :
http://openrico.org/rico/demos.pag [...] _accordion

un autrie truc bien sympa :
http://bennolan.com/behaviour/

Paquerette

Message cité 1 fois
Message édité par paquerette le 06-02-2006 à 21:22:28

Reply

Marsh Posté le 07-02-2006 à 12:41:31

Merci, mais au point où j'en suis ma roue est presque fini. Adapter une nouvelle roue me demanderait encore plus de tour de cric. Je dois juste avoir un petit bug de rien du tout. ...Mais je ne le vois pas. Argl!

Reply

Marsh Posté le 07-02-2006 à 13:28:38

fais voir ta fonction getWindowHeight()

Reply

Marsh Posté le 07-02-2006 à 13:43:36

C'est ceci: http://pompage.net/pompe/pieds/

Message cité 1 fois

Reply

Marsh Posté le 07-02-2006 à 13:59:49

artlogic a écrit :

C'est ceci: http://pompage.net/pompe/pieds/

Mais oui tu as raison j'adore les puzzles, c'est pour ça que je vais passer mon aprem à rassembler les différents morceaux de ton script ... :sweat:

Euh sans blaguer t'aurais pas le code entier de ta page?

Reply

Marsh Posté le 07-02-2006 à 17:30:55

Sorry, autant pour moi. Voici le html avec le petit div en bas à droite:
http://www.art-logic.info/annecy/T [...] eloppement
et voici le js: http://www.art-logic.info/annecy/_template/compte.js
et éventuellement le css qui positionne par défaut à droite:

Code :

div#compte {
background: #fff;
position: fixed !important;
position: absolute;
right: 5px;
bottom: 8px;
width: 110px;
border: solid 1px #c5c5df;
-moz-border-radius:8px;
}

Message édité par artlogic le 07-02-2006 à 17:32:15

Reply

Marsh Posté le 07-02-2006 à 22:59:22

paquerette a écrit :

Essaie de ne pas réinventer la roue

Quelques adresses utiles :

Prototype : http://prototype.conio.net/
Doc : http://www.sergiopereira.com/artic [...] pe.js.html

Librairie pour faire le genre d'effet que tu cherches : http://script.aculo.us/

ca aussi c'est sympa :
http://openrico.org/rico/demos.pag [...] _accordion

un autrie truc bien sympa :
http://bennolan.com/behaviour/

Paquerette

MERCI pour behaviour [:huit]

J'ai presque hâte d'aller au boulot pour essayer ça [:matleflou]

Message cité 1 fois

---------------
"L'informatique n'est pas plus la science des ordinateurs que l'astronomie n'est celle des télescopes." Michael R. Fellows & Ian Parberry

Reply

Marsh Posté le 08-02-2006 à 13:17:18

Rien à faire ? Je sèche.

Reply

Marsh Posté le 08-02-2006 à 16:58:44

Ricco a écrit :

MERCI pour behaviour [:huit]

J'ai presque hâte d'aller au boulot pour essayer ça [:matleflou]

[:wipeout_tt] moi je m'amuse comme un fou avec ca et les autres lib

Reply

Bouger un div façon thunderbird

Sujets relatifs:

Leave a Replay