Discussion :

[drake56]

Bonjour � tous,

J'ai un petit soucis d'ordre JavaScript (du moins je pense) qui demeure un myst�re total...
Donc, j'ai une fonction JavaScript qui permet d'afficher un formulaire sous fond gris� en premier plan que voici :

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
// Open the lightbox
function openbox(formtitle, idBox, shadowing, boxtitle, fadin)
{
 
	var box = document.getElementById(idBox); 
	document.getElementById(shadowing).style.display='block';
 
	var btitle = document.getElementById(boxtitle);
	btitle.innerHTML = formtitle;
 
	if(fadin)
	{
		gradient(idBox, 0);
		fadein(idBox);
	}
	else
	{ 	
		box.style.display='block';
	}  	
}

Et le myst�re c'est que l'affichage fonctionne correctement qu'avec les id shadowing, boxtitle et box. Lorsque j'essaye de changer les ids comme dans ces 2 cas, impossible d'obtenir un affichage correct (en fait elles sont par d�faut sur la page et mal pr�sent�es).
Voici les diff�rentes utilisations :

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
//Exemple qui fonctionne
<div id="shadowing"></div>
	<div id="box">
		<span id="boxtitle"></span>
		<p align="center"> Affichage :
			<select name="select_ihm" STYLE="width:200" id="select_ihm">
				<option value="semaphore_grp.php" select>Groupes</option>
				<option value="semaphore.php">Automates</option>
			</select>
		</p>
		<p align="center"> 
			<button class="valider" type="submit" value="1" onclick="document.location.href=document.getElementById('select_ihm').value"><img src="ressources/button_valid.png" border='0'></button>
		</p>
	</div>
 
//Exemples ne fonctionnant pas
<div id="shadowingFiltre"></div>
	<div id="boxFiltre">
		<span id="boxtitleFiltre"></span>
			<form name="createFiltre" method="Post" action="" onsubmit="return validation();">
			Nom du filtre :<input type="text" name="nom_filtre" id="nom_filtre" value="" style="font-size:10px;width:157px;"/></br>
			Par d&eacute;faut :<input type="checkbox" name="defaut" id="defaut" value="Y"/></br></br>
		<table>
			<tr>
				<td>
					<input type="hidden" name="acces" id="acces" value="<?php echo $_REQUEST['acces']; ?>">
					<select name="liste_gauche" id="id_gauche" multiple size="10" ondblclick="javascript:move_right()" onload="javascript:init()" style="width:250px">
                    </select><br />                                        
                </td>
                <td><a href="javascript:move_right()"><img src="./ressources/control_right.png" border="0" onMouseOver="this.src='./ressources/control_right_over.png'" onMouseOut="this.src='./ressources/control_right.png'" alt=">>" title="Ajouter la sélection"></a>
					<br />
                    <a href="javascript:move_left()"><img src="./ressources/control_left.png" border="0" onMouseOver="this.src='./ressources/control_left_over.png'" onMouseOut="this.src='./ressources/control_left.png'" alt="<<" title="Retirer la sélection"></a>
                </td>
                <td>
					<select name="liste_droite" id="id_droite" multiple size="10" ondblclick="javascript:move_left()"  style="width:250px"></select>              
				</td>
           </tr>
		</table>
		<p align="center"> 
			<input type="hidden" name="liste_grp" id="liste_grp" value="">
			<button class="valider" type="submit" name="valider" ><img src="ressources/button_valid.png" border='0'></button>
			<button class="annuler" type="reset" value="0" onclick="closebox()"><img src="ressources/button_cancel.png" border='0'></button>		
		</p>
		</form>
	</div>
 
	<!-- fenêtre d'affichage de choix d'un filtre -->
	<div id="shadowingChoix"></div>
	<div id="boxChoix">
		<span id="boxtitleChoix"></span>
			<form name="choixFiltre" method="Post" action="" >
		<table>
			<tr>
				<td>
					<select name="liste_filtres" id="liste_filtres" style="width:250px";>
					<?php
                                                if(file_exists($_SESSION[SITE]["login"].'.xml'))
                                                {
                                                        $filtres = simplexml_load_file($_SESSION[SITE]["login"].'.xml'); 
                                                        foreach($filtres->Filtre as $filtre) 
                                                        {
                                                                echo" <option value='".$filtre->Groupes."'>".$filtre->Nom."</option>";
                                                        }
                                                }
                                        ?>
					</select>
				</td>
           </tr>
		</table>
		<p align="center"> 
			<input type="hidden" name="liste_grp" id="liste_grp" value="">
			<button class="valider" type="submit" name="validerFiltre" ><img src="ressources/button_valid.png" border='0'></button>
			<button class="annuler" type="reset" value="0" onclick="closebox()"><img src="ressources/button_cancel.png" border='0'></button>	
			<button class="newfiltre" name="newfiltre" type="submit" onclick="openbox('Nouveau filtre', 'boxFiltre', 'shadowingFiltre', 'boxtitleFiltre', 0)"><img src="ressources/button_create.png" border='0'></button>
		</p>
		</form>
	</div>

Et je ne peux pas laisser 2 fois les param�tres qui fonctionnent car j'ai 2 formulaires qui peuvent �tre mis en avant sous fond gris� dans une seule et m�me page.
Est-ce que quelqu'un a d�j� recontr� un probl�me de la sorte car l� je s�che vraiment ?

Merci d'avance

[Invit�]

Bonjour,
peut-�tre en d�clarant explicitement les variables :

Code :

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

1
2
3
4
5
function openbox(formtitle, idBox, shadowing, boxtitle, fadin)
{
	var formtitle, idBox, shadowing, boxtitle, fadin;
	// ....
}

[drake56]

Merci pour ta suggestion mais h�las �a ne change rien

[SpaceFrog]

Nooooooooooon !
surtout pas si tu red�clares les variables dans la fonction tu les effaces !

Tu as un message d'erreur, un comportement � nous d�crire ?

au passage onload sur un select est vain !

et un ev�nement javascript n'attentd par une recette de cr�pes suzette. Donc

Code :

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

javascript:

ne sert � rien

[drake56]

Merci pour ta r�ponse alors pas de message d'erreur et le comportement c'est que les 2 formulaires se mettent en haut de la page.
Sinon si j'enl�ve le onload au select �a ne fonctionne plus j'ai une page vide

Edit : Je viens de trouver une erreur, c'�tait dans le css, j'utilisai les id et non les class ce qui fait que �a ne pouvait pas marcher, erreur d'inattention mais probl�me r�solu maintenant