on focus sur un champ text+ image

**lucky31** · 11/05/2008, 20h04

bonjour,

http://www.imagup.com/imgs/1210449297.html, je veux mettre le onfocus mais je vois pas dutout comment je pourrais le faire , pour le champ de text ca marche mais comment ajouter cette image ? peut etre en background??

**Sacha999** · 11/05/2008, 20h43

Tu chercher à faire quoi avec l'image? Un "OnMouseOver" ferait l'affaire?

**lucky31** · 11/05/2008, 21h16

Envoyé par Sacha999

Tu chercher à faire quoi avec l'image? Un "OnMouseOver" ferait l'affaire?

je veux personalisé le champ recherche avec l'image que j'ai mis et aussi laissé mon onfocus sur le champ

**Sacha999** · 11/05/2008, 21h32

Ah tu veux mettre cette image en fond, en CSS avec background-image ca devrait le faire ptete

**lucky31** · 11/05/2008, 21h44

Envoyé par Sacha999

Ah tu veux mettre cette image en fond, en CSS avec background-image ca devrait le faire ptete

et comment le faire?

**Sacha999** · 11/05/2008, 21h47

Ah tu connais pas le style CSS, cadeau

Code :

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

1
2
 
<input type="text" id="rec"  style="background-image:url('recherche.gif');width:172px;height:28px;padding:5 30 5 5;border: none">

**lucky31** · 11/05/2008, 23h59

mais bien sur que je connais, mais ton code ne marche pas dutout

**Sacha999** · 12/05/2008, 00h20

Pk tu demande cmt faire si tu sais

? En tout cas chez moi ca fonctionne, IE et FF

**lucky31** · 12/05/2008, 00h40

Envoyé par Sacha999

Pk tu demande cmt faire si tu sais

? En tout cas chez moi ca fonctionne, IE et FF

tu m'a dit CSS tu connais et je t'ai repondu que oui, mais la ce que tu m'a donné je vois meme pas le onfocus

**Sacha999** · 12/05/2008, 00h57

Comme tu me demandais comment on mettait l'image en fond, j'avais oublié ce detail de onfocus, je m'étais juste basé sur l'aspect graphique. D'ailleurs que veux-tu dire par onfocus ? C'est comme si tu me disais onload, je vois pas ce que tu veux faire

**lucky31** · 12/05/2008, 01h40

l'image que j'ai mis, j'aimerais qu'il y a du text comme Rechercher et quand je click sur pour saisir queleque chose Rechercher disparais( avec le onfocus)

**Sacha999** · 12/05/2008, 01h59

Code :

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

1
2
3
4
5
6
<html>
<body>
	<input type="text" id="rec" value="Rechercher" style="color:blue;background-image:url('recherche.gif');width:172px;height:28px;padding:5 30 5 5;border: none"
		onfocus="if(this.value=='Rechercher') {this.value = '';this.style.color = 'black';}" onblur="if(this.value=='') { this.value = 'Rechercher';this.style.color = 'blue';}else{this.style.color = 'black'}">
</body>
</html>

**lucky31** · 12/05/2008, 12h23

Envoyé par Sacha999

Code :

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

1
2
3
4
5
6
<html>
<body>
	<input type="text" id="rec" value="Rechercher" style="color:blue;background-image:url('recherche.gif');width:172px;height:28px;padding:5 30 5 5;border: none"
		onfocus="if(this.value=='Rechercher') {this.value = '';this.style.color = 'black';}" onblur="if(this.value=='') { this.value = 'Rechercher';this.style.color = 'blue';}else{this.style.color = 'black'}">
</body>
</html>

Ca marche , merci sachaaaaa

Une ptite derniere chose , le mot Recherche est coller a la bordure le l'image, j'ai essayer avec le padding mais j'ai pas reussi a le decaler

on focus sur un champ text+ image

JavaScript

Discussions similaires

Partager

Partager