Comment creer ce type de formulaire ?

le Jeu Mai 04, 2006 21:11

Bonjour,
Comment creer ce type de formulaire ?

Champs 01 = liste déroulante avec choix entre A>FRANCE et B>BRESIL
Champs 02 = liste déroulante avec un choix mis à jour dans la liste SELON le choix du champs 01
Champs 03 = liste déroulante avec un choix mis à jour dans la liste SELON le choix du champs 02

Puis le bouton envoyer qui envois la demande à un email, cet email dépend du choix fait en CHAMPS 02.

Merci de votre aide
Je sais mettre en place des formulaires basiques, c'est à dire des listes déroulante etc..., mais je ne sais pas le faire avec une mise à jour automatiques des champs selon les choix faite dans les listes antérieurs.

Si vous pouviez au pire, me donner une idée de om me diriger dans mes recherches, car meme formulaire dynamique ne donne rien de potable dans GG

le Jeu Mai 04, 2006 23:31

Tu peux faire un form et un bouton de validation pour chaque champs et suivant ton choix ca met les infos (de ta bd par exemple) dans le champ 02.

Sinon pour éviter de valider et donc de recharger la page tu peux faire ca en Ajax.

le Ven Mai 05, 2006 0:50

Waii ! Ajax powaa !!

http://www.asp-php.net/scripts/asp-php/ajax.php

Sinon un sujet relativement proche pour ta question :
http://www.webrankinfo.com/forums/viewtopic_50353.htm

le Ven Mai 05, 2006 9:31

pour débuter en php/ajax sans ce pendre la tête :
http://www.modernmethod.com/sajax/

le Ven Mai 05, 2006 9:33

yes but you have to speak english :lol:

merci pour le lien spidetra en tous cas :wink:

le Ven Mai 05, 2006 9:42

C'est relativement facile à mettre en oeuvre.
On peut encore faire de l'informatique aujourd'hui sans lire un minimum d'anglais technique ?

le Ven Mai 05, 2006 9:43

ben non bien sûr, j'ai juste de la pure flemme :lol:

le Ven Mai 05, 2006 11:29

regarde ici, je pense que ça va t'aider :

http://www.javascripttoolbox.com/lib/dy ... amples.php

le Lun Mai 08, 2006 14:08

voilà ce que j'ai trouvé et ce script est super top en ce qui me concerne !!!


<HTML><HEAD><TITLE>Menu arborescent en listes déroulantes</TITLE>
<SCRIPT LANGUAGE="JavaScript">
// Script développé par Tout JavaScript.com - http://www.toutjavascript.com

var menu=new CreerMenu(3," **** 1 - Choisir un thème **** "," **** 2 - Choisir un sujet **** "," **** 3 - Choisir un site **** ","titre 4","_blank");
// CreerMenu(Nb de listes, titre1, titre2, titre3, target)
// Nb listes=4 maxi
// Les 4 titres sont obligatoires (meme si Nb_liste<4)
// target=nom de la frame ou "self" si c'est la fenetre elle meme, "_blank" pour une nouvelle
// Pour ajouter les liens dans les listes, utiliser menu.Add
// Menu.Add(numéro de la liste, texte, page à charger)
menu.Add(1,"Internet","");
menu.Add(2,"Création de sites","");
menu.Add(3,"Tout JavaScript.com","http://www.toutjavascript.com");
menu.Add(3,"All HTML","http://www.allhtml.com");
menu.Add(3,"Praktica","http://www.praktica.com");
menu.Add(2,"Graphismes","");
menu.Add(3,"ZoneGifs","http://www.zonegifs.com");
menu.Add(3,"GoGraph","http://fr.gograph.com");
menu.Add(2,"Hébergement","");
menu.Add(3,"Free.fr","http://www.free.fr");
menu.Add(3,"Multimania","http://www.multimania.fr");
menu.Add(3,"Chez","http://www.chez.com");

menu.Add(1,"Matériel","");
menu.Add(2,"Documentation","");
menu.Add(3,"Hardware.fr","http://www.hardware.fr");
menu.Add(3,"Choix PC","http://www.choixpc.com");
menu.Add(3,"VTR Hardware","http://www.vtr-hardware.com");
menu.Add(2,"Enchères","");
menu.Add(3,"IBazar","http://www.ibazar.fr");
menu.Add(3,"Aucland","http://www.aucland.fr");
menu.Add(2,"Fabricants","");
menu.Add(3,"Intel","http://www.intel.fr");
menu.Add(3,"AMD","http://www.amd.com");
menu.Add(3,"Macintosh","http://www.apple.com/fr");

