Discussion :

[ciols]

Bonjour à tous,

Je reprends le code d'un ancien collègue et voici en gros ce que je cherche à réaliser :


En gros, dans la liste, il y a des compteurs, des jauges et des indicateurs. Le filtrage doit s'effectuer de la manière suivante : L'utilisateur rentre une expression puis clique sur le bouton à droite de la zone de texte ce qui met à jour la liste.

Voici le code ça sera surement plus clair :

Code HTML :

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
echo "<h2>Indicateurs communs</h2>";
?>
<style type="text/css">
fieldset
{
        width:720px;
}
</style>
	<table>  
	<tr>
		<td>
		       Filtre : <INPUT id="filtre_<?php echo $nzl;?>" NAME=regexp onClick="initId(<?php echo $nzl;?>)" onKeyPress="return disableEnterKey(event)">
		</td>
		<td>
			<IMG src="images/validation_filtre.gif" type="image" value="submit">
		</td>
		<td>
			<span class="bulle">
			<IMG style="position=right" src="images/help_filtre.png" width="24px" height="24px">
			<span>
				 Ce filtre reconnaît les expressions régulières.<br/>
				<ul>Options de filtrage pour " tra " : <br/><br/>
				<li>Commence par : ^tra </li>
				<li>Contient : tra</li>
				 <li>Finit par : tra$ </li>
				 </ul>
				</span></span>
		</td>
	</tr>
</table>
<select id='choixIndic_<?php echo $nzl;?>' name='choix_indicateur_commun[commun][]' multiple='multiple' class='populate' size='<?php echo getnbligneselectbig(count($allEqu["Commun"]));?>' style='width: 500px;' multiple=''>
	<?php
        $nzl++;
        $cptcom = 0;
        foreach($allEqu["Commun"] as $nomIndic => $idIndic)
        {       
                if($nomIndic != "ressource" && $nomIndic != "date" && $nomIndic != NULL)
        {
        echo '<option value="'.$nomIndic.'">'.$nomIndic.'</option> ';
                $cptcom++;
}
}?>
<br/><br/>
<form>
	<input type="checkbox" name="Compteurs" value="1">Compteurs
	<input type="checkbox" name="Indicateurs" value="2">Indicateurs
	<input type="checkbox" name="Jauges" value="3">Jauges
</form>
<?php
        echo "</select><br>";
        echo "</td></tr><tr><td text-align='right'>$cptcom compteurs communs</td></tr></table>";
}

Cependant les cases à cocher ne sont pas en dessous de la liste mais à côté , la deuxième image (help_filtre) devrait être collée à droite et pour finir, les nombre de compteurs devrait être collé droite.

Merci d'avance

[NoSmoking]

Bonjour,
pour plus de clarté tu devrais regarder le code HTML généré et les imbrications de tes différents éléments.

[ciols]

Bonjour,

j'ai étudié le code avec firebug mais je ne vois pas de réels problèmes hormis le fait que je ne vois pas la ligne suivante car c'est du php :

Code :

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

1
2
echo "</select><br>";
echo "</td></tr><tr><td text-align='right'>$cptcom compteurs communs</td></tr></table>";

J'ai essayé une autre façon de coder avec plusieurs div mais toujours le même résultat...

