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
0
A
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
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 –
Questions connexes
- 1. Android Dropdown (Select) CSS
- 2. jQuery Element Swap
- 3. Supprimer CSS de select en utilisant jQuery
- 4. Fading Element on Scroll
- 5. Selenium element not found
- 6. WPF Element média vidéo Source
- 7. 'Element' est un XmlNodeType invalide
- 8. Javascript Canvas Element - tableau d'images
- 9. SQL Select compteur par groupe
- 10. Instruction Django SELECT, ordre par
- 11. Xslt distinct select/Group par
- 12. Ajouter des options à SELECT tag via JS ..Ne sont pas stylisées par CSS?
- 13. Prototype font option select être sélectionnée par la valeur fournie
- 14. substituant valign par CSS
- 15. remplacer l'image par css
- 16. nhibernate mapping Ilist avec composite-element
- 17. select tabItem par programme dans WPF
- 18. MySQL SELECT plus fréquentes par groupe
- 19. Coloriage de Select élément html par jquery
- 20. comment afficher/masquer divs par select (jquery)
- 21. SPARQL select RDF: ID
- 22. Pouvez-vous programmer par programme Media Element pour arrêter le téléchargement d'un fichier dans Silverlight?
- 23. L'application de css avec jQuery s'arrête <select> de montrer la liste déroulante
- 24. Linq2XML, Pourquoi Element(), Elements() ne fonctionne-t-il pas?
- 25. Sélecteurs de css par lots, identifiés par dust me selectors?
- 26. Rétablissement d'un style de style CSS par défaut
- 27. CSS position de défilement par défaut
- 28. ajouter par programme css class à ListItem
- 29. Filtrage jQuery Résultats par balise CSS
- 30. CSS menu déroulant masqué par photo
est-il possible avec cette solution de sélectionner une seule ligne en même temps? – EugenA
ouais, essayez la nouvelle version. J'ai édité le code pour cela –
que dois-je placer dans onclick = "" dans chaque ligne-div? – EugenA