Javascript Redimensionner

J'ai très peu de connaissances en javascript, donc cela semble une question très basique, mais je n'ai pas trouvé un moyen de le faire.Javascript Redimensionner

J'ai un 1024 * 768 zone fixe comme ceci:

alt text http://img260.imageshack.us/img260/4618/myimage.png

Il y aura un bouton javascript sur le côté droit de la section "A". Lorsque je clique sur ce bouton, la section A sera automatiquement redimensionnée et ce sera quelque chose comme ceci:

alt text http://img705.imageshack.us/img705/92/myimage1.png

Ainsi, la section A se chevauchent à la section B, et il sera même taille à la section C (Et je connais la taille de la section C). Comment puis-je redimensionner automatiquement cette zone avec la fonction de chevauchement? Je cherche un plugin pour Jquery, mais je n'ai pas trouvé ça. Il y a une fonction redimensionnable dans Jquery, mais ça ne m'aide pas. Pourrais-tu m'aider? (Si vous me donnez simplement un lien qui est lié à cette fonctionnalité, cela suffirait aussi)

edit: Pour une note supplémentaire, la section A est un objet flash, donc il va agrandir et chevaucher la section B quand je clique à ce bouton.

Merci,

Source

2009-12-04 murat

Vous avez besoin des connaissances CSS :) –

Oui, vous avez raison, je suis en train d'améliorer mes compétences de codage côté client, mais cela est un problème javascript – murat

L'effet jQuery hide() seraient utiles ici. Si Section A & Section B ont une section float: left Section A devrait étendre pour remplir la zone lorsque la section B est caché.

http://docs.jquery.com/Effects/hide

Source

2009-12-04 05:10:57 leepowers

Merci pour la réponse , oui c'est possible avec ça, mais je ne veux pas cacher la Section B. C'est très difficile pour moi d'expliquer en anglais, mais je voudrais donner cet exemple: Si vous regardez ici: http://www.scribd.com/doc/23640532/Elisa-Hanukkah-Cards Vous pouvez redimensionner l'objet flash (en bas à droite), de sorte qu'il chevauche le contenu. Donc, j'aurai la même fonction, il y aura aussi un bouton qui redimensionnera automatiquement l'objet avec une taille fixe. J'ai juste besoin d'un bouton qui le redimensionne automatiquement. Merci encore – murat

Pour ce que j'ai compris, vous voulez redimensionner la section A sur la section B, comme les calques, n'est-ce pas? Si oui, laissez un commentaire que je vais vous donner une lumière. – yoda

oui exactement à droite .. – murat

Avez-vous essayé la fonction Animer? La section B peut être cachée avec une diapositive ou la section A doit se chevaucher, comme vous l'avez mentionné, il suffit de régler correctement le positionnement, l'index z, etc.

Source

2009-12-04 05:15:49 mbrevoort

hmm merci beaucoup pour cela, je vais l'essayer. – murat

vous aurez besoin d'un peu plus que cela. – yoda

quelque chose comme ceci:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Terminal</title> 
     <script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
      $(function() { 
       $('#but').click(function (e) { 
        $('#a').removeClass('big').addClass('normal'); 
        $('#b').hide(); 
        e.preventDefault(); 
       }); 
      }); 
     </script> 
     <style type="text/css"> 
      .height { 
       height: 100px; 
       border: 1px solid black; 
      } 

      .big { 
       width: 198px; 
       float: left; 
      } 

      .small { 
       width: 100px; 
       float: left; 
      } 

      .normal { 
       width: 300px; 
       clear: both; 
      } 
     </style> 
    </head> 
    <body> 
     <div><a href="#" id="but">button</a></div> 
     <div id="a" class="height big">a</div> 
     <div id="b" class="height small">b</div> 
     <div class="height normal">c</div> 
    </body> 
</html>

Source

2009-12-04 12:18:22

Javascript Redimensionner

Répondre

Questions connexes