modifier le contenu du cadre actuel suite à un clic sur un bouton radio

**afifi** · 13/05/2009, 06h17

Bonjout TLM,
je veux modifier le contenu du frame actuel en le remplaçant par un autre contenu(une autre page) suite à un évènement subi sur un bouton qui se trouve dans le frame.voici le fichier qui contient le code javascipt :

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
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function aff_page(corr) {
if(document.corr.a[0].checked)
{parent.frames[2].window.location.replace("corexerc.php");}
else
{if(document.corr.a[1].checked)
window.open("corrdev.php");}
}
function select_tout_radio( type )
    {
        var a = document.getElementById("a" + type);
        a.checked = true;
    }
</SCRIPT>
</head>
 
<body>
<p>Veuillez choisir le type de corrections : </p>
<form name="corr" method="post" >
  <p>
    <input type="radio" name="a" value="1" onclick="select_tout_radio('1')">
    Correction exercices </p>
  <p> 
    <input type="radio" name="a" value="2" onclick="select_tout_radio('2')" >
    Correction devoirs </p>
 
    <input type="submit" name="Submit" value="Consulter"align="center" onClick="aff_page(corr)">
 
  </form>
<p>&nbsp;</p>
</body>
</html>

et voici le fichier index qui contient les frames sachant que je veux l'afficher dans le mainFrame

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
28
29
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>évaluations formatives et sommatives pour les élèves de 4 année scientifiques</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
 
<frameset rows="27%,*" cols="*" framespacing="0" frameborder="NO" border="0">
  <frame src="haut.php" name="topFrame" scrolling="NO" framespacing="0"  >
  <frameset cols="10%,60%,10%" frameborder="NO" border="0" framespacing="0">
    <frame src="g5.php" name="leftFrame" frameborder="no" scrolling="no"  >
    <frame  src="bas.php" name="mainFrame" scrolling="yes">
    <frame src="g5.php" name="leftFrame" frameborder="no" scrolling="no"  >
  </frameset>
</frameset>
<noframes><body>
 
</body></noframes>
</html>

Dans la fct javascript, si je mets frames[0] alors le fichier appelé s'affiche dans le topframe.
Mais si je mets Frames[2],il n'y a pas de modification .
Et merci pour votre aide.

**Bovino** · 13/05/2009, 07h30

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

top.frames['mainFrame'].src = "corexerc.php";

**andry.aime** · 13/05/2009, 07h37

Salut,
Essaye avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

parent.getElementsByTagName('frame')[2].window.location.replace("corexerc.php")

**afifi** · 13/05/2009, 07h59

Merci Andry.aime pour votre aide,
j'ai essayé comme vous m'avez dit mais la même chose

**Bovino** · 13/05/2009, 17h06

Si tu mets un input submit, ça recharge la page automatiquement... change le type :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" name="Submit" value="Consulter" align="center" onclick="aff_page(corr)">

**afifi** · 14/05/2009, 21h47

Salut tout le monde,
Merci pour votre aide, J'ai fait les modifications mentionnés et

modifier le contenu du cadre actuel suite à un clic sur un bouton radio

JavaScript

Vue hybride

Discussions similaires

Partager

Partager