Bouger un div façon thunderbird

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Bouger un div façon thunderbird

artlogic

Viendez pas dans la Yaute.

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;

Publicité

paquerette

Flower Power...

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

artlogic

Viendez pas dans la Yaute.

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!

anapajari

s/travail/glanding on hfr/gs;

fais voir ta fonction getWindowHeight()

artlogic

Viendez pas dans la Yaute.

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

Message cité 1 fois

anapajari

s/travail/glanding on hfr/gs;

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?

artlogic

Viendez pas dans la Yaute.

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

Ricco

Retour au pays

paquerette a écrit :

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

artlogic

Viendez pas dans la Yaute.

Rien à faire ? Je sèche.

paquerette

Flower Power...

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

FORUM HardWare.fr

Programmation

HTML/CSS

Bouger un div façon thunderbird

Sujets relatifs
Xalan la meilleure façon de transformer plusieurs fichiers	IHM : GTK & QT, façon de construire ses fenêtres
Extension ThunderBird : j'en bave	Bouger des images (ou graphiques) à intervale régulier
Recherche d'un code : Texte défilant verticalement de façon non sacadé	Comment bouger une feuille dans une appli Excel
Flash dans HTML...de façon précise	la meilleurs facon de copier une table vers une autre ?
votre avis sur la facon de gerer des photos
Plus de sujets relatifs à : Bouger un div façon thunderbird

Page générée en 0.048 secondes