Discussion :

[pito2901]

Bonjour,

Après plusieurs heures de recherche sur le net, je cherche à créer un formulaire ou un moteur de recherche multicritère afin que celui-ci m'amène à un ou plusieurs produits respectant les critères choisis auparavant.

Je souhaite d'abord savoir si un tel projet est réalisable SANS utiliser le langage PHP → juste HTML, CSS et JAVASCRIPT ?

Si oui, seriez-vous disponible à m'aider ? (sans jugements svp )

Merci d'avance.

[michel.souris]

...je cherche à créer un formulaire ou un moteur de recherche multicritère afin que celui-ci m'amène à un ou plusieurs produits respectant les critères choisis auparavant...

Dans quoi sont stockés les produits ?

[pito2901]

En réalité, je n'en ai aucune idée, j'utilise la plate-forme Blogger, dans laquelle je crée mon site.

Je vais expliquer clairement ce que je souhaite :

Le site est construit pour accéder à ce fameux formulaire qui proposera plusieurs choix :

carte mère, carte graphique, alimentation, ventilateur CPU, processeur (je ferai cela sous forme d'un menu dans lequel on cochera les cases correspondantes aux critères de sélection)

Le formulaire vous amènera à un ou plusieurs boîtiers PC compatible(s) avec les choix effectués dans le formulaire.

Donc les produits sont les boîtiers PC...

EDIT: Voilà un début : CODE SOURCE

Il faudra également stocker les valeurs des boîtiers PC quelque part (la valeur de la carte graphique, de la carte mère, etc...)

Si je ne suis pas assez clair, faites moi signe svp. Merci.

[michel.souris]

Je ne vois pas comment faire ça simplement sans passer par une base de données... et du PHP ou un autre langage coté serveur.

[pito2901]

Pouvez-vous être plus précis svp ?

[Paul TOTH]

Pour faire cela en pur Javascript, il faut embarquer toutes les données dans la page (ou dans des fichiers scripts).

une variable JSON du type

Code :

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

1
2
3
4
5
6
7
 
var configs = {
  'MSI GE70' : {
    'gpu' : 'nVida',
    'cg'  : 'GeFoce GTX 660M / 2Gb GDDR6'
  }
}

peut contenir toute la base de données, il "suffit'" ensuite de gérer que quand on clique sur les checkbox carteG la liste résultat est recalculée d'après la variable configs.

De façon un peu plus lourde (en terme de taille du fichier), il est aussi possible de mettre en HTML toutes les données en ajoutant des critères de sélection

Code :

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

1
2
3
4
 
<table>
<tr><th>Nom</th><th>Carte graphique</th></tr>
<tr data-gpu="nvidia"><td>MSI GE70</td><td>GeFoce GTX 660M / 2Gb GDDR6</td></tr>

dans ce cas le code JS va parcourir le tableau et tester les attributs data-* pour savoir si la ligne doit être affichée ou non (display: none), ici data-gpu indique le type de carte graphique; si on ne veux pas les nvidia on lui collera une class "hidden" qui fait correspond à un display:none