Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 09/08/2011, 17h23   #1
Débutant
 
Inscription : avril 2005
Messages : 464
Détails du profil
Informations forums :
Inscription : avril 2005
Messages : 464
Points : 69
Points : 69
Par défaut Activer un bouton dés que l'utilisateur sasisit ou efface un caractére dans un champ

Bonjour,

J'ai des lignes dans un formulaire. je voudrais que dés que l'utilisateur est en train d'effacer ou de saisir dans un champ spécifique, un bouton "modifier " s’active .

Comment je pourrait réaliser cela ?

Cordialement.
madina est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 17h40   #2
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 572
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 572
Points : 4 074
Points : 4 074
En trois étapes :
1) créer ton bouton modifier "normalement", en lui appliquant simplement le style "display:none;"
2) appliquer un gestionnaire onfocus à l'input, où tu fais apparaitre le bouton (avec un display= "" pour revenir à la valeur par défaut de ce type d'élément)
3) appliquer l'inverse (display = "none") sur onblur
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 18h28   #3
Débutant
 
Inscription : avril 2005
Messages : 464
Détails du profil
Informations forums :
Inscription : avril 2005
Messages : 464
Points : 69
Points : 69
Bonjour,

ça marche . Sauf que , avec le onblur, le bouton quitte même si tu es sur la même ligne. Alors que je voudrais que le bouton soit caché(display="none") que si le focus est sur une autre ligne.

Y'a pas moyen de préciser cela ?

Cordialement
madina est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 19h08   #4
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 572
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 572
Points : 4 074
Points : 4 074
Citation:
Envoyé par madina Voir le message
si tu es sur la même ligne
rien compris
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 19h31   #5
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 807
Points : 35 797
Points : 35 797
Citation:
Envoyé par RomainVALERI
rien compris
Ben si... si tu quittes le champ alors que t'es encore dessus !

Sinon madina, essaye en masquant tous les boutons sur chaque focus puis en affichant le bouton du champ qui a le focus...
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 19h53   #6
Débutant
 
Inscription : avril 2005
Messages : 464
Détails du profil
Informations forums :
Inscription : avril 2005
Messages : 464
Points : 69
Points : 69
Bonjour,

Je m'explique:

J'ai plusieurs lignes dans mon formùulaire. dans chaque ligne j'ai un input et éventuellement un bouton à coté.
le OnFucs gére bien que le bouton apparit qiand l'element a l'element a le focus, mais le onblur ne differencie pas 'quiiter le champ input" et "quitter la ligne".

Chaque ligne est identifiée par un id.

voilà comment je génère mes lignes par les enregistrements d'une table.
les $dligne sont les id de chaque ligne de table :

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$sql = "SELECT * FROM chapitres;";
$sql_result = mysql_query($sql);
while($row_op_mod = mysql_fetch_array($sql_result)) 
{
$idLigne = $row_op_mod['id_chapitre']; // id UNIQUE -> on s'en sert pour identifier la ligne !
 
?>
<form name="mod_lign_chap" >
<tr>  
<td class="chapt">
<input type="text" name="chapitre<?php echo $idLigne; ?>" id="chapitre<?php echo $idLigne; ?>" size="80" value="<?php echo $row_op_mod['designation_chapitre']; ?>" onFocus="affiche_buton_modif(<?php echo $idLigne; ?>);" ; onblur="cacher_buton_modif(<?php echo $idLigne; ?>) ;" />
<td class="box">
<center><input type="button" style="display:none" name="modif_chapt<?php echo $idLigne; ?>" id="modif_chapt<?php echo $idLigne; ?>" onclick="envoi_modif_chapitre(<?php echo $idLigne; ?>);"/></center>
</td>
</tr>
</form>	
 
<?php
	} // fin while
?>
Comment spécifier en javascript qu'on passe d'une ligne à l'autre ?
madina est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 20h28   #7
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 572
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 572
Points : 4 074
Points : 4 074
explique-nous en fait le comportement que tu veux obtenir exactement parce que je t'avoue que je ne suis pas sur du résultat que tu recherches... à quel moment le bouton d'une ligne doit-il disparaitre alors ?

Et sinon...
Citation:
Envoyé par madina Voir le message
le OnFucs
...attention ! ton gestionnaire d'événement est en rut !

__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 10/08/2011, 10h20   #8
Débutant
 
Inscription : avril 2005
Messages : 464
Détails du profil
Informations forums :
Inscription : avril 2005
Messages : 464
Points : 69
Points : 69
Bonjour,

en fait le bouton doit disparaitre seulement si on change de ligne. c'est à dire si le Focus passe à un autre élément situé sur une autre ligne. Car sur la même ligne, il y'a deux colonnes, le champ et un bouton modifier.

Avec le onblur , dés que le focus quitte l’élément pour aller sur la même ligne à une autre colonne, le bouton disparait sans que j'ai le temps de cliquer là-dessus.

Voilà.

Ok, je me suis trompé sur l’orthographe. c'est bien Onfocus.

Cordialement
madina est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 10/08/2011, 10h29   #9
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 807
Points : 35 797
Points : 35 797
Euh... je suis invisible ?

Citation:
Envoyé par Bovino
essaye en masquant tous les boutons sur chaque focus puis en affichant le bouton du champ qui a le focus...
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 08h42.


 
 
 
 
Partenaires

Hébergement Web