11548 sujets

JavaScript, DOM et API Web HTML5

Salut à tous,
J'ai un problème javascript sur le projet que je travaille dessus,
je ne suis pas vraiment callé coté javascript dont j'ai commencé à lire le javascript et puis commencer à utiliser le framework jquery pour aller plus vite.
Mon problème consiste en l'utilisation du "each()" dans une fonction que je veut appliquer à tout les url des lien de class "class1" en utilisant un blugin.Voici
le petit code en question:

$(document).ready(function() {
    // First example
    $('a.class1').click(function() {
        alert($(this).attr('href'));
        return false;
    });
 
    // The most simple use.
    $('a.class1').confirm({
        timeout:3000,
        dialogShow:'fadeIn',
        dialogSpeed:'slow'});
	});

l'adresse où j'ai pris ce plugin http://nadiana.com/jquery-confirm-plugin si cela peut servir

Comme je l'ai précisé plus haut,je veut l'appliquer à chaque "class1" disposée comme suite:
<a href="monlien.php/alert/1" class="class1">alert</a>
  <a href="monlien.php/alert/2" class="class1">alert</a>
  <a href="monlien.php/alert/3" class="class1">alert</a>
  <a href="monlien.php/alert/4" class="class1">alert</a>
  <a href="monlien.php/alert/5" class="class1">alert</a>
  <a href="monlien.php/alert/6" class="class1">alert</a>
  <a href="monlien.php/alert/7" class="class1">alert</a>


Depuis hier j'essai de trouver la solution avec le each mais soit le resultat est que l'action du script pointe toujours sur le premier lien seulement,
soitn il ne marche pas du tout.Je sais que je ne sais pas très bien utilisner le each.Merci à tous et bonne année.
Modifié par guiguiz (08 Jan 2012 - 11:03)
Salut,

Je ne comprends pas ce que tu cherches à faire ...
Tu souhaites afficher en alert l'url comprise dans le href ? Dans ce cas là pourquoi utiliser each ?

Puisque ton code
    // First example

    $('a.class1').click(function() {

        alert($(this).attr('href'));

        return false;

    });


test déjà la présence de "class 1" dans ton lien ?
Merci je vient de marquer ce sujet résolu dans un autre forum.J'ai trouvé ma solution
$(document).ready(function() {
// First example
$('a.class1').click(function() {
$('a.class1').each(alert($(this).attr('href')));
return false;
});
// The most simple use.
$('a.class1').each($('a.class1').confirm({
timeout:3000,
dialogShow:'fadeIn',
dialogSpeed:'slow'});
}));
<a href="monlien.php/alert/1" class="class1">alert</a>
<a href="monlien.php/alert/2" class="class1">alert</a>
<a href="monlien.php/alert/3" class="class1">alert</a>
<a href="monlien.php/alert/4" class="class1">alert</a>
<a href="monlien.php/alert/5" class="class1">alert</a>
<a href="monlien.php/alert/6" class="class1">alert</a>
<a href="monlien.php/alert/7" class="class1">alert</a>

Ce code peut aussi etre optimisé par exemple sur ce bout de code:
$('a.class1').each($('a.class1').confirm({
timeout:3000,
dialogShow:'fadeIn',
dialogSpeed:'slow'});
}));
je peut bien faire
$('a.class1').each($(this).confirm({
timeout:3000,
dialogShow:'fadeIn',
dialogSpeed:'slow'});
}));
Remarquez le "this" qui remplace le "a.class1'.

Si tu veut savoir ce que je voulais faire, que de réxliquer je te donne lien où j'ai poser le meme problème.IL ya aussi là d'autres solutions données par les autres participants:http://jquery.jarodxxx.com/forum/viewtopic.php?id=7 Merci à toi Seyu Smiley biggrin