Retour à Forum de programmation

Comment résoudre Deux S'immiscer Fonctions Javascript

  • mindfullsilence
  • Professor
  • Professor
  • Avatar de l’utilisateur
  • Inscription: Aoû 04, 2008
  • Messages: 846
  • Status: Offline

Message Mai 13th, 2009, 6:38 pm

Bon, qui a du sens. Revenons au code, il semble que le. Basculer fonction réduit à rien de ce qu'il commence et que là où elle a commencé, mais je souhaite le contraire. J'ai besoin d'un objet de la pousse à ce que je veux à croître et à reculer à rien.
Use your words like arrows to shoot toward your goal.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mai 13th, 2009, 6:38 pm

  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Juil 25, 2005
  • Messages: 2735
  • Loc: Nashville, TN
  • Status: Offline

Message Mai 13th, 2009, 6:38 pm

Il semble que youve travaille intensément sur cette belle journée, de sorte voulais juste que vous sachiez que Im off pour la soirée, mais s'il vous plaît n'hésitez pas à partager d'autres questions, vous avez mai et peut-être certains de mes amis peut-être continuer là où weve left off. S'ils ne le font pas de vous, Ill être de retour dans les AM pour vous donner un coup de main.
I'd love to change the world, but they won't give me the source code.
  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Juil 25, 2005
  • Messages: 2735
  • Loc: Nashville, TN
  • Status: Offline

Message Mai 13th, 2009, 6:41 pm

Eh bien, si vous passez la première étape, puis thats exactement ce que jQuery est fait pour vous...

Ajouter display: none; à la div style et votre page de démarrage et la croissance en blanc l'objet que vous souhaitez.
I'd love to change the world, but they won't give me the source code.
  • mindfullsilence
  • Professor
  • Professor
  • Avatar de l’utilisateur
  • Inscription: Aoû 04, 2008
  • Messages: 846
  • Status: Offline

Message Mai 13th, 2009, 6:56 pm

maintenant que j'ai un peu plus de compréhension de jQuery, j'ai été capable de faire une recherche en couple et penser à proximité Im:
http://docs.jquery.com/UI/Effects/Blind

Je crois que j'en ai besoin et Ive définir la direction à la verticale et en mode ". Show" mais sa ne marche pas. Commuté sur une case à cocher dans mon HTML et a utilisé le gestionnaire d'événements jQuery ". Cliquez sur"

Heres à quoi il ressemble:
Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MusicBrainz!</title>
 
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.core.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.blind.js"></script>
<link href="main.css" rel="stylesheet" type="text/css" />
 
  <script type="text/javascript">
  $(document).ready(function(){
   
$("#advanced").click(function () {
      $("#the_div").show("blind", { direction: "vertical" }, 1000);
});
 
  });
  </script>
 
<style type="text/css">
#the_div {
    height: 0px;
    width: 0px;
    overflow: hidden;
}
</style
 
</head>
 
<body>
 
<div id="the_div"></div>
<label>
  <input type="checkbox" id="advanced" /></label>
  <label>Advanced Search Options</label>
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>MusicBrainz!</title>
  6.  
  7. <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  8. <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  9. <script src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.core.js"></script>
  10. <script src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.blind.js"></script>
  11. <link href="main.css" rel="stylesheet" type="text/css" />
  12.  
  13.   <script type="text/javascript">
  14.   $(document).ready(function(){
  15.    
  16. $("#advanced").click(function () {
  17.       $("#the_div").show("blind", { direction: "vertical" }, 1000);
  18. });
  19.  
  20.   });
  21.   </script>
  22.  
  23. <style type="text/css">
  24. #the_div {
  25.     height: 0px;
  26.     width: 0px;
  27.     overflow: hidden;
  28. }
  29. </style
  30.  
  31. </head>
  32.  
  33. <body>
  34.  
  35. <div id="the_div"></div>
  36. <label>
  37.   <input type="checkbox" id="advanced" /></label>
  38.   <label>Advanced Search Options</label>
  39.  


