Discussion :

[miniBob]

Bonsoir,

je ne sais pas quel titre donner à ce topic, tellement le problème est tordu, enfin il reste compréhensible quand même

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
     function famille(image, nom)
     {
        document.getElementById('liste-sous-categorie').style.visibility = "visible";            
        document.getElementById('banniere-milieu').style.backgroundImage = "url('../html/images/"+image+"')";
 
        var Automobile = "<div class='menu-milieu-type'>De nos jours</div><div class='menu-milieu-type'>Dans l ancien temps</div><div class='menu-milieu-type'>Tunning</div><div class='menu-milieu-type'>Luxe</div><div class='menu-milieu-type'>Autres</div>";
        var Moto = "<div class='menu-milieu-type'>Selle</div><div class='menu-milieu-type'>Sacoche</div><div class='menu-milieu-type'>Sides Cars</div>";
        var Bateau = "<div class='menu-milieu-type'>Tauds</div><div class='menu-milieu-type'>Coussins</div>";
        var Bache = "<div class='menu-milieu-type'>Protection intérieure</div><div class='menu-milieu-type'>Protection extérieure</div><div class='menu-milieu-type'>Utilitaire</div><div class='menu-milieu-type'>Publicitaire</div><div class='menu-milieu-type'>Autres</div>";
        var Store = "<div class='menu-milieu-type'>Pergola</div><div class='menu-milieu-type'>Voile d ombrages</div><div class='menu-milieu-type'>Stores</div>";
        var Exterieurs = "<div class='menu-milieu-type'>Mobilier de jardin</div><div class='menu-milieu-type'>Coussins</div><div class='menu-milieu-type'>Autres</div>";
        var Interieurs = "<div class='menu-milieu-type'>Mobilier contemporain</div><div class='menu-milieu-type'>Rideaux</div><div class='menu-milieu-type'>Autres</div>";
        var Autres = "<div class='menu-milieu-type'>Collectivités</div><div class='menu-milieu-type'>Prototypes</div>";
 
        document.getElementById('liste-sous-categorie').innerHTML = nom;
     }

En faites la fonction va recevoir deux paramètres le premier ne nous intéresse pas, mais le second oui. Le second paramètre va recevoir par exemple la valeur "Automobile", et je voudrais que la dernière ligne de ma fonction renvoie la valeur de la variable "Automobile" dans le innerHTML, en faites c'est le lien entre la valeur reçue dans les paramètres et la variable que je n'arrive pas à voir, il se fait tard c'est peut être pour ça, c'est une solution assez tordu mais c'est le seul moyen que j'ai pour faire la chose que je voudrais faire

Je sais pas si je me suis fait comprendre, je reste à votre disposition si nécessaire, en attendant je vous remercie pour votre future aide !

[javatwister]

un ptit conseil pour éclaircir tout ça: construit un tableau JS avec la liste de tes paramètres "texte"; tu pourras les afficher en fonction du choix client;

bref, ne donne pas pour valeur à une variable une chaîne html si longue et répétitive;

il faudrait nous montrer l'appel de famille() : c'est là que ça coince en premier parce que tu considères que les arguments sont à définir dans le corps de la fonction; ce qui n'est pas logique...

au pire, vu ce que tu déclares dans la fonction, tu n'as pas besoin de ces arguments!

[SpaceFrog]

tu n'as bien qu'un seul id ayant cet id sur la page ?

sinon une attribution de innerHTML par passage de paramètre ne pose aucun souci ...

[SpaceFrog]

ha je viens de comprendre ...

il ne faut jutse pas confondre string et variable ...
donc soit tu suis la proposition de JT en creant un array littéral

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
mycode=new Array();
mycode[' Automobile'] = "<div class='menu-milieu-type'>De nos jours</div><div class='menu-milieu-type'>Dans l ancien temps</div><div class='menu-milieu-type'>Tunning</div><div class='menu-milieu-type'>Luxe</div><div class='menu-milieu-type'>Autres</div>";
mycod['Moto'] = "<div class='menu-milieu-type'>Selle</div><div class='menu-milieu-type'>Sacoche</div><div class='menu-milieu-type'>Sides Cars</div>";

et tu attribues le innerHTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 document.getElementById('liste-sous-categorie').innerHTML = mycode[nom];

soit tu conserves tes variables mais tu appelles la variable en evaluant le string variable passé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 document.getElementById('liste-sous-categorie').innerHTML = window[nom];

ou encore tu declares tes variables en global et tu pourras ainsi les passer directeemtn en argument de la fonction sous forme de variable et non de string

[javatwister]

je pensais en fait virer le code pour chaque entree du tableau

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

mycode[" Automobile"] = ["De nos jours", "Dans l'ancien temps", "Tunning", "Luxe", "Autres"];

histoire de gérer la mise en forme standard par routine après le choix;