Boucle sur même ID

Question

Bonjour, 
quelqu'un peut-il m'aider avec le code ci-dessous?
J'ai des ID #pop1,2,3.... #oform1,2,3..... et selon celui qui est utilisé je dois appliquer une fonction.
Voici le code

$(document).ready(function(){
    for(var i=1; i<25; i++)
    {
        var a = $('#pop'+i);
        var b = $('#oform'+i);
        a.click(function(){
            b.fadeIn(500);
            positionPopup();
        });   // action
    }//end for
    //close popup
    for(var i=1; i<25; i++)
    {
        var c =$('#close'+i);
        var d = $('#oform'+i);
        c.click(function(){
            d.fadeOut(500);
        });   // action
    }//end for
});

//position the popup at the center of the page
function positionPopup(){
 if(!$('#oform1,#oform2,#oform3,#oform4,#oform5,#oform6,#oform7,#oform8,#oform9,#oform10,#oform11,#oform12,#oform13,#oform14,#oform15,#oform16,#oform17,#oform18,#oform19,#oform20,#oform21,#oform22,#oform23,#oform24').is(':visible')){
        return;
    }
    $('#oform1,#oform2,#oform3,#oform4,#oform5,#oform6,#oform7,#oform8,#oform9,#oform10,#oform11,#oform12,#oform13,#oform14,#oform15,#oform16,#oform17,#oform18,#oform19,#oform20,#oform21,#oform22,#oform23,#oform24').css({
        left: ($(window).width() - $('#oform1,#oform2,#oform3,#oform4,#oform5,#oform6,#oform7,#oform8,#oform9,#oform10,#oform11,#oform12,#oform13,#oform14,#oform15,#oform16,#oform17,#oform18,#oform19,#oform20,#oform21,#oform22,#oform23,#oform24').width()) / 3,
        position:'absolute'
    });
}

//maintain the popup at center of the page when browser resized
$(window).bind('resize',positionPopup); 
 

Tchouny

BunoCS · Answer

Hello,
Je ne fais que passer. Je me suis permis de modifier l'indentation de ton code pour plus de lisibilité

Tchouny · Answer

Et moi qui pensait que cette communauté était active!!
Personne n'est donc capable de m'aider.

Tchouny · Answer

Intéressant! Intéressant! Il aura fallu que j'envoie ce genre d'email pour obtenir une réaction. Je suis d'accord ma question manque de contenu mais il était très simple de me dire, avant que j'exploite votre sensibilité, qu'il manquait de détails pour pouvoir répondre. Quoi qu'il en soit merci d'avance pour votre aide. Alors voici plus de détails. J'ai sur une même page html plusieurs fois le même code qui doit s'exécuter. example Read
Pour chaque partie de code comme ci dessus, j'ai nommé les ID oform :oform1 à oform20 et close1 à close20. Donc ceci se retrouve sur ma page html 20x. Si je nomme mes ID de la même facon à chaque fois que je cliquerai sur le bouton read, les 20 vont s'ouvrir d'un coup. Donc je les ai nommé de 1 à 20. Au départ je n'ai pas fait de boucle dans mon code js. J'ai simplement écrit 20x le code mais vachement long. Je me suis dit je me lance dans une boucle mais étant débutant je me suis planté quelque part car ma boucle (voir code du premier message) ne fonctionne pas. Ma question est donc peut-on m'aider pour faire cette boucle? Merci

BunoCS · Answer

Intéressant! Intéressant! Il aura fallu que j'envoie ce genre d'email pour obtenir une réaction.

Bah, c'est un peu normal...Tu nous "attaques", nous te répondons ;)

Je suis d'accord ma question manque de contenu mais il était très simple de me dire, avant que j'exploite votre sensibilité, qu'il manquait de détails pour pouvoir répondre.

C'est le problème de beaucoup de développeurs: il faut du temps avant qu'ils se mettent eux-mêmes en question... =)

Bon, je ne fais pas de JS, mais voici quelques pistes:
- tu peux fusionner tes 2 boucles: tu parcours une fois tes composants et tu appliques tes fonctions
- dans ta fonction positionPopup, passes lui l'identifiant en paramètres, plutôt que de retester à chaque fois.

Désolé, je ne pourrais être plus précis...

Boucle sur même ID

4 réponses

Votre réponse

Discussions similaires