Filtrage & checkbox

Version imprimable

Filtrage & checkbox

Bonjour à tous,

Je reprends le code d'un ancien collègue et voici en gros ce que je cherche à réaliser :
http://img4.hostingpics.net/thumbs/m...2Sanstitre.png

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:

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

25/11/2013, 19h53
NoSmoking

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

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:

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:

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:

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           
                }