script qui marche sous ie mais pas sous firefox

**sebicool** · 22/05/2007, 23h31

Bonjour tout le monde!

en fait, j'ai le même problème que "ledemondujeu", c'est-à-dire que j'ai un script qui fonctionne sous ie mais pas sous firefox.

Mon code sert à cacher une partie d'un formulaire et l'afficher si on sélectionne telle ou telle option.

Voici mon code:

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
 
function affCache() {
 
//le niveau est 1
if (form.niveau_cursus[0].checked){
div1.style.display = "";
div2.style.display = "none";
div3.style.display = "none";}
 
//le niveau est 2
if (form.niveau_cursus[1].checked){
div1.style.display = "none";
div2.style.display = "";
div3.style.display = "none";}
 
//le niveau est 3
if (form.niveau_cursus[2].checked){
div1.style.display = "none";
div2.style.display = "none";
div3.style.display = "";}

et voici les balises associées :

Code :

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

1
2
3
4
 
<input type="radio" name="niveau_cursus" onClick="affCache();" value="1">niveau 1<br />
<input type="radio" name="niveau_cursus" onClick="affCache();" value="2">niveau 2<br />
<input type="radio" name="niveau_cursus" onClick="affCache();" value="3">niveau 3<br />

et j'utilise les div comme ci-après :

Code :

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

1
2
3
4
 
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

Quelqu'un aurait-il une idée d'où pourrait venir le disfonctionnement sous firefox?
Merci d'avoir lu ce mail jusqu'au bout

et d'essayer de m'aider.

**cerede2000** · 23/05/2007, 01h01

Hum l'appelle des div comme tu le fait:

Code :

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

1
2
3
4
 
div1.style.display = "";
div2.style.display = "none";
div3.style.display = "none";

N'est pas bon fait plutot comme ceci:

Code :

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

1
2
3
4
 
document.getElementById('div1').style.display = "";
document.getElementById('div2').style.display = "none";
document.getElementById('div3').style.display = "none";

**sebicool** · 23/05/2007, 01h22

je viens d'essayer ce que tu m'as proposé et ca marche toujours sous ie mais il y a toujours un problème sous firefox. Ce n'est plus le même cependant : avant tous ce qui devait etre caché était visible et maintenant, c'est caché en permanence!!!
As tu une autre idée ou un complément?

En tous cas, merci d'essayer de m'aider.

**cerede2000** · 23/05/2007, 01h27

Ca serai bien plutot que de mettre des bouts de codes de nous mettre ton code entier...

**Ikonic** · 23/05/2007, 01h46

salut,

Code :

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

1
2
3
<div id="div1" style="display:block;"></div>
<div id="div2" style="display:block;"></div>
<div id="div3" style="display:block;"></div>

**sebicool** · 23/05/2007, 02h05

J'ai essayé ton truc Ikonic mais ca ne change rien...

Voici mon code en entier :

ma page de formulaire :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
 
<?php
require 'session.php';
 
include("../fonction.php");
title_css("Ajouter un Module dans un Cursus","design1_admin.css");
include("menu_admin.php");      
include("../connect.php");
 
?>
<html>
<head>
<script type="text/javascript">
// Au chargement de la page, div1,  div2,  et div3 sont masqués
function chargement() {
document.getElementById('div1').style.display = "none";
document.getElementById('div2').style.display = "none";
document.getElementById('div3').style.display = "none";}
 
//action à exécuter lors de la sélection d'un bouton radio
function affCache() {
 
//le cursus est de niveau 1
if (form.niveau_cursus[0].checked){
document.getElementById('div1').style.display = "";
document.getElementById('div2').style.display = "none";
document.getElementById('div3').style.display = "none";}
 
//le cursus est de niveau 2
if (form.niveau_cursus[1].checked){
document.getElementById('div1').style.display = "none";
document.getElementById('div2').style.display = "";
document.getElementById('div3').style.display = "none";}
 
//le cursus est de niveau 3
if (form.niveau_cursus[2].checked){
document.getElementById('div1').style.display = "none";
document.getElementById('div2').style.display = "none";
document.getElementById('div3').style.display = "";}
 
}
 
</script>
</head>
<body onload="chargement()">
<?
			echo "<h3>Mettre un module existant dans un cursus</h3>";
 
			echo"<form method=\"post\" action=\"traitement_module_dans_cursus.php\" name=\"form\">";
 
			echo"S&eacute;lectionnez dans la liste le module que vous souhaitez int&eacute;grer à un cursus :<br />";
			echo"<select class='modcursus' name=\"titre_module\">";			
				$nommod = mysql_query("SELECT ID, Titre FROM module WHERE ETAT_CORBEILLE='1' ORDER BY Titre"); 
				while ($module = mysql_fetch_array($nommod)){
				?><option value='<?php echo $module['ID'] ?>'><?php echo $module['Titre'] ?></option><br /><?}
			echo "</select><br /><br />";	
 
			echo"S&eacute;lecionnez le niveau du cursus dans lequel est le module :<br />";?>
			<input type="radio" name="niveau_cursus" onClick="affCache();" value="1">niveau 1<br />
			<input type="radio" name="niveau_cursus" onClick="affCache();" value="2">niveau 2<br />
			<input type="radio" name="niveau_cursus" onClick="affCache();" value="3">niveau 3<br />
 
<div id="div1">
<?php //si le cursus est de niveau 1
//Liste des cursus de niveau 1
        echo"<br />";
        echo"Merci de s&eacute;lectionner le cursus de niveau 1 dans la liste ci-dessous :";
        echo"<br />";
        echo"<select class='modcursus' name=\"cursus_niv1\">";                  
                $res1 = mysql_query("SELECT id_cursus, Titre FROM cursus WHERE niveau = '1' ORDER BY Titre ASC"); 
                while ($row1 = mysql_fetch_array($res1))
                {?><option value='<?php echo $row1["id_cursus"] ?>'><?php echo $row1['Titre'] ?></option><br /><?}
	echo "</select>";	
//Fin de la liste
?>
</div>
<div id="div2">
<?php   
//Liste des cursus de niveau 2
        echo"<br />";
        echo"Merci de s&eacute;lectionner le cursus de niveau 2 dans la liste ci-dessous :";
        echo"<br />";
        echo"<select class='modcursus' name=\"cursus_niv2\">";                  
                $res2 = mysql_query("SELECT id_cursus, Titre FROM cursus WHERE niveau = '2' ORDER BY Titre ASC"); 
                while ($row2 = mysql_fetch_array($res2))
                {?><option value='<?php echo $row2["id_cursus"] ?>'><?php echo $row2['Titre'] ?></option><br /><?}
	echo "</select>";	
//Fin de la liste
?>
</div>
<div id="div3">
<?php   
//Liste des cursus de niveau 3
        echo"<br />";
        echo"Merci de s&eacute;lectionner le cursus de niveau 3 dans la liste ci-dessous :";
        echo"<br />";
        echo"<select class='modcursus' name=\"cursus_niv3\">";                  
                $res3 = mysql_query("SELECT id_cursus, Titre FROM cursus WHERE niveau = '3' ORDER BY Titre ASC"); 
                while ($row3 = mysql_fetch_array($res3))
                {?><option value='<?php echo $row3["id_cursus"] ?>'><?php echo $row3['Titre'] ?></option><br /><?}
	echo "</select>";	
//Fin de la liste
?>
</div>
 
 
<?php           
                        echo"<br/>";
                        echo "<input type=\"submit\">";
                        echo"</form>";
                        
                        
 
                ?>
	</body>
</html>

et ma page de traitement :

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
38
39
40
41
42
43
44
 
<?php
require 'session.php';
 
include("../fonction.php");
title_css("Traitement: Ajouter un Module dans un Cursus","design1_admin.css");
include("menu_admin.php");      
include("../connect.php");
 
//traitement de la table cursus_module
                
                //récupération des données
                $niveau_cursus = $_POST['niveau_cursus'];
                $id_module = $_POST['titre_module'];
                $id_cursus_niv1 = $_POST['cursus_niv1'];
                $id_cursus_niv2 = $_POST['cursus_niv2'];
                $id_cursus_niv3 = $_POST['cursus_niv3'];
                
                        if ($niveau_cursus == "1")
                        {
                        mysql_query("INSERT INTO cursus_module VALUES ('$id_cursus_niv1','$id_module')");
                        echo "<br /><center><b>Le module a bien été ajouté dans le cursus.</b></center>";
                        echo"<br />";   
                        echo "<center><a href=\"module_dans_cursus.php\">Retour à la page d'insertion de modules dans des cursus</a></center>";
                        exit();
                        }
                        elseif ($niveau_cursus == "2")
                        {
                        mysql_query("INSERT INTO cursus_module VALUES ('$id_cursus_niv2','$id_module')");
                        echo "<br /><center><b>Le module a bien été ajouté dans le cursus.</b></center>";
                        echo"<br />";   
                        echo "<center><a href=\"module_dans_cursus.php\">Retour à la page d'insertion de modules dans des cursus</a></center>";
                        exit();
                        }
                        elseif ($niveau_cursus == "3")
                        {
                        mysql_query("INSERT INTO cursus_module VALUES ('$id_cursus_niv3','$id_module')");
                        echo "<br /><center><b>Le module a bien été ajouté dans le cursus.</b></center>";
                        echo"<br />";   
                        echo "<center><a href=\"module_dans_cursus.php\">Retour à la page d'insertion de modules dans des cursus</a></center>";
                        exit();
                        }
                
?>

voila.

script qui marche sous ie mais pas sous firefox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager