[debutant] charger une page selon un select

Version imprimable

01/06/2006, 15h59
scorpking

[debutant] charger une page selon un select
j'ai ma page html avec un formulaire contenant un select chaque option correspond a une page web différente.
j'aimerai quand je clique sur le bouton "ok" que la frame de droite affiche la page corespondante a mon choix
apparement c'est en java que je réaliserai ça mais comment et ou je diot insérer mon code??
je sais que je doit faire
Code:

1 2 3 4 5 6 7 <SCRIPTE LANGUAGE="JavaScript"> function mafonction(monobjet) ...... </SCRIPT> ... ... <intput TYPE="button" VALUE="OK" ONCLIKC="mafonction"
mais comment je peux réaliser l'appel de ma page et l'affichage dans la frame description

Salut et pour ton code je verrais quelque chose comme ceci :
Code:

1 2 3 4 <select onchange="go(this.value)"> <option value="page.htm">....</option> .... </select>
pour le javascript :
Code:

1 2 3 4 function go(val) { window.frames[nomframe].location = val; }

01/06/2006, 16h40
scorpking

sauf que l'affichage se fais pas en onchange mais en onclikc avec un bouton
donc si je met un form et que je met un submit ça fera le meme résultat non? je vais tester ça et ton script
merci
01/06/2006, 16h46
Kerod

Tu mets juste un button et tu mets la fonction dans le onclick mais la différence c'est ca :

Code:

<select id="page">

et le button :

Code:

<input type="button" onclick="go(document.getElementById('page').value)">
01/06/2006, 16h52
scorpking

merci ça a l'air d'etre ça mais quand hje clique rien il y a une erreur sur la page :(
01/06/2006, 17h07
Kerod

Et c'est quoi l'erreur ?
02/06/2006, 08h00
scorpking

ben il me dit juste êrreur sur la page dans le coin en bas a gauche là ou y a normalement marqué terminé ça vien peut etre de la reconnaissance du javascript mais j'avais essayé des pages qui en utilise et elles passaient sans problème
02/06/2006, 08h08
Kerod

On va tester sans select et etc...

Mets dans la fonction :

Code:

window.frames[0].location = 'tapage.htm'

pour voir ce que ca te donne, si là ca fonctionne il faudra juste adapter

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function desc(url)
{
window.frames[0].location = url;
}
</SCRIPT>
<BODY>
<FORM>
<INPUT TYPE="button" VALUE="OK" ONCLICK="desc(this.value)">
</FORM>
document.getElementById('page').value
</BODY>
</HTML>

toujour erreur sur la page et un terminé avec un point d'exclamation sur fond jaune

02/06/2006, 08h24
Kerod

Et d'où sort la valeur de :

Code:

document.getElementById('page').value

8O:roll:
02/06/2006, 08h27
scorpking

de null par c en format texte c'est pour remetre le select quand j'aurai plus d'erreur juste pour faire un copier collé
02/06/2006, 08h37
Kerod

Ok, alors que vaut url ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function desc(url)
{
window.frames[0].location = url;
}
</SCRIPT>
<BODY>
<FORM>
<SELECT NAME="lien" id="page">
<OPTION VALUE="desc1.html">1-medhist</option>
<OPTION VALUE="desc2.html">clin studies v2</OPTION>
</SELECT>
<INPUT TYPE="button" VALUE="OK" ONCLICK="desc(document.getElementById('page').value)">
</FORM>
</BODY>
</HTML>

ça c'est mon code normal si url a une valeur il faut ke j'ajoute le select comme ça mais j'ai toujour la meme erreur

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function desc(url)
{
alert(url)
//window.frames[0].location = url;
}
</SCRIPT>
<BODY>
<FORM>
<SELECT NAME="lien" id="page">
<OPTION VALUE="desc1.html">1-medhist</option>
<OPTION VALUE="desc2.html">clin studies v2</OPTION>
</SELECT>
<INPUT TYPE="button" VALUE="OK" ONCLICK="desc(document.getElementById('page').value)">
</FORM>
</BODY>
</HTML>

il faut en déduire que ton window.frames n'est pas bon ... ;)

parent ...

02/06/2006, 08h57
Kerod

Voilà prends ceci et remplace le window.frame..

Code:

parent.mainFrame.window.location='Untitled-1.html';

mainFrame tu remplaces par le nom de ta frame ainsi que la page par url ;)

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <HTML> <HEAD> <TITLE>Choose your requeste</TITLE> </HEAD> <FRAMESET ROWS="50%, 50%"> <FRAMESET COLS="50%, 50%"> <FRAME NAME="queries" SRC="queries.html" SCROLING="NO"> <FRAME NAME="description" SCROLING="no"> </frameset> <FRAME NAME="parameters" SCROLLING="yes"> </frameset> </HTML>
ça c'est ma page index.html