Im fermer...I can feel it. Qu'ai-je fait de mal ici?

Edit: Viens de voir votre message sur l'ajout display: none; J'imagine que nous étions annonce en même temps. Cela a bien fonctionné...sorta, mais Im presque positive que je puisse corriger les autres, apparaît comme un html / css question maintenant. Merci encore pour la quantité incroyable d'aider youve donné, avoir une bonne nuit.
Use your words like arrows to shoot toward your goal.
  • dark_lord
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Jan 14, 2009
  • Messages: 162
  • Loc: India-Kolkata
  • Status: Offline

Message Mai 14th, 2009, 9:39 pm

UPSGuy a écrit:
dark_lord - l'intention est d'alterner réduire / augmenter de la DIV (le faire grandir visible, vérifiez la rétrécir cacher). Le MIL 20 consiste à «animer» la culture de marijuana / shrink. L'image du code avec clearIntervals convenablement établi et que vous mai comprendre l'essentiel.

Cliquez sur - la div croît en place
Cliquez off - le div écart se rétrécit et se cache

Les deux motions semblent "animé" en raison de la périodicité

okay...J'ai compris maintenant

Bonjour l'esprit, vérifier si cela fonctionne
Code: [ Select ]
 
 <html>
 <head>
 <style type="text/javascript">
 function grow(id) {
     h=document.getElementById(id).offsetHeight;
     if(h<75) {
         document.getElementById(id).style.height=h+15+'px';
    window.setTimeout("grow(id);",20);
     }
     else if(h<150) {
         document.getElementById(id).style.height=h+10+'px';
    window.setTimeout("grow(id);",20);
     }
     else if(h<250) {
         document.getElementById(id).style.height=h+5+'px';
    window.setTimeout("grow(id);",20);
     }
 }  
 
 function shrink(id) {
     h=document.getElementById(id).offsetHeight;
     if(h>200) {
         document.getElementById(id).style.height=h-25+'px';
    window.setTimeout("shrink(id);",20);
     }
     else if(h>150) {
         document.getElementById(id).style.height=h-10+'px';
    window.setTimeout("shrink(id);",20);
     }
     else if(h>0) {
         document.getElementById(id).style.height=h-5+'px';
    window.setTimeout("shrink(id);",20);
     }
 }
 </style>
 
 <style type="text/css">
 the_div {
     height: 0px;
         border: 000 solid 2px;
     overflow: hidden;
 }
 </style>
 </head>
 
 
 <body>
 <div id="the_div"></div>
             <label>Advanced Search Options: </label>
             <br />
                 <label>
                 <input name="RadioGroup1" type="radio" id="RadioGroup1_0" onclick="grow(id);" value="radio" />
             </label>
                 <label>On</label>
             <br />
                 <label>
                 <input name="RadioGroup1" type="radio" id="RadioGroup1_1" onclick="shrink(id);" value="radio" checked="checked" />
                 </label>
                 <label> Off</label>
 </body>
 </html>
 
  1.  
  2.  <html>
  3.  <head>
  4.  <style type="text/javascript">
  5.  function grow(id) {
  6.      h=document.getElementById(id).offsetHeight;
  7.      if(h<75) {
  8.          document.getElementById(id).style.height=h+15+'px';
  9.     window.setTimeout("grow(id);",20);
  10.      }
  11.      else if(h<150) {
  12.          document.getElementById(id).style.height=h+10+'px';
  13.     window.setTimeout("grow(id);",20);
  14.      }
  15.      else if(h<250) {
  16.          document.getElementById(id).style.height=h+5+'px';
  17.     window.setTimeout("grow(id);",20);
  18.      }
  19.  }  
  20.  
  21.  function shrink(id) {
  22.      h=document.getElementById(id).offsetHeight;
  23.      if(h>200) {
  24.          document.getElementById(id).style.height=h-25+'px';
  25.     window.setTimeout("shrink(id);",20);
  26.      }
  27.      else if(h>150) {
  28.          document.getElementById(id).style.height=h-10+'px';
  29.     window.setTimeout("shrink(id);",20);
  30.      }
  31.      else if(h>0) {
  32.          document.getElementById(id).style.height=h-5+'px';
  33.     window.setTimeout("shrink(id);",20);
  34.      }
  35.  }
  36.  </style>
  37.  
  38.  <style type="text/css">
  39.  the_div {
  40.      height: 0px;
  41.          border: 000 solid 2px;
  42.      overflow: hidden;
  43.  }
  44.  </style>
  45.  </head>
  46.  
  47.  
  48.  <body>
  49.  <div id="the_div"></div>
  50.              <label>Advanced Search Options: </label>
  51.              <br />
  52.                  <label>
  53.                  <input name="RadioGroup1" type="radio" id="RadioGroup1_0" onclick="grow(id);" value="radio" />
  54.              </label>
  55.                  <label>On</label>
  56.              <br />
  57.                  <label>
  58.                  <input name="RadioGroup1" type="radio" id="RadioGroup1_1" onclick="shrink(id);" value="radio" checked="checked" />
  59.                  </label>
  60.                  <label> Off</label>
  61.  </body>
  62.  </html>
  63.  


