Discussion :

[cahuet-200]

Bonjour à tous, j'espère que vous allez bien !
Je fais appel à vous pour m'aider à régler un petit problème qui est assez gênant...

- J'ai une liste déroulante qui contient deux choses

- MSG pour les messages

- LST pour la liste des messages

- Puis après si je sélectionne MSG -> une liste déroulante apparait de nouveau, elle contient le type de message (M1, M2, M6,M8, M9)

Si je sélectionne LST-> une liste déroulante apparait de nouveau, elle contient le type de message (DOSP,DSIT ...)

- Juste en dessous j'ai deux tesxtarea qui corresponde au deux choix. Soit un pour Le type MSG et un autre pour le Type LST.

Esthétiquement ce n'est pas beau du tout et surtout pas vraiment compréhensible.

J'aimerais le rendre plus esthétique et pour cela j'aimerais pourvoir faire, que si l'utilisateur choisi MSG alors la le textarea glisse en dessous et donc que l'autre textarea ne s'affiche pas du tout et vis versa :/

J'ai essayer avec footer_wrapper mais cela ne me convient pas car il faudrait des boutons et moi je n'en veut pas je préfère garder ma liste déroulante ..

En espérant être assez clair et concise sur mon problème,

Merci d'avance, Cahuet

[SpaceFrog]

Tu utilises Jquery ?

on peut avoir un bout de code html ?

[cahuet-200]

Mon code est en php voici un petit bout de mon code car il est assez gros ! ^^

Code php :

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
			if($TYPE_MSG == 'MSG')
			{	
	echo " 		<select name='FORMAT_MSG1' id='FORMAT_MSG1' onchange='submit()'>";
					if($FORMAT_MSG1 == '')
						{
							echo "	<option selected ='selected' value=''></option>";
						}
					else {
						echo "	<option value=''></option>";
					}
					if($FORMAT_MSG1 == 'M1')
						{
							echo "	<option selected ='selected' value='M1'>M1</option>";
						}
					else {
						echo "	<option value='M1'>M1</option>";
					}
					if($FORMAT_MSG1 == 'M2')
					{
						echo "	<option selected ='selected' value='M2'>M2</option>";
					}
					else {
						echo "	<option value='M2'>M2</option>";
					}
					if($FORMAT_MSG1 == 'M6')
					{
						echo "	<option selected ='selected' value='M6'>M6</option>";
					}
					else {
						echo "	<option value='M6'>M6</option>";
					}
					if($FORMAT_MSG1 == 'M8')
					{
						echo "	<option selected ='selected' value='M8'>M8</option>";
					}
					else {
						echo "	<option value='M8'>M8</option>";
					}
					if($FORMAT_MSG1 == 'M9')
					{
						echo "	<option selected ='selected' value='M9'>M9</option>";
					}
					else {
						echo "	<option value='M9'>M9</option>";
					}
	echo"		</select>";
			}
			$FORMAT_MSG1 = $_POST['FORMAT_MSG1'];
			echo "</br></br>";
 
			if($FORMAT_MSG1 == 'M1')
			{
				if (isset($_POST['NIP']))
				{		
					$NIP=$_POST['NIP'];
				}else {
					$NIP = '';
				}
 
				echo " Le(s) NIP que vous voulez rejouer est : ";
				echo "<center><textarea id='NIP' name='NIP' rows='3' cols = '50'>";
				echo $NIP;
				echo "</textarea></center>";
 
				echo " <button onclick='myFunction()'>Sauver</button>
				<p id='res'/>
				<script>
				function myFunction() {
				    var str = document.getElementById('text').value;
				    var res = str.match(/\d{12}/g);
				    document.getElementById('res').innerHTML = 'Liste des nombres valide : ' + res;
				}
				</script>";
 
				$listNumPatient =  preg_split('~[ \s]+~', $NIP);
			    $i = 1; $lenghtNumPatient = 12;
 
			    foreach ($listNumPatient as $numPatient) 
				{
				    if ($numPatient != '') 
				    {
				    	// La longueur actuelle est numDossier
				        $actualLength = strlen($numPatient);
				        // si la longueur de numDossier < 12 OU si la longueur de numDossier > 12
				        if ($actualLength != $lenghtNumPatient ) 
					    {
				        	echo '<p>Le numéro de dossier "' . $numPatient . '" (saisi en n°' . $i . ') fait moins ou plus de ' . $lenghtNumPatient . ' caractères</p>';
				        } else 
				        {
				        	// Si c'est un numérique ET qu'il ne contient pas Ni de + NI de - NI de .
				        	if(is_numeric($numPatient) && !(preg_match('\'\\+\'', $numPatient) || (preg_match('\'\\-\'', $numPatient) || (preg_match('\'\\.\'', $numPatient)))))
				        	{
				        		 echo '<p>Le numéro de dossier "' . $numPatient . '" est valide.</p>';
				        	}else {
				        		echo '<p>Le numéro de dossier "' . $numPatient . '" (saisi en n°' . $i . ') ne contient pas que des chiffres </p>';
 
				        	}
				        }
			        	$i++;
				    }
				}				
			}

Au niveau du code jquery je ne l'ai pas garder car sa n'allais pas ce que j'avais fais mais voici le code que j'avais utilisé :

Code html :

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

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="<?php echo $design; ?>/style.css" rel="stylesheet" title="Style" />
<title>Parametres</title>
<link rel="icon" href="default/images/animated_favicon1.gif" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="inlinemod.js"></script>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
jQuery(function ($) {
	$('footer_wrapper').hide;
	$('.footer').on('click', function(){
		$('#footer_wrapper').slideToggle('fast');
	})
});
jQuery(function ($) {
	$('footer_wrapper1').hide;	
	$('.footer1').on('click', function() {
		$('#footer_wrapper1').slideToggle('fast');
	})
});

Merci d'avance =)

[Bovino]

Code :

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

$('footer_wrapper').hide;

C'est quoi ça ?

[SpaceFrog]

le code php ne nous est d'aucune utilité ... merci de nous fournir le code html généré ...

[cahuet-200]

C'est un ami qui m'avais passer le code jquery, il fonctionne bien avec des boutons mais ce n'est pas mon but.. :/

Et SpaceFrog qu'appel tu le code html généré ? est ce le résultat de la page web ?