function CreerMenu(profondeur,titre1,titre2,titre3,titre4,target) {
this.nb=0;this.prof=profondeur;
this.titre1=titre1; this.titre2=titre2; this.titre3=titre3; this.titre4=titre4; this.target=target
this.Add=AddObjet;
this.Aff=AffMenu;
}
function AddObjet(deep,txt,page) {
var rub = new Object;
rub.deep=deep;
rub.txt=txt;
rub.page=page;
this[this.nb]=rub;
this.nb++;
}
function AffMenu() {
var Z="<FORM name='mf'>";
Z+="<SELECT size=1 name='list1' onChange='Clic(1)'><OPTION selected>"+this.titre1+"</OPTION>";
for (var i=0;i<this.nb;i++) {
if (this[i].deep==1) {
Z+="<OPTION value='"+i+"'>"+this[i].txt+"</OPTION>"
}
}
Z+="</SELECT>";
for (var i=2;i<=menu.prof;i++) {
Z+="<SELECT name='list"+i+"' onChange='Clic("+i+")'><OPTION>"+eval("menu.titre"+i)+"</OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION></SELECT>";
}
Z+="</FORM>";
document.write(Z);
}
function add() {
var c=new Option("ADD","",true,true);
document.forms[0].elements["list"].options[0]=c;
}
function Clic(no) {
var valeur=document.forms["mf"].elements["list"+no].options[ document.forms["mf"].elements["list"+no].selectedIndex].value;
if ((valeur!="")&&(valeur!=null)&&(no<menu.prof)) {
var deep=menu[valeur].deep;
var no2=1;
for (var noX=(no+1);noX<=menu.prof;noX++) {
document.forms["mf"].elements["list"+eval(noX)].options.length=0;
var titre=eval("menu.titre"+noX);
var c=new Option(titre);
document.forms["mf"].elements["list"+(noX)].options[0]=c;
document.forms["mf"].elements["list"+(noX)].selectedIndex=0;
}
valeur++;
for (var i=valeur;i<menu.nb;i++) {
//alert(i);
if (menu[i].deep==deep+1) {
//alert("no="+no+" texte="+menu[i].txt);
var c=new Option(menu[i].txt,i);
document.forms["mf"].elements["list"+(no+1)].options[no2]=c;
no2++;
} else { if (menu[i].deep==deep){i=menu.nb;}}
}
document.forms["mf"].elements["list"+(no+1)].options.length=no2+1;
document.forms["mf"].elements["list"+(no+1)].selectedIndex=0;
Clic(no+1)
valeur--;
}
if ((valeur!="")&&(valeur!=null)) {
var page=menu[valeur].page;
if ((page!="")&&(page!=null)) {
if (menu.target=="self") {window.location=page}
else if (menu.target=="_blank") {window.open(page,"","menubar,scrollbars,toolbar,status,location")}
else {parent.frames[menu.target].location.href=page;}
}
}
}
// Fonctions destinées à afficher l'arborescence du menu
function space(i) {var Z="";for (var j=0;j<i;j++){Z+="    ";}return Z}
function Arbo(m) {
var Z="<BR>";
for (var i=0;i<m.nb;i++) {
Z+=space(m[i].deep)+m[i].txt+"   <A href='"+m[i].page+"'>"+m[i].page+"</A><BR>"
}
document.write(Z);
}
// Section utile pour la démonstration

</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" >
<FONT FACE="Arial" SIZE='-1' COLOR="#000099">

<CENTER><BIG>Menu arborescent par listes déroulantes </BIG></CENTER>
<BR>

<SCRIPT language="JavaScript">
menu.Aff();
</SCRIPT>

Ce menu permet de placer énormément de liens en occupant un espace très limité sur la page.<BR>
Le principe est d'afficher dans les listes une sélection de plus en plus fine selon les choix faits dans les listes en amont.<BR>
Il est possible de définir jusqu'à 4 niveaux de listes.<BR>
Vous pouvez utiliser ce menu avec ou sans frames.<BR>
<BR>
Pour information, voici l'arborescence du menu complet :<BR>
<SCRIPT language="JavaScript">
// A supprimer : permet d'afficher sous forme de texte la liste complète des liens du menu
Arbo(menu);
</SCRIPT>

<BR>
</FONT></BODY></HTML>

source du site dans le code !!! et le site n'est pas a moi ni a une connaissance, il est juste utile...

Comment creer ce type de formulaire ?

Comment creer ce type de formulaire ?

Voici le code finalement

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne