2009-09-24 8 views
0

J'ai beaucoup de lignes sur ma page générées à partir de la base de données avec PHP. Chaque ligne est en DIV. Je voudrais "sélectionner" une ligne en cliquant dessus. "Select" signifie changer css pour cela. Quelle est la meilleure façon de le faire?select element par css

Répondre

2

façon plus intelligente est d'utiliser des cadres js, comme jQuery:

<div id="alldivs"> 
    <div>...</div> 
    <div>...</div> 
    <div>...</div> 
</div> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 
<!-- you don't need to download anything, just add this line ;-) --> 
<script> 
    $(function(){ 
     $("#alldivs div").click(function(){ 
      $("#alldivs div").removeClass('clickedCss'); 
      $(this).addClass('clickedCss'); 
     }); 
    }); 
</script> 
+0

est-il possible avec cette solution de sélectionner une seule ligne en même temps? – EugenA

+0

ouais, essayez la nouvelle version. J'ai édité le code pour cela –

+0

que dois-je placer dans onclick = "" dans chaque ligne-div? – EugenA

0

Vous pourriez faire juste un événement onclick et changer la classe css;

<div class="yourCss" onclick="this.className='clickedCss';">content</div> 
+0

grand! mais si je n'ai besoin que d'une seule ligne? Est-il possible de définir toutes les lignes sur la classe "non sélectionné"? – EugenA

+0

@eugenA essayer mon code. toggleCss supprime la classe si elle existe, et ajoute si ce n'est pas –