JQuery to javascript

Résolu/Fermé

EtienneBraio Messages postés 2 Date d'inscription lundi 20 janvier 2014 Statut Membre Dernière intervention 22 janvier 2014 - Modifié par EtienneBraio le 21/01/2014 à 00:03
EtienneBraio Messages postés 2 Date d'inscription lundi 20 janvier 2014 Statut Membre Dernière intervention 22 janvier 2014 - 22 janv. 2014 à 00:21

Bonjour,
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
1 to ✓ - Forum Windows
Press del to enter setup ✓ - Forum Windows
Video to video - Télécharger - Conversion & Codecs

2 réponses

Réponse 1 / 2

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
21 janv. 2014 à 11:55

Salut,

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

EtienneBraio Messages postés 2 Date d'inscription lundi 20 janvier 2014 Statut Membre Dernière intervention 22 janvier 2014
22 janv. 2014 à 00:21

Super merci beaucoup exactement ce que je voulais, j'ai juste changer


console.log(this.getAttribute('href'));

par


console.log(this.getAttribute('data-lien'));

Encore merci ! :)

Réponse 2 / 2

KingPin
Modifié par KingPin le 21/01/2014 à 01:55

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

Discussions similaires

Mb en Mo conversion et différence

Javascript Arrondi à 2 chiffres après la virgule

Comment passer de .wfp a mp4

Message au démarrage« Press Esc in 1 second to skip startup.nsh " msi porta

Comment se débarrasser de Welcome to Nginx! ?