Imput case texte avec image qui disparait
Theophile76
Messages postés
2115
Statut
Membre
-
Theophile76 Messages postés 2115 Statut Membre -
Theophile76 Messages postés 2115 Statut Membre -
Bonjour,
j'ai une case imput, j'ai réussi a faire mettre un texte par défaut qui disparait quand on clique sur la case mais je n'arrive pas à faire ceci avec une image.
En fait j'ai une image de font dans ma case si on ecrit on ne voit plus rien du coup, voilà pourquoi je voudrais que cette image disparaisse au clic.
Merci.
j'ai une case imput, j'ai réussi a faire mettre un texte par défaut qui disparait quand on clique sur la case mais je n'arrive pas à faire ceci avec une image.
En fait j'ai une image de font dans ma case si on ecrit on ne voit plus rien du coup, voilà pourquoi je voudrais que cette image disparaisse au clic.
Merci.
A voir également:
- Imput case texte avec image qui disparait
- Extraire texte d'une image - Guide
- Image iso - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Reduire taille image - Guide
- Transcription audio en texte word gratuit - Guide
2 réponses
http://codingforums.com/showthread.php?t=108159
C'est le même problème, il est peut être mieux expliqué mais je n'ai pas compris la réponse.
Car en fait la technique fonctionne mais pas pour moi car j'ai déjà un backgroud par défaut.
C'est le même problème, il est peut être mieux expliqué mais je n'ai pas compris la réponse.
Car en fait la technique fonctionne mais pas pour moi car j'ai déjà un backgroud par défaut.
Salut.
Il suffit de créer deux classes CSS : une pour quand le champ est vide, donc avec le background, et une autre, sans background.
Par exemple : .champVide et .champRempli
Et pour le code :
Il suffit de créer deux classes CSS : une pour quand le champ est vide, donc avec le background, et une autre, sans background.
Par exemple : .champVide et .champRempli
Et pour le code :
<input
type="text"
name="nom"
value="Texte par défaut"
class="champVide"
onfocus="if(this.value == this.defaultValue) { this.className = 'champVide'; this.value = '';}"
onblur="if(this.value == '') { this.value = this.defaultValue; this.className = 'champVide'; } else { this.className = 'champRempli'; }"
/>
Jai essayé, ça fonctionne mais pas aud début :
Quand je clique dans la case, aucun backgroud, quand je clique hors de la case, le backgroud ce met (jusqu'ici aucun problème donc) mais au chargement de la page il n'y en a pas hors je voudrais qu'il y en ai un.
et dans mon imput :
Quand je clique dans la case, aucun backgroud, quand je clique hors de la case, le backgroud ce met (jusqu'ici aucun problème donc) mais au chargement de la page il n'y en a pas hors je voudrais qu'il y en ai un.
.defaut { background-image: url("image.png"); }
.click { background-image: url("none"); }
et dans mon imput :
<INPUT onfocus="if(this.value == this.defaultValue) { this.className = 'click'; this.value = '';}"
onblur="if(this.value == '') { this.value = this.defaultValue; this.className = 'defaut'; } else { this.className = 'click'; }" ...>
merci ça marche ^^ :
Head
Body
Head
.defaut { background-image: url("image.png"); }
.click { background-image: url("none"); }
Body
<INPUT class="defaut"
onfocus="if(this.value == this.defaultValue) { this.className = 'click'; this.value = '';}"
onblur="if(this.value == '') { this.value = this.defaultValue; this.className = 'defaut'; } else { this.className = 'click'; }" ... >
