IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

changer le style d'un bouton submit avec du javascript


Sujet :

JavaScript

  1. #1
    Débutant
    Profil pro
    Inscrit en
    Avril 2002
    Messages
    53
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2002
    Messages : 53
    Points : 39
    Points
    39
    Par défaut changer le style d'un bouton submit avec du javascript
    Salut à tous

    Voila, j'ai developpé un petit site interne sur lequel les gens peuvent modifier le contenu d'un textarea.
    Seulement beaucoup quitte la page sans cliquer sur le bouton modifier.
    Je voudrais donc, dès que quelqu'un a modifier le textearea, lui mettre le bouton sauvegarder d'un couleur différente pour qu'il pense à modifier.

    J'ai écrit ceci mais rien de fontionne, si quelqu'un à une idée!

    Fichier style css:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    .submit_modif{
    background-color: Red;
    color: Yellow;
    }
    Fichier PHP
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <form action="index.php?action=submit" method="Post" name="calendrier">
    <textarea OnChange="this.calendrier.valider.className='submit_modif'">Texte par défaut</textarea>
    <input type="submit" name="valider" value="Valider"></form>
    D'avance merci

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Fais attention à la casse :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    this.form.Valider.className

  3. #3
    Débutant
    Profil pro
    Inscrit en
    Avril 2002
    Messages
    53
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2002
    Messages : 53
    Points : 39
    Points
    39
    Par défaut
    Effectivement, j'ai pas eu le temps de corriger sur le forum.
    Néanmoins avec cette correction, ca ne fonctionne pas mieux!

  4. #4
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Dans ce cas tentes avec les id ca passera mieu je pense

  5. #5
    Débutant
    Profil pro
    Inscrit en
    Avril 2002
    Messages
    53
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2002
    Messages : 53
    Points : 39
    Points
    39
    Par défaut
    Réponse, au lieu de this => document
    Au lieu de onChange => onkeypress
    Le problème vient du fait que le onchange ne fonctionne pas terrible, du moins pas de la facon dont je souhaite l'utiliser.



    Merci

  6. #6
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Ah tu as tout changé . Ben oui dans ce cas, oui c'est mieux

    Ben le onchange se base sur le principe d'un changement d'état à la sortie de l'élément donc onkeypress c'est mieux et je dirais meme onkeyup

Discussions similaires

  1. demande d'aide pour modifier un bouton submit avec rollover
    Par carmen256 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 18/12/2008, 17h01
  2. Liens à la place de bouton submit avec value
    Par saith dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 06/09/2007, 11h42
  3. Bouton submit avec bordure
    Par ero-sennin dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 26/01/2007, 12h50
  4. Transormer un lien bouton submit avec nom et valeur ?
    Par boteha dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 20/02/2005, 19h23
  5. Formulaire et bouton submit avec image mapée
    Par dody dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 06/12/2004, 16h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo