[AJAX] Les divs, height et mouvements

Version imprimable

29/12/2006, 17h09
Prosis

[AJAX] Les divs, height et mouvements

Je tente de faire grandir un div un peu comme le flash le fait ici:

http://www.templarts.com/business-af...62-84-kit.html

Alors mes problèmes sont les suivants:

1-L'action se fait trop vite pour voir une transition (je la fais avec un for et j'ai essayé avec un while et de très petites valeurs d'incrémentation)

2-Lorsqu'il y a du texte dans les div, même si la grandeur originale est de 2px de haut elle s'agrandie à la hauteur que le texte à besoin. Comment puis-je faire pour forcer qu'elle garde 2px de haut tant que je n'ai pas activée la fonction pour la faire grandir?

Merci!
29/12/2006, 18h58
FremyCompany

Code:

<div style="overflow:auto"></div>

Code:

setInterval -- clearInterval

;)
29/12/2006, 19h03
Prosis

Merci pour le overflow, ca marche :)

Mais comment utiliser le setInterval avec dans un liens? J'ai essayé comme ca:

Code:

<a href="javascript: window.setInterval(open_page('about','home','370','2','350'), 1000);">About</a>

mais je recois une erreur javascript: "Error: useless setInterval call (missing quotes around argument?)"

Non, je ne crois pas que tu aies compris ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function openPage() {
   var timer = {"ID":0};
   timer.callBack = function() {
       // Agrandir le DIV de 1px
       if (/* Le DIV a la bonne taille */) {
          // Détruire le timer :
          clearInterval(timer.ID);
          timer.ID=null;
          timer.callBack=null;
          timer=null;
       }
   };
   timer.ID=setInterval(timer.callBack, 100)
}

29/12/2006, 19h37
Prosis

Super ca fonctionne à merveille, merci! :)
29/12/2006, 20h26
FremyCompany

1 = 1 execution par ms
1000 = 1 execution par secconde
60000 = 1 execution par minute
...

Les décimaux sont interdits
29/12/2006, 20h30
Prosis

Alors il est impossible de le faire aller plus vite...
30/12/2006, 10h56
FremyCompany

Citation:

Envoyé par Prosis

Alors il est impossible de le faire aller plus vite...

Attends, mais si tu le fais augmenter de 1px par ms, ca veut dire qu'en une secconde il peut atteindre la taille de 1000px ! Largement plus que la résolution d'écran la plus utilisée pour un navigateur (1024 - bords ==> 972)
31/12/2006, 17h49
Prosis

lol c'est ma faute j'étais tellement concentré sur le timer que je n'ai pas pensé incrémenté le top et le height avec un plus gros chiffre que 1

Merci beaucoup!
01/03/2007, 21h04
coachllb

bonsoir,

je cherche à implémenter un tel effet mais en rajoutant certains éléments:
- quand on clique sur le lien pour ouvrir la page, le contenu n'était pas caché mais il sera chargé par HTTPXmlRequest.
- pour l'utilisation de la fonction openpage ()
Il faut l'appeller par exemple avec un onclick=openpage();

Mais comme elle ne prend pas de paramètres je ne vois pas comment elle peut ouvrir la page.
pouvez-vous m'éclairer ?

Merci