JQuery to javascript
Résolu
EtienneBraio
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
EtienneBraio Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
EtienneBraio Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je souhaite faire quelque chose comme ça sans utilisé jquery
html
Savez-vous comment je pourrais faire ?
Merci beaucoup par avance :)
je souhaite faire quelque chose comme ça sans utilisé jquery
html
<ul id="lien">
<li><a href="#" data-lien="1" class="actif">1</a></li>
<li><a href="#" data-lien="2">2</a></li>
<li><a href="#" data-lien="3>3</a></li>
<li><a href="#" data-lien="4">4</a></li>
</ul>
</code
js
<code>
$("#lien a").each(function() {
$(this).click(function() {
var lien= $(this).attr("data-lien");
console.log(lien); // affiche le numéro du href cliqué
}
}
Savez-vous comment je pourrais faire ?
Merci beaucoup par avance :)
A voir également:
- JQuery to javascript
- Qwerty to azerty - Guide
- Telecharger javascript - Télécharger - Langages
- Video to video - Télécharger - Conversion & Codecs
- Majuscule to minuscule - Guide
- Bat to exe converter - Télécharger - Édition & Programmation
2 réponses
Salut,
Bonne journée
var links = document.getElementById('lien').getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
links[i].addEventListener('click', function() {
console.log(this.getAttribute('href'));
}, false);
}
Bonne journée
Do'
http://fr.wikipedia.org/wiki/JQuery
jquery c'est du javascript, ou plutôt une bibliothèque. Donc soit vous regardez dans cette bibliothèque pour y prendre le code que vous utilisez soit vous le rédigez vous même.
Quel est le problème?
edit: ligne 3 il manques des guillemets fermants.
J'ai utilisé un cod où il y avait quelque chose comme vous demandez, vous pouve zvous en inspirer(sans tenir compte de la partie galerie si ce n'st pas ça que vous faites bien sûr):
http://www.alsacreations.com/tuto/lire/557-galerie-photo-javascript.html
http://fr.wikipedia.org/wiki/JQuery
jquery c'est du javascript, ou plutôt une bibliothèque. Donc soit vous regardez dans cette bibliothèque pour y prendre le code que vous utilisez soit vous le rédigez vous même.
Quel est le problème?
edit: ligne 3 il manques des guillemets fermants.
J'ai utilisé un cod où il y avait quelque chose comme vous demandez, vous pouve zvous en inspirer(sans tenir compte de la partie galerie si ce n'st pas ça que vous faites bien sûr):
http://www.alsacreations.com/tuto/lire/557-galerie-photo-javascript.html
par
Encore merci ! :)