et la page avec java queries.html et je veut donc afficher desc1 et desc2 dans la frame description ce que vous aviez compris

est ce que y'aurai une erreur dans index.html?

[edit] je vien de voir le parent maintenant il se passe un truc pas mal il ne trouve pas les pages alor que url est juste (test par alert(url)) et que j'ai testé les page directement dans index.html et elle marchent

Voici ma page principale :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
 
<frameset rows="*" cols="193,*" framespacing="0" frameborder="no" border="0">
  <frame src="Untitled-2.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
  <frame src="Untitled-2.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>

et voici mon bouton sur la frame de gauche :

Code:

1
2
3
4
5
6
7
<script language="javascript">
function ok()
{
parent.mainFrame.window.location='Untitled-1.html';
}
</script>
<input type="button" onclick="ok()">

Et c'est ok, donc à toi de voir :roll:

02/06/2006, 09h14
SpaceFrog

j'ai pas testé, mais je me demande même si le window est utile:

Code:

parent.mainFrame.location.href='Untitled-1.html';

j'ai fait le test en mettant desc1.html dans mon code java et la page s'affiche mais quand url=desc1.html ça ne fait rien

[edit]tien j'ai repassé par url et j'ai remis desc1.html dans mon ilien et j'ais de nouveau une erreur

[edit] href : quand j'ai l'adresse dans url ça plante alor ke alert(url) m'affiche la bonne adresse mais avec l'adresse directement dans le javascript ça marche
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function desc(url) { alert(url) parent.desc.location.href='url'; } </SCRIPT> <BODY> <FORM> <SELECT NAME="lien" id="page"> <OPTION VALUE="desc1.html">1-medhist</option> <OPTION VALUE="desc2.html">clin studies v2</OPTION> </SELECT> <INPUT TYPE="button" VALUE="OK" ONCLICK="desc(document.getElementById('page').value)"> </FORM> </BODY> </HTML>

J'ai modifié avec un select et donc :

Code:

1
2
3
4
5
6
7
8
9
10
11
<script language="javascript">
function ok(url)
{
parent.mainFrame.window.location=url;
}
</script>
<select id="url">
<option value="test.htm">1</option>
<option value="">2</option>
</select>
<input type="button" onclick="ok(document.getElementById('url').value)">

02/06/2006, 09h29
scorpking
c'est bon j'a trouvé l'astuce ça va me faire une page monstre mais j'ai fais des if et je compare la valeur de url
Code:

1 2 3 4 5 6 7 8 9 10 11 function desc(url) { if(url==1) { parent.desc.location.href='desc1.html'; } else if (url==2) { parent.desc.location.href='desc2.html'; } }
et url sans ' marche pas non plus chez moi
02/06/2006, 09h36
Kerod

Il doit avoir un problème quelque part dans ton code alors...TU prends le mien copier coller ca fonctionne correctement.

mais bon, ravi que tu ais résolu ton problème :roll:
02/06/2006, 09h37
scorpking

ha oui j'avais oublié honte a moi

merci beaucoup à vous deux pour votre aide :D

[edit] lol on a encore posté en meme temps