Discussion :

[autocrator]

Bonjour,
�tant nouveau dans le monde du javascript, j'ai absolument besoin de connaissances pour mon stage, dans le plus cours d�lai.
j'ai une premi�re fen�tre avec le formulaire en HTML, avec en action une deuxi�me page qui r�cup�re les infos.
Les soucis sont :
- je ne parviens pas � acc�der � la deuxi�me page lorsque je clique sur "Valider"
- r�cup�rer mes infos et pouvoir les afficher dans le titre de la prochaine page
- cherche une fonction pour que lorsque la ratio "x" est s�lectionn� le choix soit disable, donc uniquement bloqu� sur "choix 1".

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<form action="javascript:popup(page.html)">
<br>	<table name="identification" border=0>
	<tr><td>Utilisateur:</td> <td><input type=text name=login ></td></tr>
	<tr><td>Mot de passe:</td> <td><input type=password name=password ></td>
</table>
		<fieldset>
			<input type=radio name=space value="x"> x
			<input type=radio name=space value="y"> y
			<input type=radio name=space value="z"> z
		</fieldset>
 
		Version: <select name="choix">
			<option value='1'>choix 1</option>
			<option value='2'>choix 2</option>
		</select>
 
		<input type=submit value="Valider">
	</form>

petite fonction popup:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
		function popup(site) 
		{
			var win=window.open(site,"pop","width=400,height=900,	directories: no,menubar: no,status: no,	location: no,scrollbars:auto,resizable: yes");
	 		win.focus();
		}

si vous connaissez un meilleur moyen de modifier les param�tres de la fen�tre de navigation,sans passer par une Pop-up, dite le moi ! ! !

et celle qui est cens� r�cup�rer les infos ... :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
var space =document.getElementById('space');
var choix=document.getElementById('choix');
var login=document.getElementById('login');

merci � l'avance !

[loukoum82]

Je comprends pas trop ce que tu cherches a faire ??

En partant de la fin :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var login=document.getElementById('login');

Tu essaies de r�cup�rer un �l�ment par son ID, mais tu n'as rempli aucun ID :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<tr><td>Mot de passe:</td> <td><input type=password name=password id="password"></td>

Et surtout, je trouve �a louche :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<form action="javascript:popup(page.html)">

Car �a ne peut pas permettre de passer tes variables � l'autre fen�tre...

A la rigueur, cr�e ta fenetre avant :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<form action="page.html" target="popupResultat" onsubmit="creerPopup()">

Et le javascript :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
function creerPopup() {
 var win=window.open("about:blank","popupResultat","width=400,height=900,	directories: no,menubar: no,status: no,	location: no,scrollbars:auto,resizable: yes");
 win.focus();
}

et dans ta page.html :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function getURLParams(byindex) {
 urlvar = new Array();
 urlvarnum = new Array();
 if (window.location.search != "") {
  longueur = window.location.search.length - 1;
  data = window.location.search.substr(1,longueur);
  donnees = data.split("&");
 
  for (var i=0; i < donnees.length; i++) {
   position = donnees[i].indexOf("=");
   variable = donnees[i].substr(0,position);
   pos = position + 1;
   valeur = decodeURI(donnees[i].substr(pos,donnees[i].length));
   while (valeur.search(/\+/) != -1)
    valeur = valeur.replace(/\+/," ");
   urlvar[variable] = valeur;
   urlvarnum[i] = valeur;
  }
 }
 if (byindex)
  return urlvarnum;
 else
  return urlvar; 
}
var URLparams = getURLParams();
var login = URLparams['login'];
etc...

[Spicy]

Bon, m�me si je ne comprends pas l'int�r�t, entre autres, de passer des donn�es telles que l'identifiant et le mot de passe d'un page � une autre sans passer par un langage serveur tel que PHP ou Java je vais te donner quelques pistes:

pour la mise en page de tes formulaires:
http://fvsch.com/code/formulaires-sans-tableau/