Edit: Je n'ai pas suivi les autres postes, donc si u ont des solutions mieux d'aller à cette :)
Wrap Up your Big Url | Mariana World Community
  • gkumar
  • Beginner
  • Beginner
  • No Avatar
  • Inscription: Juil 28, 2009
  • Messages: 39
  • Status: Offline

Message Juillet 28th, 2009, 11:42 pm

J'ai deux distincts (mais similaire) des morceaux de code JQuery. Ils travaillent tous les deux, mais ils interfèrent les uns avec les autres. Comment faire de formater correctement ces fonctions pour être unique et les empêcher d'effectuer l'autre.

Code 1.
Code: [ Select ]
$('#share-email').click(function(e) {
            e.preventDefault();
            $("#socialbox-" + $(this).attr('rel')).load('<?php echo site_url();?>club/sendtofriend/' + $(this).attr('rel'));
        return false;
        });
        $().ajaxSend(function(r,s){
                $(".social-share-container").fadeOut('fast');
        });
        $().ajaxStop(function(r,s){
                $(".social-share-container").fadeIn('fast');
        });
  1. $('#share-email').click(function(e) {
  2.             e.preventDefault();
  3.             $("#socialbox-" + $(this).attr('rel')).load('<?php echo site_url();?>club/sendtofriend/' + $(this).attr('rel'));
  4.         return false;
  5.         });
  6.         $().ajaxSend(function(r,s){
  7.                 $(".social-share-container").fadeOut('fast');
  8.         });
  9.         $().ajaxStop(function(r,s){
  10.                 $(".social-share-container").fadeIn('fast');
  11.         });

code 2.
Code: [ Select ]
$('.djlink').click(function(e) {
            e.preventDefault();
            $("#djinfo").load($(this).attr('href'), Cufon.refresh);
        return false;
        });
        $().ajaxSend(function(r,s){
                $("#djinfo").fadeOut('fast');
        });
        $().ajaxStop(function(r,s){
                $("#djinfo").fadeIn('fast');
        });
  1. $('.djlink').click(function(e) {
  2.             e.preventDefault();
  3.             $("#djinfo").load($(this).attr('href'), Cufon.refresh);
  4.         return false;
  5.         });
  6.         $().ajaxSend(function(r,s){
  7.                 $("#djinfo").fadeOut('fast');
  8.         });
  9.         $().ajaxStop(function(r,s){
  10.                 $("#djinfo").fadeIn('fast');
  11.         });
Moderator Remark: Use [code][/code] to encapsulate code snippets
  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Juil 25, 2005
  • Messages: 2735
  • Loc: Nashville, TN
  • Status: Offline

Message Juillet 29th, 2009, 4:04 am

Quoi de conflit entre eux? Avoir une page d'exemple?
I'd love to change the world, but they won't give me the source code.

1, 2

Afficher de l'information

  • Total des messages de ce sujet: 22 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 153 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC