récuperer la valeur d'un bouton radio sans formulaire

Version imprimable

14/09/2006, 13h44
boss_gama

récuperer la valeur d'un bouton radio sans formulaire

Bon bah ma question est contenue dans le titre ;) . je voudrais récuperer la valeur d'un bouton radio sans utiliser de formulaire. en effet, ca marche quand j'utilise le script dans une popup, mais je n'arrive plus à fermer la popup, car elle se relance automatiquement et je pense que cela vient de l'utilisation du formulaire. Quelle méthode puis-je utiliser?
14/09/2006, 13h55
Bisûnûrs

Comme ça, non ?

Code:

document.monformulaire.monboutonradio[0].value

"monformulaire" = id de la balise form
"monboutonradio" = id du bouton radio
"0" / "1" / ... = index du bouton radio dans le formulaire (si tu as 3 boutons radio et que tu veux accéder au premier ça sera "0", au second ça sera "1" et au troisième ça sera "2", etc ...)
14/09/2006, 13h58
rieppe

Ou alors

Code:

document.getElementById("id du radio").value

J'utilise ca moi.
14/09/2006, 14h01
Bisûnûrs

@rieppe : Il me semble que dans un formulaire tous tes boutons radio doivent avoir le même id, le même nom mais avec la valeur qui change, non ? Peut-être que je me trompe ..

Je me suis mal exprimé. Pour l'instant, j'arrive à récupérer les valeurs des boutons radios de ma popup via un formulaire, et à transférer cette valeur à la page mère. Mon problème intervient sur la fermeture de cette popup. Elle se ferme et se relance automatiquement une fois.
Le code que j'utilise via un formulaire est:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function retour() { for (var i = 0; i < document.forms.formulaire.image.length; i++) { if (document.forms.formulaire.image[i].checked) { var Adresse = document.forms.formulaire.image[i].value; window.returnValue = Adresse; } } window.close();//self.close(); }
Je pense que le problème vient de l'utilisation du formulaire. je voudrais donc virer le formulaire.
quand j'utilise la méthode de rieppe, rien ne se passe.

14/09/2006, 14h12
SpaceFrog

heu un value sur un bouton radio ??? il te retourne quoi sur la value d'un radion ...
on ou off .?

.checked = true ou false 0 ou 1
14/09/2006, 14h15
boss_gama

ca me retourne une adresse. Le code marche, a part le pb de fermeture de fenetre.
Mes boutons sont généres dynamiquement en fonction d'une série de fichiers sur le disque, et je propose un choix à l'utilisateur.
14/09/2006, 14h20
Bisûnûrs
Citation:

Envoyé par SpaceFrog

heu un value sur un bouton radio ???

Exemple d'un formulaire simple :
Code:

1 2 3 <input type="radio" name="civilite" id="civilite" value="mlle" /> <input type="radio" name="civilite" id="civilite" value="mme" /> <input type="radio" name="civilite" id="civilite" value="mr" />
Non ?

@boss_gama : Je ne pense pas que le problème vienne de cette fonction, mais plutôt de la page mère ..

Sur la page mère (qui est également une popup):
Code:

1 2 3 4 5 6 7 8 function fichier() { var Adresse = window.showModalDialog("parcourir.asp", null,"dialogWidth:820px;center:1;help:0;status:no;resizeable:yes"); if (Adresse != null) { document.getElementById('Adresse').value = Adresse; } }
Code:

1 2 <input type="text" name="Adresse" size="40" value="http://"> <input type=button name="choisir" value="parcourir" onclick="fichier()">
L'utilisateur dispose d'un bouton qui permet d'afficher une série d'images auquelles correspond un bouton radio. L'utilisateur en choisit une, l'adresse est récupérée et s'affiche dans un input="text". Il ny a a priori pas de répetition, donc....

14/09/2006, 14h57
SpaceFrog

:mouarf3: c'est la saint "jmesuimalexprimé" aujourd'hui ...

ce que je voulais en fait dire est qu'il fallait boucler sur la collection des getElementsByName('nomduradio') et tester lequel avait un check à true ...

bah c'est ce que je fais non ???

Code:

1
2
3
4
5
if (document.forms.formulaire.image[i].checked)
	{
		var Adresse = document.forms.formulaire.image[i].value;
		window.returnValue = Adresse;
	}

14/09/2006, 15h10
SpaceFrog

c'est quoi ça ???

Code:

window.returnValue = Adresse;
14/09/2006, 15h16
boss_gama

c'est parce que j'utilise une fenetre showmodaldialog. pour pouvoir passer des paramètres de la popup à la page mère il faut que j'utilise returnValue
14/09/2006, 15h24
SpaceFrog

suffit de faire un return Adresse ...
en appelant de façon correcte les focntions et les objets depuis la fille ou la mère ...
14/09/2006, 15h35
boss_gama

non, comme ca ca ne marche pas, le paramètre n'est pas passé à la page mère, et la fenetre ne se ferme pas plus.
14/09/2006, 15h59
SpaceFrog

je ne vois pas le problème ...

voir les deux fichiers joints , un petit exemple troché vite fait ...

ouvrir paramsel ...
en cliquant sur plus il ouvre la pop de selection complémentaire
suffit de cliquer sur un radio puis de valider ...
14/09/2006, 16h21
boss_gama

bah le truc c'est que j'ai une page mere, une page fille et une autre page fille appelée par la première page fille. La première page fille se ferme correctement mais pas la 2e... alors soit on ne peut pas enchainer plusieurs popup, soit il ya autre chose...
14/09/2006, 16h25
rieppe

Citation:

Envoyé par BisounoursJos

@rieppe : Il me semble que dans un formulaire tous tes boutons radio doivent avoir le même id, le même nom mais avec la valeur qui change, non ? Peut-être que je me trompe ..

Oui, je viens de m'apercevoir que mon code est pas top, voir qu'il ne fonctionne pas :p

En fait je sais pas comment ca a pu marcher ^_^
14/09/2006, 16h29
SpaceFrog

à partir du moment ou tu fremes tout à partir de la page mère il ne devrait pas y avoir de souci ...
je teste ...

suffit de declarer une variable globale dans la page mère et dasn la page fille de lui assigner un popup ...
ensuite il ne reste qu'a fermer la petite fille depuis la grandmère ...
14/09/2006, 16h51
boss_gama

et comment on fermes une fenetre fille depuis la page mere?
14/09/2006, 16h52
SpaceFrog

je me demande bien pourquoi je t'ai joint deux fichiers ? :roll:

hehe, my bad, je voulais dire coment on ferme une fenetre modale depuis la mere?
car toi tu utilises une popup simple sur ton exemple.
cela dit, si je mets un bouton annuler sur ma popup, avec le code

Code:

onclick="window.close();"

, la page se ferme correctement.
Il ya donc un problème sur le reste :s.
dans le doute je poste mon code complet

Code:

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<%
	set fs = CreateObject("Scripting.FileSystemObject")
	set folder = fs.GetFolder(Server.MapPath(".") & "\Mails\Images\")
%>
 
<html>
	<head>
		<title>Parcourir</title>
	<link href="style.css" rel="stylesheet" type="text/css">
	</head>
 
	<script>
		function retour()
			{
				var i = 0;
				while ( i < document.forms.formulaire.image.length)
					{
						if (document.forms.formulaire.image[i].checked)
							{
								var Adresse = "http://serveur01/Annuaire/Mails/Images/" + document.forms.formulaire.image[i].value;
								window.returnValue = Adresse;
								i = document.forms.formulaire.image.length;
								window.close();
							}
						i++;
					}
				window.close();
 
			}
	</script>
 
	<body><div align="center">
		Choisir:<br>
		<form name="formulaire">
			<table class="texte" WIDTH="820" BORDER="1" CELLPADDING="0" CELLSPACING="1" nowrap>
			<%
				'On affiche les fichiers
				for each item in folder.Files
					if item.name <> "Thumbs.db" then
			%>
						<TR>
							<TD ALIGN="left"><input type="radio" name="image" value="<% = replace(item.name,"\","/") %>"></TD>
							<TD ALIGN="left"><% response.write item.Name & ":" %></TD>
							<TD width="600" ALIGN="center"><IMG SRC="Mails/Images/<% = item.Name %>" border="0"></TD>
						</TR>
			<%
					end if
				Next
			%>
			</table>
			<input border="0" src="Images/valider.gif" name="I1" type="image" onclick="retour();window.close();">
			<input type=button name="I2" size="60" value="Annuler" onclick="javascript:window.close();">
		</form>
	</body>
</html>

15/09/2006, 09h05
SpaceFrog

Modale .... mhhhhhhhhhhhhhhhhh cela m'avait échappé ...

il semblerait en effet que le showModal n'accepte pas de opener ?

essaye avec

Code:

window.open(....' modal=yes')
15/09/2006, 09h27
boss_gama

avec une popup normale ca marche. L'option modal=yes ne marche pas, donc je ne peux plus à ce moment la forcer la fenetre au premier plan
15/09/2006, 11h30
boss_gama

bon je trouve pas d'autres solutions, donc je lache la popup modale. tant pis.
16/09/2006, 15h22
SpaceFrog

Oui il semble bien que cela ne soit pas aussi simple que cela avec une popup modale ...

Il te reste une solution : le fake popup

Il s'agit en fait d'emuler un popup avec un div, ainsi tu reste sur la même page et tu pourras controler "l'ouverture" (affichage) et fermeture de tes popups ...
pour le coté modal il sufit que le masque contenant le popup couvre la page et prenne touts les clicks et prévoir un cancleBubble pour éviter que le click ne se propage ...
18/09/2006, 11h34
boss_gama

Citation:

Il s'agit en fait d'emuler un popup avec un div, ainsi tu reste sur la même page et tu pourras controler "l'ouverture" (affichage) et fermeture de tes popups ...
pour le coté modal il sufit que le masque contenant le popup couvre la page et prenne touts les clicks et prévoir un cancleBubble pour éviter que le click ne se propage ...

J'ai pas tout compris la...:aie:
18/09/2006, 11h45
SpaceFrog

un popup t'ouvre une nouvelle fenetre ce qui pose différents problèmes de communication entre fenetres et de fermeture etc ... voire également de bloqueur de popup ...

il est possible de contourner ce problème en utilisant un div qui reste sur la même page ... (display: block / none)
tout est alors sur une seule et meêm page , plus de souci de communication de variables ni de fermeture
18/09/2006, 11h52
boss_gama

ah d'accord. je vais creuser un peu de ce coté la alors. Merci pour l'info.