2010-06-03 8 views
0

Je suis un débutant à jquery et j'ai besoin d'un peu d'aide. J'ai créé la fonction ci-dessous qui fait ce que je veux, mais quand je sélectionne une boîte de texte tous les autres zones de texte sont automatiquement sélectionnés. Comment puis-je le modifier et passer un paramètre à partir de la zone de texte pour que seules les zones de texte sélectionnées css changent de focus et de flou?Joindre une fonction jquery à certaines zones de texte

<script language="javascript" type="text/javascript"> 
    $(function() { 
     $('.myTextBox').focus(function() { 

      $('.box.textbox').addClass("active"); 
     }).blur(function() { 
      $('.box.textbox').removeClass("active"); 
     }); 
    }); 
</script> 
+0

quel est votre' class = 'dans chaque boîte ?, ou quel est votre html, s'il vous plaît inclure ... – Reigel

+0

OP dupliqué cette question avec plus de détails et a accepté une réponse à http://stackoverflow.com/questions/2970558/bind-a-jquery-function-to-elements Cette question devrait être fermé –

Répondre

1

Essayez avec:

$(function() { 
    $('.myTextBox').focus(function() { 

     $(this).addClass("active"); 
    }).blur(function() { 
     $(this).removeClass("active"); 
    }); 

});

+0

Merci pour ma contribution qu'est-ce que j'ai besoin de mettre comme la fonction s'occupe à la fois de la focalisation et du flou

+0

La réponse de Kate cove ce que je voulais dire – realshadow

1

Vous souhaitez mettre à jour l'objet qui a déclenché l'événement, essayez donc;

$(function() { 
     $('.myTextBox').focus(function() { 
      $(this).addClass("active"); 
     }).blur(function() { 
      $(this).removeClass("active"); 
     }); 
    }); 
0

Réponse pour: « Merci Sur mon entrée ce que dois-je mettre que la fonction prend en charge à la fois mise au point et le flou <input id="Text1" type="text" attachhow="?" />. »

vous devez ajouter .ready $ (document).

Ajouter un appel après que vous Html:

<html> 
    <%-- <div class="box textbox" style="width: 300px;"> 
     <div class="topcorners"> 
      <div> 
       <div> 
       </div> 
      </div> 
     </div> 
     <div class="middle"> 
      <div class="left"> 
       <div class="right"> 
        <input type="text" tabindex="1" maxlength="70" size="22" style="width: 292px;" class=" tbox" 
         id="email1" name="email1"/> 
       </div> 
      </div> 
     </div> 
</html> 

<script type="text/javascript"> 
    $(document).ready(
    $(function() { 
     $('.myTextBox').focus(function() { 

      $(this).addClass("active"); 
     }).blur(function() { 
      $(this).removeClass("active"); 
     }); 
    ); 
</script> 
0

désolé d'être un vrai Nob. Mon entrée ressemble à ceci

<input type="text" tabindex="1" maxlength="70" size="22" style="width: 292px;" class="myTextBox" 
       id="email1" name="email1"/> 

Lorsque la zone de texte se concentrer ou le flou se produit, la fonction change ma div class = » pas la zone de texte réelle

Questions connexes