Discussion :

[razily]

Bonjour à tous ;

voilà j'essai de mettre ce plugin Jlabel dans mon projet sur CI

http://www.wduffy.co.uk/jLabel/

mais voilà ; je suis confronté à un cas que j'ai dû mal à expliquer :

sur un simple fichier (hors du projet ) je tente d'essayer ce 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
21
22
23
24
25
 
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
			<script type="text/javascript" src="jlabel.js"></script>
			<script type="text/javascript">
 
				 $(document).ready(function(){
 
				   $(':text').jLabel();
 
 
					});
 
			</script>
 
 
 
		 <p class="first">
 
		  <label for="titre">titre  </label> 
 
 
    <input type="text" name="titre" value="" id="titre" /> 
 
		</p>

et il marche correctement c'est à dire les labels se mettent à l'intérieur des inputs et cela marche sur tous mes navigateurs !!


maintenant quand je tente de faire la même chose dans mon projet sur CodeIgniter , y a un comportement bizarre que j'ai du mal à savoir la raison c'est à dire que sur firefox : les labels ne se mettent pas à l'intérieur comme il faut reste : et ce qui m'a impressionné c'est que je tente de copie collé le code (du fichier séparé vers codeigniter )
et il marche :

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
 
 
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url('js/js/label.js'); ?>"></script>
			<script type="text/javascript">
 
				 $(document).ready(function(){
 
				   $(':text').jLabel();
 
 
					});
 
			</script>
 
 
 
 
 
  <p class="first">
 
                <label for="nom">nom</label> 
 
 
            <input type="text" name="nom" value="" id="nom" /> 
 
 
 
		</p>
 
          <?php echo form_error('nom', '<div class="error">', '</div>');?>
				<p>
 
                   <label for="nom1">mail</label> 
 
 
            <input type="text" name="nom1" value="" id="nom1" /> 
 
 
 
                   <?php echo form_error('email', '<div class="error">', '</div>');?>
 
				</p>

amis ce qui est bizarre C que si je copie par exemple un bout de code sur (le fichier séparé :

Code :

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

1
2
3
4
5
6
7
8
9
 
 <p class="first">
 
		  <label for="titre">titre  </label> 
 
 
    <input type="text" name="titre" value="" id="titre" /> 
 
		</p>

et que je tente d'essayer le projet , il marche mais dès que je change le nom du label nom au lieu de titre , il ne marche pas



par contre sur tous les navigateurs ils marchent correctement à part firefox !!

[wenijah]

HTML 5 propose le placeholder

http://davidwalsh.name/dw-content/html5-placeholder.php