Partage

Formulaire intéractif

Sujet résolu

15 décembre 2009 à 12:34:29

Bonjour,

Après avoir fait quelques recherches, qui se sont toutes avérées infructueuses, je me tourne vers vous pour parvenir à mes fins.

Alors voila, j'ai été chargé de créer un formulaire pour mon entreprise.
Ce formulaire permettra de nommer des équipements informatiques de manière intuitive, tout en suivant une "convention".

J'ai codé ce formulaire, sans me soucier d'une condition qui me pose problème maintenant.

Commençons par le formulaire

<html>
    <head>
        <title>Convention de dénomination</title>
    </head>
<body>
<h2><center>Convention de dénomination</center></h2>
<form name="Convention" method="post" action="cible.php">

Cette page va vous permettre de déterminer le nom d'un équipement en suivant la convention de 

dénomination.
<br/> <br/> <br/> 
Veuillez choisir le type de matériel parmi la liste suivante<br /><br />
<select name="type">
    <option value="S">Server</option>
    <option value="D">Desktop</option>
    <option value="L">Laptop</option>
    <option value="T">Tape System</option>
    <option value="K">Disk System</option>
    <option value="C">Network or SAN switch</option>
    <option value="R">Routeur</option>
    <option value="M">Modem</option>
    <option value="H">Handheld</option>
    <option value="E">Wired telephone</option>
    <option value="P">Printer / Plotter / Printserver</option>
    <option value="X">Other type of device</option>
</select>
<br /><br />
Veuillez choisir la localisation selon la norme ISO 3166-1-alpha-2 code :
<br /><br />
<select name="ISO">
<option value="AF">AFGHANISTAN </option>
<option value="AX">ÅLAND ISLANDS</option>
<option value="AL">ALBANIA</option>
<option value="DZ">ALGERIA</option>
<option value="AS">AMERICAN SAMOA</option>
</select>	
<br /><br />
Veuillez choisir l'emplacement géographique :
<br /><br />
<select name="Location">
    <option value="HQ">Head quarter</option>
    <option value="DT">DataCenter</option>
    <option value="MO">Mobile device</option>
    <option value="B2">B2S</option>
    <option value="BG">BGS</option>
    <option value="CE">Centre Est ( DR Lyon )</option>
    <option value="WE">Grand Ouest ( DR Rennes )</option>
    <option value="IN">Ile de France et Nord Est</option>
    <option value="MD">Méditerranée ( DR Marseille )</option>
    <option value="SW">Sud Ouest ( DR Bordeaux )</option>
    <option value="OV">Dom-Tom</option>
</select>
<br /><br />
Veuillez choisir l'emplacement sur le réseau
<br /><br />
<select name="Network_Location">
    <option value="C">Common Production LAN</option>
    <option value="S">Secure DMZ production LAN</option>
    <option value="V">Developpement LAN</option>
    <option value="Z">Secure DMZ developpement LAN</option>
    <option value="U">User LAN</option>
    <option value="M">Multiple LANs</option>
    <option value="B">Mobile device</option>
</select>
<br /><br />
Veuillez choisir le type d'application ou de fonction
<br /><br />
<select name="Application">
    <option value="APP">Application Server</option>
    <option value="DTA">Database Server</option>
    <option value="DBC">Database cluster member node</option>
    <option value="ADC">Windows Domain controller</option>
    <option value="FLS">Fileserver</option>
    <option value="PRS">Presentation Server</option>
    <option value="WEB">Web Server</option>
    <option value="MON">Monitoring server</option>
    <option value="OTH">Other</option>
</select>
<br /><br />
Veuillez indiquer le numéro du matériel ( 001 - 099 )
<br /><br />
<select name="Ordering">
    <option value="001">001</option>
    <option value="002">002</option>
    <option value="003">003</option>
    <option value="004">004</option>
    <option value="005">005</option>
</select>
<br /><br />
<input type="submit" name="valid" value="Envoyer !" />
<br />
</form>
    </body>
</html>

Donc voila. Dans le premier <select> ( nommé "type" ) il y a plusieurs possibilités.

Il se trouve que lorsque l'utilisateur choisit dans la liste : Desktop ( "D" ) il faudrait que la suite du formulaire change.

Je me suis renseigner, mais il se trouve que mes notions en JavaScript sont ridicules, et que je n'arrive pas a trouver une solution qui me permettrait de faire fonctionner le tout.

Merci pour l'aide que vous m'apporterez.

skuti

15 décembre 2009 à 12:49:53

Je pense qu'il faudrais faire un tableau associatif.
Tu pourrais aisin afficher tout quand rien est selectioné sinon tu affiche les correspondance

$2b||!$2b

Tene

15 décembre 2009 à 13:54:58

Peut être, mais comment ?

J'ai remarqué que peut être une solution utilisant :
style.display="none" | "inline" pourrait être intéressante pour ce que j'essaie de faire, mais malheureusement je ne trouve pas comment.

skuti

15 décembre 2009 à 15:26:25

Recherche deja sur internet comment modifier les select via javascript. Ensuite montre moi ton nouveau code.

$2b||!$2b

linvi

15 décembre 2009 à 15:59:03

Ce qui faudrait que tu fasse c'est mettre des id sur tout tes select.
Voici un petit code, qui affiche un div quand D est selectionne et qui le cache sinon:

<body>
<div style="display:none;" id="desktop_D">
	Je m'affiche si D est selectionne!
</div>
<script type="text/javascript">
	function change()
	{
		if (document.getElementById('select_desktop').value == 'D')
			document.getElementById('desktop_D').style.display = 'block';
		else
			document.getElementById('desktop_D').style.display = 'none';
	}
</script>
<select id="select_desktop" onchange="change();">
    <option value="C">C</option>
    <option value="D">Desktop</option>
</select>	
</body>

Tene

15 décembre 2009 à 17:23:13

linvi =>

C'est a peut près cela que je cherche, a la seule différence que ca serait plus dans l'autre sens
J'entends par la que la suite du formulaire s'afficherait vers le bas . Mais bon je pense que c'est le même principe !

