Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
867 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Div & Height changement progressif

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Div & Height changement progressif

n°1774517
korben31
Posté le 19-08-2008 à 16:44:06  profilanswer
 

Bonjour
j'ai une div que je voudrais developper doucement pour l'instant j'ai ca :
onmouseover="this.style.height='400px';" onmouseout="this.style.height='20px';"
 
Mais c'est pas super beau et assez brisque alors j'ai vu des fonction ac des timer et tout
Donc si quelqu'un a une jolie fonction qui fait ca deja ca m'arrangerai
merci

mood
Publicité
Posté le 19-08-2008 à 16:44:06  profilanswer
 

n°1774527
korben31
Posté le 19-08-2008 à 17:09:52  profilanswer
 

Code :
  1. <script type="text/javascript">
  2. var Timer;
  3. /* Délai avant retour à la normale */
  4. var Duree = 1500;
  5. /* Hauteur à la normale */
  6. var SizeOff = 20;
  7. /* Hauteur au passage de la souris */
  8. var SizeOn = 400;
  9. function OffSize(element)
  10. {
  11. element.height = "" + SizeOff + "px";
  12. }
  13. function StartSize(element)
  14. {
  15. clearTimeout(Timer);
  16. Timer = setTimeout("SetSize("+ element + " );", Duree);
  17. }
  18. function SetSize(element)
  19. {
  20. element.height = (parseInt(element.height)-1) + "px";
  21. if (element.height > SizeOn ) { window.setTimeout("SetSize("+ element +" );", 5); }
  22. }
  23. </script>


 
Marche pas :(


Message édité par korben31 le 19-08-2008 à 17:10:08
n°1774546
SICKofitAL​L
misanthrope
Posté le 19-08-2008 à 17:41:14  profilanswer
 

Ne réinvente pas la poudre, regarde du coté de mooTools :)


---------------
We deserve everything that's coming...
n°1774730
korben31
Posté le 20-08-2008 à 09:25:06  profilanswer
 

Pil poil ce que je chercher, dommage que tout ne sois pas separer dans different fichier, pour mettre juste ce dont j'ai besoin pour pas alourdir la page.
 
Par contre pour l'implementer a ma divcontainer:
 

Code :
  1. <script language="javascript" type="text/javascript">
  2. window.addEvent('domready', function() {
  3. var status = {
  4.  'true': 'open',
  5.  'false': 'close'
  6. };
  7. //-vertical
  8. var myVerticalSlide = new Fx.Slide('divListContainer');
  9. $('divListContainer').addEvent('onmouseover', function(e){
  10.  e.stop();
  11.  myVerticalSlide.toggle();
  12. });
  13. $('divListContainer').addEvent('onmouseout', function(e){
  14.  e.stop();
  15.  myVerticalSlide.toggle();
  16. });
  17. });
  18. </script>


 
Mais y'a un truk qui cloche, et puis comment on defini la taille du petit et du grand div?


Message édité par korben31 le 20-08-2008 à 10:05:16

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Div & Height changement progressif

 

Sujets relatifs
Eclipse JSP changement du nom du bouton pdt le traitementNewbee - template fluide à 100% avec des DIV
Changement curseur pour chargementCacher un bloc DIV pendant le chargement
DIV horizontales dans une DIV cadre servant de masqueDiv et CSS.... : Problèmes de longueurs
Problème avec les height 100%debordement sur un DIV
Redirection suite à un changement de nom de domaine ?Macro Publisher : Changement police
Plus de sujets relatifs à : Div & Height changement progressif


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR