Forum-webmaster
Technique - programmation => Javascript / DOM / Ajax => Message commencé par: crystalady94 le le 17-05-2011 a 17:33:22

Titre: création d'un menu déroulant dynamique
Posté par: crystalady94 le le 17-05-2011 a 17:33:22

Bonjour

Je cherche à faire un menu déroulant dynamique lié avec deux autres menus déroulants
je souhaite que lorsque l'on fait une rechercher par région (premier menu déroulant) ensuite on puisse dans cette régio faire une recherche par profession.
Je ne maîtrise pas trop le langage html et je rencontre plusieurs problème
le premier est de pouvoir créer un lien sur le menu déroulant pour relier la région à une annonce
le second est de lier les menus déroulants entre eux, j'ai fait plusieurs tutoriels mais les codes html ne me parlent pas .... :-*

je vous adresse mes codes html

<script language="JavaScript" type="text/javascript">// <![CDATA[
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function ChangeUrl(formulaire)
{

if (formulaire.ListeUrl.selectedIndex != 0)
{
location.href = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
}
else
{
alert('Veuillez choisir une destination.');
}
}
// ]></script>
<p style="text-align: right;"><select style="background-color: black; width: 180px; font-family: Verdana; color: red;" name="ListeUrl" size="1"> <option>REGIONS</option> <option value="source.html">Alsace</option> <option value="http://www.adressevoulue1.com/">Aquitaine</option> <option value="http://www.adressevoulue3.com/">Auvergne</option> <option value="http://www.adressevoulue1.com/">Basse-Normandie</option> <option value="http://www.adressevoulue1.com/">Bourgogne</option> <option value="http://www.adressevoulue1.com/">Bretagne</option> <option value="http://www.adressevoulue1.com/">Centre</option> <option value="http://www.adressevoulue1.com/">Champagne-Ardenne</option> <option value="http://www.adressevoulue1.com/">Corse</option> <option value="http://www.adressevoulue1.com/">Franche-Comté</option> <option value="http://www.adressevoulue1.com/">Guadeloupe</option> <option value="http://www.adressevoulue1.com/">Guyane</option> <option value="http://www.adressevoulue1.com/">Haute-Normandie</option> <option selected="selected" value="http://www.adressevoulue1.com/">Ile de France</option> <option value="http://www.adressevoulue1.com/">Franche-Comté</option> <option value="http://www.adressevoulue1.com/">Languedoc-Roussillon</option> <option value="http://www.adressevoulue1.com/">Limousin</option> <option value="http://www.adressevoulue1.com/">Lorraine</option> <option value="http://www.adressevoulue1.com/">Martinique</option> <option value="http://www.adressevoulue1.com/">Mayotte</option> <option value="http://www.adressevoulue1.com/">Midi-Pyrénés</option> <option value="http://www.adressevoulue1.com/">Nord-Pas-de-Calais</option> <option value="http://www.adressevoulue1.com/">PACA</option> <option value="http://www.adressevoulue1.com/">Pacifique Sud</option> <option value="http://www.adressevoulue1.com/">Pays de la Loire</option> <option value="http://www.adressevoulue1.com/">Picardie</option> <option value="http://www.adressevoulue1.com/">Poitou-Charentes</option> <option value="http://www.adressevoulue1.com/">Réunion</option> <option value="http://www.adressevoulue1.com/">Rhônes-Alpes</option> <option value="http://www.adressevoulue1.com/">Saint-Pierre et Miquelon</option></select> <select style="background-color: black; width: 180px; font-family: Verdana; color: red;" name="ListeUrl" size="1"> <option selected="selected">MEDICAL</option> <option value="http://www.adressevoulue1.com/">Addictologie</option> <option value="http://www.adressevoulue2.com/">Algologie</option> <option value="http://www.adressevoulue3.com/">Anatomie-pathologie</option> <option value="http://www.adressevoulue3.com/">Anesthésie-réanimation</option> <option value="http://www.adressevoulue3.com/">Biologie</option> <option value="http://www.adressevoulue3.com/">Cancérologie</option> <option value="http://www.adressevoulue3.com/">Cardiologie</option> <option value="http://www.adressevoulue3.com/">Chirurgie digestive</option> <option value="http://www.adressevoulue3.com/">Chirurgie polyvalente</option> <option value="http://www.adressevoulue3.com/">Chirurgie vasculaire</option> <option value="http://www.adressevoulue3.com/">Dermatologie</option> <option value="http://www.adressevoulue3.com/">Endocrinologie</option> <option value="http://www.adressevoulue3.com/">Gastro-entérologie</option> <option value="http://www.adressevoulue3.com/">Gériatrie</option> <option value="http://www.adressevoulue3.com/">Gynéco-obstétrique</option> <option value="http://www.adressevoulue3.com/">Hématologie clinique</option> <option value="http://www.adressevoulue3.com/">Hygiène</option> <option value="http://www.adressevoulue3.com/">Information médicale</option> <option value="http://www.adressevoulue3.com/">Interne</option> <option value="http://www.adressevoulue3.com/">Médecine du travail</option> <option value="http://www.adressevoulue3.com/">Médecine générale</option> <option value="http://www.adressevoulue3.com/">Médecine interne</option> <option value="http://www.adressevoulue3.com/">Médecine physique et de réadaptation</option> <option value="http://www.adressevoulue3.com/">Médecine interne</option> <option value="http://www.adressevoulue3.com/">Médecine-polyvalente</option> <option value="http://www.adressevoulue3.com/">Néphrologie</option> <option value="http://www.adressevoulue3.com/">Neurochirurgie</option> <option value="http://www.adressevoulue3.com/">Neurologie</option> <option value="http://www.adressevoulue3.com/">Oncologie</option> <option value="http://www.adressevoulue3.com/">Ophtalmologie</option> <option value="http://www.adressevoulue3.com/">ORL</option> <option value="http://www.adressevoulue3.com/">Orthopédie-traumatologie</option> <option value="http://www.adressevoulue3.com/">Pédiatrie</option> <option value="http://www.adressevoulue3.com/">Pédo-psychiatrie</option> <option value="http://www.adressevoulue3.com/">Pharmacie</option> <option value="http://www.adressevoulue3.com/">ORL</option> <option value="http://www.adressevoulue3.com/">ORL</option></select> <select style="background-color: black; width: 180px; font-family: Verdana; color: red;" name="ListeUrl" size="1"> <option selected="selected">PARAMEDICAL</option> <option value="http://www.adressevoulue1.com/">Titre 1 du lien</option> <option value="http://www.adressevoulue2.com/">Titre 2 du lien</option> <option value="http://www.adressevoulue3.com/">Titre 3 du lien</option></select> </p>


je vous remercie pour votre aide et vos explications (si possible en ;langage que je peux comprendre; à titre d'indication n'hésitez pas à faire simple car mon niveau est proche du néant

merci encore

Alexandra

Titre: Re:création d'un menu déroulant dynamique
Posté par: webyser le le 19-05-2011 a 22:31:40

Bonjour,

Si j'ai bien compris, tu veux que l'utilisateur choisisses une région dans un menu déroulant puis une profession dans un second menu déroulant et ensuite que des annonces s'affichent en fonction de ces deux paramètres.

Il faut déjà savoir où sont enregistrés ces annonces et comment. Si c'est toi qui compte les gérer il te faudra sûrement une base de données dans laquelle seront enregistrées tes annonces avec les paramètres région et profession.
(ex. id | Région | Profession | Annonce )

Ensuite il faut juste un formulaire avec deux listes déroulantes et un bouton pour envoyer les paramètres à une page qui cherchera dans la base de données les annonces correspondantes.
Pour cela il faut maîtriser un minimum PHP/Mysql.

J'ai pas trop compris ton histoire de menu déroulant dynamique lié à deux autres menus déroulants. Il y a quoi dans ce menu déroulant dynamique ?

N'hésites pas à me contacter pour plus de renseignements


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.