Dans le cas o� un langage serveur te ferait d�faut:
http://sylvie-vauthier.developpez.co...rand-debutant/
et
http://g-rossolini.developpez.com/tu...p/formulaires/

Car je suppose que les donn�es du formulaire seront trait�es par un langage serveur et pas uniquement en JavaScript !? (ce qui est une grosse faille de s�curit�)
En gros: un formulaire comportant user & password on le traite g�n�ralement en POST avec, �ventuellement une v�rification JS puis un traitement des donn�es avec un langage serveur (PHP, Java...), et ensuite on affiche les informations souhait�es au sein d'une autre fen�tre ou une fen�tre modale (pseudo popup)

Modal box:
http://sohtanaka.developpez.com/tuto...css-et-jquery/

Voil� avec tout �a t'as de quoi partir dans la bonne direction (imho)
good luck

[autocrator]

Merci a vous deux pour vos r�ponse.

juste pour rappel, je ne suis dans le javaScript depuis un peu moins de 2 semaines, et j'ai encore du mal � d�cerner les petites subtilit�es :

Tu essaies de r�cup�rer un �l�ment par son ID, mais tu n'as rempli aucun ID :

celle-l� par exemple ...

concr�tement, sans trop en dire, je doit faire une page d'accueil pour un logiciel, sauf que l'on m'a appris, durant mon stage, que je n'avais pas le droit au PHP, que je connais mieux ce langage ayant "trop de faille", autre ce fait on ne veux pas �tre d�pendant d'un serveur apache, d'o� le JavaScript et le faite que je doit apprendre ce langage, parfois tr�s pratique, en peu de temps ...

j'ai du mal � bien comprendre toute les ligne de ton script, si tu pouvais me le renvoyer avec quelques commentaire sa m'aiderais :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function getURLParams(byindex) {
 urlvar = new Array();
 urlvarnum = new Array();
 if (window.location.search != "") {
  longueur = window.location.search.length - 1;
  data = window.location.search.substr(1,longueur);
  donnees = data.split("&");
 
  for (var i=0; i < donnees.length; i++) {
   position = donnees[i].indexOf("=");
   variable = donnees[i].substr(0,position);
   pos = position + 1;
   valeur = decodeURI(donnees[i].substr(pos,donnees[i].length));
   while (valeur.search(/\+/) != -1)
    valeur = valeur.replace(/\+/," ");
   urlvar[variable] = valeur;
   urlvarnum[i] = valeur;
  }
 }
 if (byindex)
  return urlvarnum;
 else
  return urlvar; 
}
var URLparams = getURLParams();
var login = URLparams['login'];
etc...

Si vous connaissez un moyen de modifier les options du navigateur sans passer par une nouvelle fen�tre, donc elles serait appliqu� d�s la page du "formulaire", dite le moi.

Les informations r�colt� devrons �tre �crite dans un fichier .ini, mais j'essaye d�j� de faire tourner l'interface graphique, pour pouvoir montrer une maquette.

[loukoum82]

Comme dis Spicy, tout cela n'est pas tr�s s�curis�, et tu ne va pas pouvoir aller bien loin...

La fonction getURLParams() sert � r�cup�rer les param�tres d'URL, mais en l'occurrence ici, if faudra que tes donn�es formulaires soient envoy�es en mode GET, encore moins s�curis� car en clair dans l'URL...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
 
var URLparams = getURLParams(); // on récupère tous les paramètres dans un tableau
var login = URLparams['login']; // on peut ensuite aller chercher chaque paramètre par son nom

Ensuite; bon courage pour cr�er un fichier .ini avec seulement du Javascript comme outil.... A la rigueur tu pourrais peut �tre utiliser des activeX, mais �a ne fonctionnera pas sous n'importe quel OS et navigateur...

ce langage ayant "trop de faille"

?? tu parle de PHP l�? C'est plus s�curis� que la NASA si tu compares avec du javascript....