Trier par criteres sur dreamweaver
ibrahim41
Messages postés
170
Statut
Membre
-
ibrahim41 Messages postés 170 Statut Membre -
ibrahim41 Messages postés 170 Statut Membre -
Bonjour,
je suis commerçant.
j'essaie de construire un site pour vendre mes voitures.
j'ai donc une page en html où j'aimerai mettre mes photos de voitures avec leur description.
pour présenter ma page :
sur la gauche, dans un encadré, il y aura une liste de toutes les marques automobiles que je vends.
sur la doite toutes les photos et descriptions dans des encadrés.
je souhaiterai que l'utilisateur puisse trier les voitures par marque, nombre de kilomètre.....
en haut, audessus de l'encadré de droite des champs de tri.
est-il possible de trier toutes mes voitures par l'utilisateur?
lorsque je changerai les photos et description des voitures, puis je sauvegarder le sélectionneur de tri?
ce qu'il faudrai, c'est des encadrés où les données sont enregistrés automatiquement.
encore une chose, comment faire pour que :
lorsque je clique sur une marque de voiture (encadré de gauche) l'encadré de droite charge pour voir apparaitre les véhicules que j'ai demandé.
en effet, je ne veux pas que plusieurs pages html s'ouvre, j'aimerai que tout soit sur la même page.
j'espère que j'ai été explicite, c'est un peu confus à expliquer.
merci.
cordialement.
je suis commerçant.
j'essaie de construire un site pour vendre mes voitures.
j'ai donc une page en html où j'aimerai mettre mes photos de voitures avec leur description.
pour présenter ma page :
sur la gauche, dans un encadré, il y aura une liste de toutes les marques automobiles que je vends.
sur la doite toutes les photos et descriptions dans des encadrés.
je souhaiterai que l'utilisateur puisse trier les voitures par marque, nombre de kilomètre.....
en haut, audessus de l'encadré de droite des champs de tri.
est-il possible de trier toutes mes voitures par l'utilisateur?
lorsque je changerai les photos et description des voitures, puis je sauvegarder le sélectionneur de tri?
ce qu'il faudrai, c'est des encadrés où les données sont enregistrés automatiquement.
encore une chose, comment faire pour que :
lorsque je clique sur une marque de voiture (encadré de gauche) l'encadré de droite charge pour voir apparaitre les véhicules que j'ai demandé.
en effet, je ne veux pas que plusieurs pages html s'ouvre, j'aimerai que tout soit sur la même page.
j'espère que j'ai été explicite, c'est un peu confus à expliquer.
merci.
cordialement.
A voir également:
- Trier par criteres sur dreamweaver
- Comment trier par ordre alphabétique sur excel - Guide
- Logiciel pour trier les photos automatiquement - Guide
- Vba trier colonne par ordre croissant - Forum VB / VBA
- Triez cette liste par ordre alphabétique des villes et par note de la meilleure à la moins bonne. quel mot est formé par les 8 premières lettres de la colonne code ? ✓ - Forum Excel
- Triez ce tableau par ordre alphabétique des prénoms. - Forum LibreOffice / OpenOffice
5 réponses
salut,
il nous faut des informations sur le contenu de ton site que tu es train de mettre en place.
Tu code en html, donc je vais pas te donner une solution php, ni autre. mais il faut quand même programmer
La solution la plus simple, je pense pour ton site fonction, est de faire des fonctions en javascript.
Avec comme base de travail un tableau avec tous les modèles de voitures que tu as, ainsi que qu'une colonne kilomètre
définition d'une classe voiture :
modèle
nom
kilomètres
état
....
puis un tableau de voitures.
et des fonctions qui traite le tableau afin de les trier, ou de les afficher.
je vais pas détaillé plus car si tu ne connait pas la programmation ca ne sert pas a grand chose
il nous faut des informations sur le contenu de ton site que tu es train de mettre en place.
Tu code en html, donc je vais pas te donner une solution php, ni autre. mais il faut quand même programmer
La solution la plus simple, je pense pour ton site fonction, est de faire des fonctions en javascript.
Avec comme base de travail un tableau avec tous les modèles de voitures que tu as, ainsi que qu'une colonne kilomètre
définition d'une classe voiture :
modèle
nom
kilomètres
état
....
puis un tableau de voitures.
et des fonctions qui traite le tableau afin de les trier, ou de les afficher.
je vais pas détaillé plus car si tu ne connait pas la programmation ca ne sert pas a grand chose
bonjour,
merci de me répondre.
il est vrai que je suis néophyte en la matière.
avec l'aide de dreamweaver, je pensai que l'on avait pas besoin de programmer. lol.
donc si je résumé :
je vais faire plusieurs "tableaux types"
avec comme données de tri : la marque, essence/diesel, kilométrage.
ça me fera 3 critères de tri. qui peuvent se conjuguer.
exemple : renault / diesel / <10000 km
et là, j'aimerai que s'affiche que les voitures qui ont ses valeurs.
Faire les tableaux type.. pas de problème.
Mes questions sont :
- Comment "nommer" dans le tableaux mes valeurs de critères?
- comment faire mon centre de tri (les fenêtres en haut des tableaux) qui me serviront à faire mon tri.
merci.
merci de me répondre.
il est vrai que je suis néophyte en la matière.
avec l'aide de dreamweaver, je pensai que l'on avait pas besoin de programmer. lol.
donc si je résumé :
je vais faire plusieurs "tableaux types"
avec comme données de tri : la marque, essence/diesel, kilométrage.
ça me fera 3 critères de tri. qui peuvent se conjuguer.
exemple : renault / diesel / <10000 km
et là, j'aimerai que s'affiche que les voitures qui ont ses valeurs.
Faire les tableaux type.. pas de problème.
Mes questions sont :
- Comment "nommer" dans le tableaux mes valeurs de critères?
- comment faire mon centre de tri (les fenêtres en haut des tableaux) qui me serviront à faire mon tri.
merci.
c'est plus compliqué que ca.
l'HTML est statique.
Le javascript est un outil de programmation qui permet de rendre du coté de l'utilisateur dynamique les pages.
j'ai fait du code pour te rendre compte de ce qu'il faudra integrer dans ton site pour que le tri se fasse tout seul
<HTML>
<head>
<script language="javascript">
// Constructeur de la classe
function voitures ()
{
// il s'agit d'un tableau de voitures
this.voitures = new array();
// les fonction qui permttrons d'afficher les voitures
this.addVoiture=addVoiture(v_marque,v_modele, v_kilometrage, v_description, v_photo);
this.tri_v_marque=tri_v_marque();
this.tri_v_modele=tri_modele();
this.tri_v_kilometrage=tri_v_kilometrage();
this.affiche_voitures=affiche_voiture();
}
function addVoiture(v_marque,v_modele, v_kilometrage, v_description, v_photo)
{
// les différents champs qu'il faut afficher dans la page
this.marque = v_marque;
this.modele = v_modele;
this.kilometrage = v_kilometrage;
this.description = v_description;
this.photo = v_photo;
// les fonctions qui permettent d'afficher les informations
this.get_marque();
this.get_modele();
this.get_kilometrage();
this.description();
this.photo();
}
this.tri_v_marque=tri_v_marque() {
//mettre le code pour trier sur la marque
}
this.tri_v_modele=tri_modele() {
//mettre le code sur le tri du modele
}
this.tri_v_kilometrage=tri_v_kilometrage() {
//mettre le code pour tri du kilometrage
}
this.affiche_voitures=affiche_voiture() {
document.write "<table>";
for(var i=0; i<this.length; i++){
document.write "<tr><td>".this.get_marque()."</td><td>".this.get_modele()."</td><td>".this.get_kilometrage()."</td><td>".this.get_description()."</td><td><img src='".this.get_photo()."'></td><td>";
}
document.write "</table>";
}
// fonctions membres
function get_marque()
{
return this.marque;
}
function get_modele()
{
return this.modele;
}
function get_kilometrage()
{
return this.kilometrage;
}
function get_description()
{
return this.description;
}
function get_photo()
{
return this.photo;
}
</script>
</head>
<body>
<script language="javascript">
// La variable cd est une instance de la classe InfosCD
// Lors de cette déclaration avec le mot clé new, this est "remplacé" par cd
var lesvoitures= new voitures();
lesvoitures.addVoiture("Ciroën", "Xsara", 2000, "une petite description", "img/citroen_xsara_2.gif" );
lesvoitures.addVoiture("Peugeot", "806", 105000, "une petite description", "img/peugeot_806_40.gif" );
// mettre toutes les voitures dans ce tableau
var entete = new Querystring();
if ("kilometre"=entete.get("tri") )
// il veut un tri sur les kilometre
lesvoitures.tri_v_kilometrage();
if ("marque"=entete.get("tri") )
lesvoitures.tri_v_marque();
//mettre les autres aussi
lesvoitures.affiche_voitures();
</script>
</body>
</HTML>
l'HTML est statique.
Le javascript est un outil de programmation qui permet de rendre du coté de l'utilisateur dynamique les pages.
j'ai fait du code pour te rendre compte de ce qu'il faudra integrer dans ton site pour que le tri se fasse tout seul
<HTML>
<head>
<script language="javascript">
// Constructeur de la classe
function voitures ()
{
// il s'agit d'un tableau de voitures
this.voitures = new array();
// les fonction qui permttrons d'afficher les voitures
this.addVoiture=addVoiture(v_marque,v_modele, v_kilometrage, v_description, v_photo);
this.tri_v_marque=tri_v_marque();
this.tri_v_modele=tri_modele();
this.tri_v_kilometrage=tri_v_kilometrage();
this.affiche_voitures=affiche_voiture();
}
function addVoiture(v_marque,v_modele, v_kilometrage, v_description, v_photo)
{
// les différents champs qu'il faut afficher dans la page
this.marque = v_marque;
this.modele = v_modele;
this.kilometrage = v_kilometrage;
this.description = v_description;
this.photo = v_photo;
// les fonctions qui permettent d'afficher les informations
this.get_marque();
this.get_modele();
this.get_kilometrage();
this.description();
this.photo();
}
this.tri_v_marque=tri_v_marque() {
//mettre le code pour trier sur la marque
}
this.tri_v_modele=tri_modele() {
//mettre le code sur le tri du modele
}
this.tri_v_kilometrage=tri_v_kilometrage() {
//mettre le code pour tri du kilometrage
}
this.affiche_voitures=affiche_voiture() {
document.write "<table>";
for(var i=0; i<this.length; i++){
document.write "<tr><td>".this.get_marque()."</td><td>".this.get_modele()."</td><td>".this.get_kilometrage()."</td><td>".this.get_description()."</td><td><img src='".this.get_photo()."'></td><td>";
}
document.write "</table>";
}
// fonctions membres
function get_marque()
{
return this.marque;
}
function get_modele()
{
return this.modele;
}
function get_kilometrage()
{
return this.kilometrage;
}
function get_description()
{
return this.description;
}
function get_photo()
{
return this.photo;
}
</script>
</head>
<body>
<script language="javascript">
// La variable cd est une instance de la classe InfosCD
// Lors de cette déclaration avec le mot clé new, this est "remplacé" par cd
var lesvoitures= new voitures();
lesvoitures.addVoiture("Ciroën", "Xsara", 2000, "une petite description", "img/citroen_xsara_2.gif" );
lesvoitures.addVoiture("Peugeot", "806", 105000, "une petite description", "img/peugeot_806_40.gif" );
// mettre toutes les voitures dans ce tableau
var entete = new Querystring();
if ("kilometre"=entete.get("tri") )
// il veut un tri sur les kilometre
lesvoitures.tri_v_kilometrage();
if ("marque"=entete.get("tri") )
lesvoitures.tri_v_marque();
//mettre les autres aussi
lesvoitures.affiche_voitures();
</script>
</body>
</HTML>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question