Discussion :

[Spire_]

Bonjour,

Je bloque avec un input de type texte.
je souhaiterai faire que lorsque le champs est vide au moment de la saisie du texte, et bien qu'il y ai une valeur qui s'affiche par défaut.

Par exemple avec onBlur():

Code :

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

<input type="text" onBlur="alert('toto')" value="toto" />

J'aimerai qu'à la place de l'alerte, s'écrive "toto" (donc lorsque l'on clique en dehors du champs en laissant le champs vide).

Au plaisir de vous lire.

[medessad]

Bonjour,
Tu remplacera la ligne par celle ci:

Code :

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

<input type="text" onBlur="fonction()"  id="monchamps" />

et dans une balise script tu ajoutes le code suivant:

Code :

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

1
2
3
4
5
6
7
 
function fonction(){
 
var valeur = document.getElementById("monchamps").value;
if(valeur == ""){
          document.getElementById("monchamps").value = "toto";
}

J'espère t'avoir aidé

[Spire_]

Merci pour ta réponse,

J'ai adapté ton code au mien et ça ne fonctionne pas non plus.

Voici le rendu:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
echo '<input type="text" id="search_home" onBlur="fonction()" placeholder="" autocomplete="off" value="' . $locality . '" name="search" />';
?>
 
<script type="text/javascript">
function fonction(){
 
var valeur = document.getElementById("search_home").value;
if(valeur == ""){
 
document.getElementById("search_home").value = "toto";
}
</script>

$locality est égale à la ville de l'utilisateur.

La console m'indique que fonction() n'est pas définis et que je respecte pas la fin de l'input.

[andry.aime]

Bonjour,

Tu as oublié l'accolade fermante "}" de la fonction.

A+.

[Spire_]

Bonjour,

Merci, en effet j'avais oublié cette accolade, donc je n'ai plus d'erreur, mais ça ne fonctionne toujours pas et je ne vois vraiment pas comment m'y prendre.

Avez-vous des idées ?

Edit: ça fonctionne très bien au final, c'est juste que j'ai attribué un autre code javascript avec ce même id.

J'ai ce code là avec pour l'autocompletion de l'API Google:

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
<script type="text/javascript">
					function fonction(){
					$(document).ready(function () {
						var input = document.getElementById('search_home');
						var options = {
						types: ['(cities)'],
						};
 
						autocomplete = new google.maps.places.Autocomplete(input, options);
					});
 
					var valeur = document.getElementById("search_home").value;
					if(valeur == ""){
							  document.getElementById("search_home").value = "<?php echo $locality ?>";
					}
					}
				</script>

Il y a encore un petit hic, la première manipulation fonctionne, donc si je laisse le champs vide et que je clique en dehors, ma valeur revient bien, mais lorsque j'éffectues encore une fois cette même manipulation, la valeur ne revient plus.

Comment faire, pour qu'elle revienne à chaque fois ?

[Spire_]

Je reviens vers vous, car j'ai un autre problème,
Le code de medessad fonctionne bien, mais le problème c'est que vu que j'applique déjà le script de l'API Google à cet ID, il y a conflict.

J'ai ce code actuellement:

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
<input type="text" id="search_home" onBlur="come_back()" autocomplete="off" value="' . $locality . '" name="search" />
 
<script type="text/javascript">
					function come_back(){
					$(document).ready(function () {
						var input = document.getElementById('search_home');
						var options = {
						types: ['(cities)'],
						};
 
						autocomplete = new google.maps.places.Autocomplete(input, options);
					});
 
					var valeur = document.getElementById("search_home").value;
					if(valeur == ""){
							  document.getElementById("search_home").value = "<?php echo $locality ?>";
					}
					}
				</script>

L'autocompletion de Google ne fonctionne qu'une fois un onBlur éffectué, or je souhaiterai qu'il fonctionne tout le temps.

Vous avez une solution ?