Code html :

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
echo "<h2>Indicateurs communs</h2>";
?>
<style type="text/css"/>
<div style="width:500px";>
	<div id="filtre" style="width:500px; height:50px;">
		<form name="filtre">
			Filtre : <INPUT id="filtre_<?php echo $nzl;?>" NAME=regexp onClick="initId(<?php echo $nzl;?>)" onKeyPress="return disableEnterKey(event)">
			<span>
				<IMG src="images/validation_filtre.gif" type="image" value="submit" width="24px" height="24px">
			</span>
			<IMG style="position:right" src="images/help_filtre.png" width="24px" height="24px">
				<span>
					 Ce filtre reconnaît les expressions régulières.<br/>
					 <ul>Options de filtrage pour " tra " : <br/><br/>
					 <li>Commence par : ^tra </li>
					 <li>Contient : tra</li>
					 <li>Finit par : tra$ </li>
					 </ul>
				</span>
		</form>
	</div>
	<div id="zone" style="width:500px; height:400px;">
		<select id='choixIndic_<?php echo $nzl;?>' name='choix_indicateur_commun[commun][]' multiple='multiple' class='populate' size='<?php echo getnbligneselectbig(count($allEqu["Commun"]));?>' style='width: 500px;' multiple=''>
		<?php
                $nzl++;
                $cptcom = 0;
                foreach($allEqu["Commun"] as $nomIndic => $idIndic)
                {       
                        if($nomIndic != "ressource" && $nomIndic != "date" && $nomIndic != NULL)
                        {
                                echo '<option value="'.$nomIndic.'">'.$nomIndic.'</option> ';
                                $cptcom++;
                        }
                }
                
                echo '\n';?>		
	</div>
	<div id="checkbox" style="width:500px; height:50px;">
		<form action=">
			<input type="checkbox" name="Compteurs" value="1">Compteurs
			<input type="checkbox" name="Indicateurs" value="2">Indicateurs
			<input type="checkbox" name="Jauges" value="3">Jauges
		</form>
	</div>
</div>
<?php
}
echo "</select><br>";
echo "</td></tr><tr><td text-align='right'>$cptcom compteurs communs</td></tr></table>";

De plus, je suis conscient que mettre du css dans les balises comme ça c'est pas recommandé mais pour tester c'est beaucoup plus pratique. J'ai tester beaucoup de trucs différents mais rien ne bouge...

Merci d'avance

[edit] Ca marche !

Code HTML :

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
if ($nbIndicCommun > 0) 
		{
			echo "<h2>Indicateurs communs</h2>";
			?>
			<style type="text/css">
                        fieldset
                        {
                                width:720px;
                        }
                        </style>
			<table style="width:500px">  
				<tr>
					<td style="width:215px">
						Filtre : <INPUT id="filtre_<?php echo $nzl;?>" NAME=regexp onClick="initId(<?php echo $nzl;?>)" onKeyPress="return disableEnterKey(event)">
					</td>
					<td style="float:left;">
						<input type="image" width="24" height="24" src="images/validation_filtre.gif" value="submit">
					</td>
					<td style="float:right">
						<span class="bulle">
						<IMG src="images/help_filtre.png" width="24px" height="24px">
						<span>
						 Ce filtre reconnaît les expressions régulières.<br/>
						 <ul>Options de filtrage pour " tra " : <br/><br/>
						 <li>Commence par : ^tra </li>
						 <li>Contient : tra</li>
						 <li>Finit par : tra$ </li>
						 </ul>
						</span></span>
					</td>
				</tr>
			</table>
			<select id='choixIndic_<?php echo $nzl;?>' name='choix_indicateur_commun[commun][]' multiple='multiple' class='populate' size='<?php echo getnbligneselectbig(count($allEqu["Commun"]));?>' style='width: 500px;' multiple=''>
			<?php
                        $nzl++;
                        $cptcom = 0;
                        foreach($allEqu["Commun"] as $nomIndic => $idIndic)
                        {       
                                if($nomIndic != "ressource" && $nomIndic != "date" && $nomIndic != NULL)
                                {
                                        echo '<option value="'.$nomIndic.'">'.$nomIndic.'</option> ';
                                        $cptcom++;
                                }
                        }
                        ?>
			</select><br>
			<table style="width:500px">
				<tr>
					<td style="float:right"><?php echo "$cptcom compteur(s)";?></td>
					<?php $nzl++;?>
					<td style="float:left">
						<form>
							<input type="checkbox" name="Compteurs" value="1">Compteurs
							<input type="checkbox" name="Indicateurs" value="2">Indicateurs
							<input type="checkbox" name="Jauges" value="3">Jauges
						</form>
					</td>
				</tr>
			</table>
			<?php           
                }