Comment creer ce type de formulaire ?
9 messages
• Page 1 sur 1
-
Marie211 - WRInaute discret
- Messages: 92
- Inscription: 16 Déc 2005
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
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
- netsys
- WRInaute passionné
- Messages: 1111
- Inscription: 17 Juil 2004
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.
Sinon pour éviter de valider et donc de recharger la page tu peux faire ca en Ajax.
-
dd32 - Modérateur
- Messages: 3379
- Inscription: 9 Sep 2005
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
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
- spidetra
- WRInaute passionné
- Messages: 1500
- Inscription: 7 Juil 2003
le Ven Mai 05, 2006 9:31
pour débuter en php/ajax sans ce pendre la tête :
http://www.modernmethod.com/sajax/
http://www.modernmethod.com/sajax/
-
Marie211 - WRInaute discret
- Messages: 92
- Inscription: 16 Déc 2005
Voici le code finalement
le Lun Mai 08, 2006 14:08
voilà ce que j'ai trouvé et ce script est super top en ce qui me concerne !!!
<!-- saved from url=(0022)http://internet.e-mail -->
<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...
<!-- saved from url=(0022)http://internet.e-mail -->
<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...
9 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
- Quel type d'entreprise créer ?
- Créer un site de type wiki?
- Choix du type de page à créer sur Facebook.
- Quelle type de site / entreprise / association créer...
- Créer ses propres DNS type ns1.mondomaine.com
- Créer domaine du type http://www.myspace.com/xxx
- Comment faire pour ce type de redirection ?
- comment réussir ce type d'url rewriting ????
- Comment faire ce type d'image de travers (3D ?)
- Comment gérez-vous vos médias type image ?
- Forum e-commerce sur WebRankInfo - Forum sites marchands - 22-02-2011
- Google Présentations, une sorte de Powerpoint en ligne et gratuit - 18-09-2007
- Yandex Webmaster Tools : tutoriel en français - 25-02-2010
- Apprendre Google Analytics en 60 secondes de vidéo :-) - 08-04-2009
- Moteur de recherche dans les blogs de Google - 24-01-2007
- Comment faire des liens en dur dans son annuaire - 08-11-2004
- Google facilite les recherches par site - 27-01-2004
- Personnalisation et recherche locale sur Google - 13-10-2008
Consultez la description détaillée des produits ou services de Google suivants : Google Custom Search Engine
- Test de redirection
Cet outil vous permet de tester la validité d'un lien pour le référencement. Il vous indique la nature du lien (lien en dur, redirection bien gérée par les moteurs ou redirection mal gérée par les moteurs). - Liste de mots-clés
Cet outil vous permet de créer à partir de quelques mots-clés une liste d'expressions constituées des mots pris dans tous les ordres possibles. Il sert aux analyses de positionnement et achats de mots-clés.
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité
Contact
Confidentialité