Séparer HTML et javascriptRésolu

Question

Bonjour à tous !! Je suis en train de développer mon site WEB et je souhaite séparer completement le html du js. Dans mon js, je devrais donc avoir quelque chose du type : document.getElementById('xx').onclick = function () { ....... } Je voudrais utiliser ceci pour mes menus (par exemple), mais le problème est que mes menus vont être crées dynamiquement (bdd + ajax). Dans ce cas là, je ne sais pas le nombre exact de menus que je vais avoir. Je voudrais donc savoir s'il y a un moyen de créer une fontion (du même type que l'exemple) mais qui serait 'générique', cad que je puisse réutiliser pour plusieurs composants (tout en y faisant passer un parametre (pour savoir sur quel menu j'ai cliqué par exemple)) Merci d'avance les gens !!

lowke_{y

WWJD for havin' a nice code ?}

cs_bultez · Accepted Answer

bonjour,

function toto(surquoi)
{        surquoi.onclick =  function ()
        {   .......    }
}

et :
toto(document.getElementById(xx));
toto(document.getElementById(yy));...

ou  par exemple 
var n =1;
while document.getElementById("id_commun"+n)
{    toto(document.getElementById("id_commun"+n));
    n++;
}

ou par exemple

var n=1;

while document.getElementById("id_commun"+n)

{   document.getElementById("id_commun"+n).onclick=function()
    { ... }

    n++;

}

ou en "Orienté Objet" ?

ou... on peut probablement faire de 568 manières

<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

cs_lowkey · Answer

Merci Bul !! Exactement ce que je cherchais. Maintenant que j'ai une bonne base, je vais pouvoir partir à la recherche des 568 autres solutions.

lowke_{y

WWJD for havin' a nice code ?}

cs_bultez · Answer

nickel si ça baigne.

>>je vais pouvoir partir à la recherche des 568 autres
    ah ben non, j'en ai donné 3 ( sans parler de la "piste POO" ! ), 
        donc 565 pas plus !


<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

cs_lowkey · Answer

Youhouu !!! Tu me libère d'un énorme poid

lowke_{y

WWJD for havin' a nice code ?}

Arto_8000 · Answer

Tu serais pas mieux de passer par la fonction addEventListener (pour tous les navigateurs) ou attachEvent (pour IE), ça permet de surcharger les événements sans qu'il n'y ait d'obstruction.

Voici donc la méthode #4 :

function addListener(element, type, expression)
{
if (window.addEventListener)
element.addEventListener(type, expression,false);
else if (window.attachEvent)
element.attachEvent('on' + type, expression);
}

function toto (obj)
{
addListener(obj, "click", function () {
//
});
}

cs_lowkey · Answer

Salut Arto_8000 !! Merci pour ta réponse. Je vais faire quelques recherches sur ces fonctions et je te tiendrais au courant.

lowke_{y

WWJD for havin' a nice code ?}

cs_bultez · Answer

Arto_8000 ++;                exemple ici aussi
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

Séparer HTML et javascript

7 réponses

Votre réponse

Discussions similaires