Ou à la limite ce que je pensais faire c'est un truc du genre :

Le 1er select , si je choisis Desktop , le 2eme select serait pas le même que si je choisis une autre possibilité.

Sur le code que j'ai mi dans mon 1er post, c'est en gros le formulaire dit " de base " ( en gros , tout les équipement suivent cette convention a part pour :
D => Desktop
L
H
E
P
et X qui eux, suivent la une autre convention .

Je vais me pencher dessus ce soir et demain, j'espère que vous pourrez m'aider !

Merci en tout cas !

skuti

15 décembre 2009 à 18:33:43

Bon alors essaye de voir si tu peu caché les options en leur mettant des id.

$2b||!$2b

linvi

15 décembre 2009 à 20:20:18

Je pense qu'il doit etre possible de "cacher" des options, mais je ne ferais pas comme cela.
J'ai fait ce que je pense que tu attends, cadeau de la maison

<body>
<script type="text/javascript">
	function change()
	{
		var select_1 = document.getElementById('select_item');
		var opt2 = document.getElementById('options2');
		if (select_1.value == 'server')
			var elt = document.getElementById('server');
		if (select_1.value == 'desktop')
			var elt = document.getElementById('desktop');
		for (var i = 0; i < opt2.childNodes.length; ++i)
			if (opt2.childNodes[i].style)
				if (opt2.childNodes[i] != elt)
					opt2.childNodes[i].style.display = 'none';
				else
					opt2.childNodes[i].style.display = 'block';
			
	}
</script>
<select id="select_item" onchange="change();">
    <option value="">Select an option</option>
    <option value="server">Server</option>
    <option value="desktop">Desktop</option>
</select>	
<div id="options2">
	<div style="display:none;" id="server">
		<p>
		Voici les options pour le server
		</p>
		<select id="select_sever" onchange="change();">
			<option value="opt1">Option 1 pour server</option>
			<option value="opt2">Option 2 pour server</option>
		</select>	
	</div>
	<div style="display:none;" id="desktop">
		<p>
		Voici les options pour le desktop:
		</p>
		<select id="select_desktop" onchange="change();">
			<option value="opt1">Option 1 pour desktop</option>
			<option value="opt2">Option 2 pour desktop</option>
		</select>	
	</div>
</div>
<script type="text/javascript">
	change();
</script>
</body>

Je te laisse l'adapter a tes besoins

Tene

16 décembre 2009 à 10:26:36

Merci linvi, je vais adapter tout ca !

Merci encore

Par contre, j'ai une question peut être bête...

Dans ce que j'ai codé à la base, les selects ont des "name" qui permet via le bouton envoyer à la fin, de récupérer les valeurs pour enfin afficher le nom complet de l'équipement sur une autre page.

Est-ce toujours possible de cette manière ?

Edit :

Voila, j'ai changé le code de linvi, mais maintenant, j'ai un petit soucis !

Déja , voici mon code :

<head>
        <title>Convention de dénomination</title>
        
    </head>

<body>

<h2><center>Convention de dénomination</center></h2>
<script type="text/javascript">
	function change()
	{
		var select_1 = document.getElementById('type');
		var opt2 = document.getElementById('options2');
		if (select_1.value == 'S' || select_1.value == 'T' || select_1.value == 'K' || 

select_1.value == 'C' || select_1.value == 'R' || select_1.value == 'M' )
			var elt = document.getElementById('S');
		if (select_1.value == 'D' || select_1.value == 'L' || select_1.value == 'H' || 

select_1.value == 'E' || select_1.value == 'P' || select_1.value == 'X')
			var elt = document.getElementById('D');
		for (var i = 0; i < opt2.childNodes.length; ++i)
			if (opt2.childNodes[i].style)
				if (opt2.childNodes[i] != elt)
					opt2.childNodes[i].style.display = 'none';
				else
					opt2.childNodes[i].style.display = 'block';
			
	}
</script>


<br />
Cette page va vous permettre de déterminer le nom d'un équipement en suivant la convention de 

dénomination.
<br /><br />

<form method="post" action="cible.php">
<select name ="type" id="type" onchange="change();">
    <option value="">Select an option</option>
    <option value="S">Server</option>
    <option value="D">Desktop</option>
    <option value="L">Laptop</option>
    <option value="T">Tape System</option>
    <option value="K">Disk System</option>
    <option value="C">Network or SAN switch</option>
    <option value="R">Routeur</option>
    <option value="M">Modem</option>
    <option value="H">Handheld</option>
    <option value="E">Wired telephone</option>
    <option value="P">Printer / Plotter / Printserver</option>
    <option value="X">Other type of device</option>
</select>	
<div id="options2">
	<div style="display:none;" id="S">
		<p>
		Voici les options pour le server
		</p>
		<select name="ISO1" id="select_sever" onchange="change();">
			<option value="AF">AFGHANISTAN </option>
			<option value="AX">ÅLAND ISLANDS</option>
			<option value="AL">ALBANIA</option>
			<option value="DZ">ALGERIA</option>
			<option value="AS">AMERICAN SAMOA</option>
			<option value="AD">ANDORRA</option>
			<option value="AO">ANGOLA</option>
			<option value="AI">ANGUILLA</option>
			<option value="AQ">ANTARCTICA</option>
			<option value="AG">ANTIGUA AND BARBUDA</option>
			<option value="AR">ARGENTINA</option>
			<option value="AM">ARMENIA</option>
			<option value="AW">ARUBA</option>
			<option value="AU">AUSTRALIA</option>
			<option value="AT">AUSTRIA</option>
			<option value="AZ">AZERBAIJAN</option>
			<option value="BS">BAHAMAS</option>
			<option value="BH">BAHRAIN</option>
			<option value="BD">BANGLADESH</option>
			<option value="BB">BARBADOS</option>
			<option value="BY">BELARUS</option>
			<option value="BE">BELGIUM</option>
			<option value="BZ">BELIZE</option>
			<option value="BJ">BENIN</option>
			<option value="BM">BERMUDA</option>
			<option value="BT">BHUTAN</option>
			<option value="BO">BOLIVIA, PLURINATIONAL STATE OF</option>
			<option value="BA">BOSNIA AND HERZEGOVINA</option>
			<option value="BW">BOTSWANA</option>
			<option value="BV">BOUVET ISLAND</option>
			<option value="BR">BRAZIL</option>
			<option value="IO">BRITISH INDIAN OCEAN TERRITORY</option>
			<option value="BN">BRUNEI DARUSSALAM</option>
			<option value="BG">BULGARIA</option>
			<option value="BF">BURKINA FASO</option>
			<option value="BI">BURUNDI</option>
			<option value="KH">CAMBODIA</option>
			<option value="CM">CAMEROON</option>
			<option value="CA">CANADA</option>
			<option value="CV">CAPE VERDE</option>
			<option value="KY">CAYMAN ISLANDS</option>
			<option value="CF">CENTRAL AFRICAN REPUBLIC</option>
			<option value="TD">CHAD</option>
			<option value="CL">CHILE</option>
			<option value="CN">CHINA</option>
			<option value="CX">CHRISTMAS ISLAND</option>
			<option value="CC">COCOS (KEELING) ISLANDS</option>
			<option value="CO">COLOMBIA</option>
			<option value="KM">COMOROS</option>
			<option value="CG">CONGO</option>
			<option value="CD">CONGO, THE DEMOCRATIC REPUBLIC OF THE</option>
			<option value="CK">COOK ISLANDS</option>
			<option value="CR">COSTA RICA</option>
			<option value="CI">CÔTE D'IVOIRE</option>
			<option value="HR">CROATIA</option>
			<option value="CU">CUBA</option>
			<option value="CY">CYPRUS</option>
			<option value="CZ">CZECH REPUBLIC</option>
			<option value="DK">DENMARK</option>
			<option value="DJ">DJIBOUTI</option>
			<option value="DM">DOMINICA</option>
			<option value="DO">DOMINICAN REPUBLIC</option>
			<option value="EC">ECUADOR</option>
			<option value="EG">EGYPT</option>
			<option value="EA">EMEA</option>
			<option value="SV">EL SALVADOR</option>
			<option value="GQ">EQUATORIAL GUINEA</option>
			<option value="ER">ERITREA</option>
			<option value="EE">ESTONIA</option>
			<option value="ET">ETHIOPIA</option>
			<option value="FK">FALKLAND ISLANDS (MALVINAS)</option>
			<option value="FO">FAROE ISLANDS</option>
			<option value="FJ">FIJI</option>
			<option value="FI">FINLAND</option>
			<option value="FR">FRANCE</option>
			<option value="GF">FRENCH GUIANA</option>
			<option value="PF">FRENCH POLYNESIA</option>
			<option value="TF">FRENCH SOUTHERN TERRITORIES</option>
			<option value="GA">GABON</option>
			<option value="GM">GAMBIA</option>
			<option value="GE">GEORGIA</option>	
			<option value="DE">GERMANY</option>
			<option value="GH">GHANA</option>
			<option value="GI">GIBRALTAR</option>
			<option value="GR">GREECE</option>
			<option value="GL">GREENLAND</option>
			<option value="GD">GRENADA</option>
			<option value="GP">GUADELOUPE</option>
			<option value="GU">GUAM</option>
			<option value="GT">GUATEMALA</option>
			<option value="GG">GUERNSEY</option>
			<option value="GN">GUINEA</option>
			<option value="GW">GUINEA-BISSAU</option>
			<option value="GY">GUYANA</option>
			<option value="HT">HAITI</option>
			<option value="HM">HEARD ISLAND AND MCDONALD ISLANDS</option>
			<option value="VA">HOLY SEE (VATICAN CITY STATE)</option>
			<option value="HN">HONDURAS</option>
			<option value="HK">HONG KONG</option>
			<option value="HU">HUNGARY</option>
			<option value="IS">ICELAND</option>
			<option value="IN">INDIA</option>
			<option value="ID">INDONESIA</option>
			<option value="IR">IRAN, ISLAMIC REPUBLIC OF</option>
			<option value="IQ">IRAQ</option>
			<option value="IE">IRELAND</option>
			<option value="IM">ISLE OF MAN</option>
			<option value="IL">ISRAEL</option>
			<option value="IT">ITALY</option>
			<option value="JM">JAMAICA</option>
			<option value="JP">JAPAN</option>
			<option value="JE">JERSEY</option>
			<option value="JO">JORDAN</option>
			<option value="KZ">KAZAKHSTAN</option>
			<option value="KE">KENYA</option>
			<option value="KI">KIRIBATI</option>
			<option value="KP">KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF</option>
			<option value="KR">KOREA, REPUBLIC OF</option>
			<option value="KW">KUWAIT</option>
			<option value="KG">KYRGYZSTAN</option>
			<option value="LA">LAO PEOPLE'S DEMOCRATIC REPUBLIC</option>
			<option value="LV">LATVIA</option>
			<option value="LB">LEBANON</option>
			<option value="LS">LESOTHO</option>
			<option value="LR">LIBERIA</option>
			<option value="LY">LIBYAN ARAB JAMAHIRIYA</option>
			<option value="LI">LIECHTENSTEIN</option>
			<option value="LT">LITHUANIA</option>
			<option value="LU">LUXEMBOURG</option>
			<option value="MO">MACAO</option>
			<option value="MK">MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF</option>
			<option value="MG">MADAGASCAR</option>
			<option value="MW">MALAWI</option>
			<option value="MY">MALAYSIA</option>
			<option value="MV">MALDIVES</option>
			<option value="ML">MALI</option>
			<option value="MT">MALTA</option>
			<option value="MH">MARSHALL ISLANDS</option>
			<option value="MQ">MARTINIQUE</option>
			<option value="MR">MAURITANIA</option>
			<option value="MU">MAURITIUS</option>
			<option value="YT">MAYOTTE</option>
			<option value="MX">MEXICO</option>
			<option value="FM">MICRONESIA, FEDERATED STATES OF</option>
			<option value="MD">MOLDOVA, REPUBLIC OF</option>
			<option value="MC">MONACO</option>
			<option value="MN">MONGOLIA</option>
			<option value="ME">MONTENEGRO</option>
			<option value="MS">MONTSERRAT</option>
			<option value="MA">MOROCCO</option>
			<option value="MZ">MOZAMBIQUE</option>
			<option value="MM">MYANMAR</option>
			<option value="NA">NAMIBIA</option>
			<option value="NR">NAURU</option>
			<option value="NP">NEPAL</option>
			<option value="NL">NETHERLANDS</option>
			<option value="AN">NETHERLANDS ANTILLES</option>
			<option value="NC">NEW CALEDONIA</option>
			<option value="NZ">NEW ZEALAND</option>
			<option value="NI">NICARAGUA</option>
			<option value="NE">NIGER</option>
			<option value="NG">NIGERIA</option>
			<option value="NU">NIUE</option>
			<option value="NF">NORFOLK ISLAND</option>
			<option value="MP">NORTHERN MARIANA ISLANDS</option>
			<option value="NO">NORWAY</option>
			<option value="OM">OMAN</option>
			<option value="PK">PAKISTAN</option>
			<option value="PW">PALAU</option>
			<option value="PS">PALESTINIAN TERRITORY, OCCUPIED</option>
			<option value="PA">PANAMA</option>
			<option value="PG">PAPUA NEW GUINEA</option>
			<option value="PY">PARAGUAY</option>
			<option value="PE">PERU</option>
			<option value="PH">PHILIPPINES</option>
			<option value="PN">PITCAIRN</option>
			<option value="PL">POLAND</option>
			<option value="PT">PORTUGAL</option>
			<option value="PR">PUERTO RICO</option>
			<option value="QA">QATAR</option>
			<option value="RE">RÉUNION</option>
			<option value="RO">ROMANIA</option>
			<option value="RU">RUSSIAN FEDERATION</option>
			<option value="RW">RWANDA</option>
			<option value="BL">SAINT BARTHÉLEMY</option>
			<option value="SH">SAINT HELENA</option>
			<option value="KN">SAINT KITTS AND NEVIS</option>
			<option value="LC">SAINT LUCIA</option>
			<option value="MF">SAINT MARTIN</option>
			<option value="PM">SAINT PIERRE AND MIQUELON</option>
			<option value="VC">SAINT VINCENT AND THE GRENADINES</option>
			<option value="WS">SAMOA</option>
			<option value="SM">SAN MARINO</option>
			<option value="ST">SAO TOME AND PRINCIPE</option>
			<option value="SA">SAUDI ARABIA</option>
			<option value="SN">SENEGAL</option>
			<option value="RS">SERBIA</option>
			<option value="SC">SEYCHELLES</option>
			<option value="SL">SIERRA LEONE</option>
			<option value="SG">SINGAPORE</option>
			<option value="SK">SLOVAKIA</option>
			<option value="SI">SLOVENIA</option>
			<option value="SB">SOLOMON ISLANDS</option>
			<option value="SO">SOMALIA</option>
			<option value="ZA">SOUTH AFRICA</option>
			<option value="GS">SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS</option>
			<option value="ES">SPAIN</option>
			<option value="LK">SRI LANKA</option>
			<option value="SD">SUDAN</option>
			<option value="SR">SURINAME</option>
			<option value="SJ">SVALBARD AND JAN MAYEN</option>
			<option value="SZ">SWAZILAND</option>
			<option value="SE">SWEDEN</option>
			<option value="CH">SWITZERLAND</option>
			<option value="SY">SYRIAN ARAB REPUBLIC</option>
			<option value="TW">TAIWAN, PROVINCE OF CHINA</option>
			<option value="TJ">TAJIKISTAN</option>
			<option value="TZ">TANZANIA, UNITED REPUBLIC OF</option>
			<option value="TH">THAILAND</option>
			<option value="TL">TIMOR-LESTE</option>
			<option value="TG">TOGO</option>
			<option value="TK">TOKELAU</option>
			<option value="TO">TONGA</option>
			<option value="TT">TRINIDAD AND TOBAGO</option>
			<option value="TN">TUNISIA</option>
			<option value="TR">TURKEY</option>
			<option value="TM">TURKMENISTAN</option>
			<option value="TC">TURKS AND CAICOS ISLANDS</option>
			<option value="TV">TUVALU</option>
			<option value="UG">UGANDA</option>
			<option value="UA">UKRAINE</option>
			<option value="AE">UNITED ARAB EMIRATES</option>
			<option value="GB">UNITED KINGDOM</option>
			<option value="US">UNITED STATES</option>
			<option value="UM">UNITED STATES MINOR OUTLYING ISLANDS</option>
			<option value="UY">URUGUAY</option>
			<option value="UZ">UZBEKISTAN</option>
			<option value="VU">VANUATU</option>
			<option value="VE">VENEZUELA, BOLIVARIAN REPUBLIC OF</option>
			<option value="VN">VIET NAM</option>
			<option value="VG">VIRGIN ISLANDS, BRITISH</option>
			<option value="VI">VIRGIN ISLANDS, U.S.</option>
			<option value="WF">WALLIS AND FUTUNA</option>
			<option value="EH">WESTERN SAHARA</option>
			<option value="YE">YEMEN</option>
			<option value="ZM">ZAMBIA</option>
			<option value="ZW">ZIMBABWE </option>
		</select>

		<p>
		Veuillez choisir l'emplacement géographique :
		<p>

<select name="Location" id="select_desktop" onchange="change();">
    <option value="HQ">Head quarter</option>
    <option value="DT">DataCenter</option>
    <option value="MO">Mobile device</option>
    <option value="B2">B2S</option>
    <option value="BG">BGS</option>
    <option value="CE">Centre Est ( DR Lyon )</option>
    <option value="WE">Grand Ouest ( DR Rennes )</option>
    <option value="IN">Ile de France et Nord Est</option>
    <option value="MD">Méditerranée ( DR Marseille )</option>
    <option value="SW">Sud Ouest ( DR Bordeaux )</option>
    <option value="OV">Dom-Tom</option>
</select>

<p>
Veuillez choisir l'emplacement sur le réseau
<p>
<select name="Network_Location" id="select_desktop" onchange="change();">
    <option value="C">Common Production LAN</option>
    <option value="S">Secure DMZ production LAN</option>
    <option value="V">Developpement LAN</option>
    <option value="Z">Secure DMZ developpement LAN</option>
    <option value="U">User LAN</option>
    <option value="M">Multiple LANs</option>
    <option value="B">Mobile device</option>
</select>
<p>
Veuillez choisir le type d'application ou de fonction :

<p>

<select name="Application" id="select_desktop" onchange="change();">
    <option value="APP">Application Server</option>
    <option value="DTA">Database Server</option>
    <option value="DBC">Database cluster member node</option>
    <option value="ADC">Windows Domain controller</option>
    <option value="FLS">Fileserver</option>
    <option value="PRS">Presentation Server</option>
    <option value="WEB">Web Server</option>
    <option value="MON">Monitoring server</option>
    <option value="OTH">Other</option>
</select>
<p>
Veuillez indiquer le numéro du matériel ( 001 - 099 ) : 
<p>
<select name="Ordering" id="select_desktop" onchange="change();">
    <option value="001">001</option>
    <option value="002">002</option>
    <option value="003">003</option>
    <option value="004">004</option>
    <option value="005">005</option>
    <option value="006">006</option>
    <option value="007">007</option>
    <option value="008">008</option>
    <option value="009">009</option>
    <option value="010">010</option>
    <option value="011">011</option>
    <option value="012">012</option>
    <option value="013">013</option>
    <option value="014">014</option>
    <option value="015">015</option>
    <option value="016">016</option>
    <option value="017">017</option>
    <option value="018">018</option>
    <option value="019">019</option>
    <option value="020">020</option>
    <option value="021">021</option>
    <option value="022">022</option>
    <option value="023">023</option>
    <option value="024">024</option>
    <option value="025">025</option>
    <option value="026">026</option>
    <option value="027">027</option>
    <option value="028">028</option>
    <option value="029">029</option>
    <option value="030">030</option>
    <option value="031">031</option>
    <option value="032">032</option>
    <option value="033">033</option>
    <option value="034">034</option>
    <option value="035">035</option>
    <option value="036">036</option>
    <option value="037">037</option>
    <option value="038">038</option>
    <option value="039">039</option>
    <option value="040">040</option>
    <option value="041">041</option>
    <option value="042">042</option>
    <option value="043">043</option>
    <option value="044">044</option>
    <option value="045">045</option>
    <option value="046">046</option>
    <option value="047">047</option>
    <option value="048">048</option>
    <option value="049">049</option>
    <option value="050">050</option>
    <option value="051">051</option>
    <option value="052">052</option>
    <option value="053">053</option>
    <option value="054">054</option>
    <option value="055">055</option>
    <option value="056">056</option>
    <option value="057">057</option>
    <option value="058">058</option>
    <option value="059">059</option>
    <option value="060">060</option>
    <option value="061">061</option>
    <option value="062">062</option>
    <option value="063">063</option>
    <option value="064">064</option>
    <option value="065">065</option>
    <option value="066">066</option>
    <option value="067">067</option>
    <option value="068">068</option>
    <option value="069">069</option>
    <option value="070">070</option>
    <option value="071">071</option>
    <option value="072">072</option>
    <option value="073">073</option>
    <option value="074">074</option>
    <option value="075">075</option>
    <option value="076">076</option>
    <option value="077">077</option>
    <option value="078">078</option>
    <option value="079">079</option>
    <option value="080">080</option>
    <option value="081">081</option>
    <option value="082">082</option>
    <option value="083">083</option>
    <option value="084">084</option>
    <option value="085">085</option>
    <option value="086">086</option>
    <option value="087">087</option>
    <option value="088">088</option>
    <option value="089">089</option>
    <option value="090">090</option>
    <option value="091">091</option>
    <option value="092">092</option>
    <option value="093">093</option>
    <option value="094">094</option>
    <option value="095">095</option>
    <option value="096">096</option>
    <option value="097">097</option>
    <option value="098">098</option>
    <option value="099">099</option>
</select>

<p>

<input type="submit" name="valid" value="Envoyer !" />
	
	</div>

	<div style="display:none;" id="D">
		<p>
		Veuillez choisir la localisation selon la norme ISO 3166-1-alpha-2 code :
		</p>
		<select name="ISO2" id="select_desktop" onchange="change();">
			<option value="AF">AFGHANISTAN </option>
			<option value="AX">ÅLAND ISLANDS</option>
			<option value="AL">ALBANIA</option>
			<option value="DZ">ALGERIA</option>
			<option value="AS">AMERICAN SAMOA</option>
			<option value="AD">ANDORRA</option>
			<option value="AO">ANGOLA</option>
			<option value="AI">ANGUILLA</option>
			<option value="AQ">ANTARCTICA</option>
			<option value="AG">ANTIGUA AND BARBUDA</option>
			<option value="AR">ARGENTINA</option>
			<option value="AM">ARMENIA</option>
			<option value="AW">ARUBA</option>
			<option value="AU">AUSTRALIA</option>
			<option value="AT">AUSTRIA</option>
			<option value="AZ">AZERBAIJAN</option>
			<option value="BS">BAHAMAS</option>
			<option value="BH">BAHRAIN</option>
			<option value="BD">BANGLADESH</option>
			<option value="BB">BARBADOS</option>
			<option value="BY">BELARUS</option>
			<option value="BE">BELGIUM</option>
			<option value="BZ">BELIZE</option>
			<option value="BJ">BENIN</option>
			<option value="BM">BERMUDA</option>
			<option value="BT">BHUTAN</option>
			<option value="BO">BOLIVIA, PLURINATIONAL STATE OF</option>
			<option value="BA">BOSNIA AND HERZEGOVINA</option>
			<option value="BW">BOTSWANA</option>
			<option value="BV">BOUVET ISLAND</option>
			<option value="BR">BRAZIL</option>
			<option value="IO">BRITISH INDIAN OCEAN TERRITORY</option>
			<option value="BN">BRUNEI DARUSSALAM</option>
			<option value="BG">BULGARIA</option>
			<option value="BF">BURKINA FASO</option>
			<option value="BI">BURUNDI</option>
			<option value="KH">CAMBODIA</option>
			<option value="CM">CAMEROON</option>
			<option value="CA">CANADA</option>
			<option value="CV">CAPE VERDE</option>
			<option value="KY">CAYMAN ISLANDS</option>
			<option value="CF">CENTRAL AFRICAN REPUBLIC</option>
			<option value="TD">CHAD</option>
			<option value="CL">CHILE</option>
			<option value="CN">CHINA</option>
			<option value="CX">CHRISTMAS ISLAND</option>
			<option value="CC">COCOS (KEELING) ISLANDS</option>
			<option value="CO">COLOMBIA</option>
			<option value="KM">COMOROS</option>
			<option value="CG">CONGO</option>
			<option value="CD">CONGO, THE DEMOCRATIC REPUBLIC OF THE</option>
			<option value="CK">COOK ISLANDS</option>
			<option value="CR">COSTA RICA</option>
			<option value="CI">CÔTE D'IVOIRE</option>
			<option value="HR">CROATIA</option>
			<option value="CU">CUBA</option>
			<option value="CY">CYPRUS</option>
			<option value="CZ">CZECH REPUBLIC</option>
			<option value="DK">DENMARK</option>
			<option value="DJ">DJIBOUTI</option>
			<option value="DM">DOMINICA</option>
			<option value="DO">DOMINICAN REPUBLIC</option>
			<option value="EC">ECUADOR</option>
			<option value="EG">EGYPT</option>
			<option value="EA">EMEA</option>
			<option value="SV">EL SALVADOR</option>
			<option value="GQ">EQUATORIAL GUINEA</option>
			<option value="ER">ERITREA</option>
			<option value="EE">ESTONIA</option>
			<option value="ET">ETHIOPIA</option>
			<option value="FK">FALKLAND ISLANDS (MALVINAS)</option>
			<option value="FO">FAROE ISLANDS</option>
			<option value="FJ">FIJI</option>
			<option value="FI">FINLAND</option>
			<option value="FR">FRANCE</option>
			<option value="GF">FRENCH GUIANA</option>
			<option value="PF">FRENCH POLYNESIA</option>
			<option value="TF">FRENCH SOUTHERN TERRITORIES</option>
			<option value="GA">GABON</option>
			<option value="GM">GAMBIA</option>
			<option value="GE">GEORGIA</option>	
			<option value="DE">GERMANY</option>
			<option value="GH">GHANA</option>
			<option value="GI">GIBRALTAR</option>
			<option value="GR">GREECE</option>
			<option value="GL">GREENLAND</option>
			<option value="GD">GRENADA</option>
			<option value="GP">GUADELOUPE</option>
			<option value="GU">GUAM</option>
			<option value="GT">GUATEMALA</option>
			<option value="GG">GUERNSEY</option>
			<option value="GN">GUINEA</option>
			<option value="GW">GUINEA-BISSAU</option>
			<option value="GY">GUYANA</option>
			<option value="HT">HAITI</option>
			<option value="HM">HEARD ISLAND AND MCDONALD ISLANDS</option>
			<option value="VA">HOLY SEE (VATICAN CITY STATE)</option>
			<option value="HN">HONDURAS</option>
			<option value="HK">HONG KONG</option>
			<option value="HU">HUNGARY</option>
			<option value="IS">ICELAND</option>
			<option value="IN">INDIA</option>
			<option value="ID">INDONESIA</option>
			<option value="IR">IRAN, ISLAMIC REPUBLIC OF</option>
			<option value="IQ">IRAQ</option>
			<option value="IE">IRELAND</option>
			<option value="IM">ISLE OF MAN</option>
			<option value="IL">ISRAEL</option>
			<option value="IT">ITALY</option>
			<option value="JM">JAMAICA</option>
			<option value="JP">JAPAN</option>
			<option value="JE">JERSEY</option>
			<option value="JO">JORDAN</option>
			<option value="KZ">KAZAKHSTAN</option>
			<option value="KE">KENYA</option>
			<option value="KI">KIRIBATI</option>
			<option value="KP">KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF</option>
			<option value="KR">KOREA, REPUBLIC OF</option>
			<option value="KW">KUWAIT</option>
			<option value="KG">KYRGYZSTAN</option>
			<option value="LA">LAO PEOPLE'S DEMOCRATIC REPUBLIC</option>
			<option value="LV">LATVIA</option>
			<option value="LB">LEBANON</option>
			<option value="LS">LESOTHO</option>
			<option value="LR">LIBERIA</option>
			<option value="LY">LIBYAN ARAB JAMAHIRIYA</option>
			<option value="LI">LIECHTENSTEIN</option>
			<option value="LT">LITHUANIA</option>
			<option value="LU">LUXEMBOURG</option>
			<option value="MO">MACAO</option>
			<option value="MK">MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF</option>
			<option value="MG">MADAGASCAR</option>
			<option value="MW">MALAWI</option>
			<option value="MY">MALAYSIA</option>
			<option value="MV">MALDIVES</option>
			<option value="ML">MALI</option>
			<option value="MT">MALTA</option>
			<option value="MH">MARSHALL ISLANDS</option>
			<option value="MQ">MARTINIQUE</option>
			<option value="MR">MAURITANIA</option>
			<option value="MU">MAURITIUS</option>
			<option value="YT">MAYOTTE</option>
			<option value="MX">MEXICO</option>
			<option value="FM">MICRONESIA, FEDERATED STATES OF</option>
			<option value="MD">MOLDOVA, REPUBLIC OF</option>
			<option value="MC">MONACO</option>
			<option value="MN">MONGOLIA</option>
			<option value="ME">MONTENEGRO</option>
			<option value="MS">MONTSERRAT</option>
			<option value="MA">MOROCCO</option>
			<option value="MZ">MOZAMBIQUE</option>
			<option value="MM">MYANMAR</option>
			<option value="NA">NAMIBIA</option>
			<option value="NR">NAURU</option>
			<option value="NP">NEPAL</option>
			<option value="NL">NETHERLANDS</option>
			<option value="AN">NETHERLANDS ANTILLES</option>
			<option value="NC">NEW CALEDONIA</option>
			<option value="NZ">NEW ZEALAND</option>
			<option value="NI">NICARAGUA</option>
			<option value="NE">NIGER</option>
			<option value="NG">NIGERIA</option>
			<option value="NU">NIUE</option>
			<option value="NF">NORFOLK ISLAND</option>
			<option value="MP">NORTHERN MARIANA ISLANDS</option>
			<option value="NO">NORWAY</option>
			<option value="OM">OMAN</option>
			<option value="PK">PAKISTAN</option>
			<option value="PW">PALAU</option>
			<option value="PS">PALESTINIAN TERRITORY, OCCUPIED</option>
			<option value="PA">PANAMA</option>
			<option value="PG">PAPUA NEW GUINEA</option>
			<option value="PY">PARAGUAY</option>
			<option value="PE">PERU</option>
			<option value="PH">PHILIPPINES</option>
			<option value="PN">PITCAIRN</option>
			<option value="PL">POLAND</option>
			<option value="PT">PORTUGAL</option>
			<option value="PR">PUERTO RICO</option>
			<option value="QA">QATAR</option>
			<option value="RE">RÉUNION</option>
			<option value="RO">ROMANIA</option>
			<option value="RU">RUSSIAN FEDERATION</option>
			<option value="RW">RWANDA</option>
			<option value="BL">SAINT BARTHÉLEMY</option>
			<option value="SH">SAINT HELENA</option>
			<option value="KN">SAINT KITTS AND NEVIS</option>
			<option value="LC">SAINT LUCIA</option>
			<option value="MF">SAINT MARTIN</option>
			<option value="PM">SAINT PIERRE AND MIQUELON</option>
			<option value="VC">SAINT VINCENT AND THE GRENADINES</option>
			<option value="WS">SAMOA</option>
			<option value="SM">SAN MARINO</option>
			<option value="ST">SAO TOME AND PRINCIPE</option>
			<option value="SA">SAUDI ARABIA</option>
			<option value="SN">SENEGAL</option>
			<option value="RS">SERBIA</option>
			<option value="SC">SEYCHELLES</option>
			<option value="SL">SIERRA LEONE</option>
			<option value="SG">SINGAPORE</option>
			<option value="SK">SLOVAKIA</option>
			<option value="SI">SLOVENIA</option>
			<option value="SB">SOLOMON ISLANDS</option>
			<option value="SO">SOMALIA</option>
			<option value="ZA">SOUTH AFRICA</option>
			<option value="GS">SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS</option>
			<option value="ES">SPAIN</option>
			<option value="LK">SRI LANKA</option>
			<option value="SD">SUDAN</option>
			<option value="SR">SURINAME</option>
			<option value="SJ">SVALBARD AND JAN MAYEN</option>
			<option value="SZ">SWAZILAND</option>
			<option value="SE">SWEDEN</option>
			<option value="CH">SWITZERLAND</option>
			<option value="SY">SYRIAN ARAB REPUBLIC</option>
			<option value="TW">TAIWAN, PROVINCE OF CHINA</option>
			<option value="TJ">TAJIKISTAN</option>
			<option value="TZ">TANZANIA, UNITED REPUBLIC OF</option>
			<option value="TH">THAILAND</option>
			<option value="TL">TIMOR-LESTE</option>
			<option value="TG">TOGO</option>
			<option value="TK">TOKELAU</option>
			<option value="TO">TONGA</option>
			<option value="TT">TRINIDAD AND TOBAGO</option>
			<option value="TN">TUNISIA</option>
			<option value="TR">TURKEY</option>
			<option value="TM">TURKMENISTAN</option>
			<option value="TC">TURKS AND CAICOS ISLANDS</option>
			<option value="TV">TUVALU</option>
			<option value="UG">UGANDA</option>
			<option value="UA">UKRAINE</option>
			<option value="AE">UNITED ARAB EMIRATES</option>
			<option value="GB">UNITED KINGDOM</option>
			<option value="US">UNITED STATES</option>
			<option value="UM">UNITED STATES MINOR OUTLYING ISLANDS</option>
			<option value="UY">URUGUAY</option>
			<option value="UZ">UZBEKISTAN</option>
			<option value="VU">VANUATU</option>
			<option value="VE">VENEZUELA, BOLIVARIAN REPUBLIC OF</option>
			<option value="VN">VIET NAM</option>
			<option value="VG">VIRGIN ISLANDS, BRITISH</option>
			<option value="VI">VIRGIN ISLANDS, U.S.</option>
			<option value="WF">WALLIS AND FUTUNA</option>
			<option value="EH">WESTERN SAHARA</option>
			<option value="YE">YEMEN</option>
			<option value="ZM">ZAMBIA</option>
			<option value="ZW">ZIMBABWE </option>
		</select>
		<p>
		Veuillez choisir l'emplacement géographique :
		<p>

<select name="Location" id="select_desktop" onchange="change();">
    <option value="HQ">Head quarter</option>
    <option value="DT">DataCenter</option>
    <option value="MO">Mobile device</option>
    <option value="B2">B2S</option>
    <option value="BG">BGS</option>
    <option value="CE">Centre Est ( DR Lyon )</option>
    <option value="WE">Grand Ouest ( DR Rennes )</option>
    <option value="IN">Ile de France et Nord Est</option>
    <option value="MD">Méditerranée ( DR Marseille )</option>
    <option value="SW">Sud Ouest ( DR Bordeaux )</option>
    <option value="OV">Dom-Tom</option>
</select>

<p>
Veuillez choisir l'emplacement sur le réseau
<p>
<select name="Network_Location" id="select_desktop" onchange="change();">
    <option value="C">Common Production LAN</option>
    <option value="S">Secure DMZ production LAN</option>
    <option value="V">Developpement LAN</option>
    <option value="Z">Secure DMZ developpement LAN</option>
    <option value="U">User LAN</option>
    <option value="M">Multiple LANs</option>
    <option value="B">Mobile device</option>
</select>
<p>

Veuillez choisir le niveau de dédicace du dispositif :
<p>
<select name="dedication" id="select_desktop" onchange="change();">
<option value="U"> Single user</option>
<option value="G"> Single group of users</option>
<option value="S"> All users on the site</option>
</select>
<p>
Veuillez indiquer le TAG du dispositif :
<p>
<input type="text" name="TAG" />
<p>

<input type="submit" name="valid" value="Envoyer !" />



</form>
	
	</div>
</div>
<script type="text/javascript">
	change();
</script>

</body>

Maintenant, à la base, le bouton envoyer servait a récuperer toutes les valeurs des selects pour donner sur une autre page le nom complet des équipement en fonction de ce que l'utilisateur rentrait dans le formulaire.

Voici le code de la page cible.php :

<html>
    <head>
        <title>Convention de dénomination</title>
        
    </head>
    <body>


<br />
<center>
Voici donc le nom complet de votre équipement :
<br /><br />

<?php
echo $_POST['type'];
echo $_POST['ISO1']; 
echo $_POST['Location'];
echo $_POST['Network_Location'];
echo $_POST['Application'];
echo $_POST['Ordering'];
?>

</center>

<center>
Voici donc le nom complet de votre équipement :
<br /><br />

<?php
echo $_POST['type'];
echo $_POST['ISO2']; 
echo $_POST['Location'];
echo $_POST['Network_Location'];
echo $_POST['dedication'];
echo $_POST['TAG'];
?>

</center>
    </body>
</html>

Maintenant, ce que j'aimerais faire c'est faire en sorte que le nom qui s'affiche sur la page cible.php soit le nom exact.

Pour l'instant cela met les 2 noms.

J'aimerais faire en sorte que sur la page cible.php cela affiche soit l'un soit l'autre et non les deux.

Peut etre que si je mets des noms aux boutons cela changera quelque chose, enfin, merci de me donner un coup de main la dessus !

linvi

16 décembre 2009 à 15:25:37

Tu pourrais pas simplement faire des test genre

if (isset($_POST['TAG']))
   /* afficher mon 2eme nom
else
   /* afficher mon 1er nom

Mais ce n'est plus du JavaScript

Tene

16 décembre 2009 à 15:49:53

Tout n'est pas obligé d'être en Javascript.

Tant qu'au final ca fait ce qu'on me demande, tout va bien

Par contre, je ne vois pas trop ce que tu veux dire par tester avec la, mais je vais voir ce que je peux en tirer !

<html>
    <head>
        <title>Convention de dénomination</title>
    </head>
<body>
<br />
<?php
echo "Voici donc le nom complet de votre équipement :";

if (isset($_POST['TAG']))
{
echo $_POST['type'];
echo $_POST['ISO2']; 
 echo $_POST['Location'];
echo $_POST['Network_Location'];
echo $_POST['dedication'];
echo $_POST['TAG'];
}
else
{
echo $_POST['type'];
echo $_POST['ISO1']; 
 echo $_POST['Location'];
echo $_POST['Network_Location'];
echo $_POST['Application'];
echo $_POST['Ordering'];
}
?>
    </body>
</html>

Voici ce que j'ai fait, malheureusement, il affiche toujours le 1er cas, même lorsque cela devrait être le 2eme :/

En fait, la variable $_POST['TAG'] est toujours renseignée :/

Il n'y a pas un moyen de les initialiser ?

linvi

16 décembre 2009 à 15:58:06

Ce que tu peux faire, c'est par exemple 2 boutons.
Le premier bouton ayant un name='bouton_option1'
Le deuxieme : 'bouton_option2' (oui super original ;p)

Ensuite, tu affiche l'un ou l'autre bouton selon l'element selectionne.
L'utilisateur va appuyer sur le bouton, il te resteras plus qu'a faire un test quel est le bouton qui a ete appuye:
if (isset($_POST['bouton_option2']))
/* afficher mon 2eme nom
else
/* afficher mon 1er nom

J'espere pas dire de betise en disant que le bouton est envoye comme une variable, ca fait loin le php

Si cela ne fonctionne pas, utilise un champs hidden, quand tu change la valeur, tu lui set une value et tu fais des tests sur cette value dans cible.php.

J'ai ete clair :s?

Tene

16 décembre 2009 à 16:05:58

Voila j'ai trouvé la solution avec :

<html>
    <head>
        <title>Convention de dénomination</title>
</head>
<body>
<br />
<?php
echo "Voici donc le nom complet de votre équipement :";
if (isset($_POST['valid_2']))
{
echo $_POST['type'];
echo $_POST['ISO2']; 
echo $_POST['Location'];
echo $_POST['Network_Location'];
echo $_POST['dedication'];
echo $_POST['TAG'];
}
else
{
echo $_POST['type'];
echo $_POST['ISO1']; 
echo $_POST['Location'];
echo $_POST['Network_Location'];
echo $_POST['Application'];
echo $_POST['Ordering'];
}
?>
</body>
</html>

Par contre, il va me falloir une petite vérification au niveau de la textbox pour vérifier son contenu