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 :

Curseur input javascript


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de youcef81
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    241
    Détails du profil
    Informations personnelles :
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Mai 2006
    Messages : 241
    Par défaut Curseur input javascript
    Bonjour

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
     
    <script language="JavaScript" type="text/javascript">
       function effet()
        {
        window.document.getElementById("name").style.cursor=point;
           }
      </script>
     
     <input type="text" id="name" value="OR" size="40" maxlength="40"  onmouseover='effet();' />
    j'essaye de coloriser mon input et de changer le curseur on mousover de l'input. ça marche pas ,
    Merci de m'aider

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    D'une part, il est très déconseillé d'utiliser pour id un nom d'attribut.

    D'autre part, la valeur "point" pour la propriété "cursor" n'existe pas, c'est "pointer";

    En enfin il faut le mettre entre guillemets.



    Au passage, pourquoi s'embêter d'une fonction alors qu'on peut faire simple :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onmouseover="this.style.cursor='pointer';"
    Ou alors, pour faire de manière générique et pour pouvoir réutiliser la fonction :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onmouseover="effet(this)"
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function effet(obj){
       obj.style.cursor = "pointer";
    }

  3. #3
    Membre éclairé Avatar de youcef81
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    241
    Détails du profil
    Informations personnelles :
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Mai 2006
    Messages : 241
    Par défaut
    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
     
    <script language="JavaScript" type="text/javascript">
     
      function effet(obj){
          obj.style.cursor = "pointer";
          obj.style.backgroundColor= "red";
         }
     
         function effet2(obj){
     
          obj.style.backgroundColor= "white";
         }
     
      </script>
        <input name="text" type="text" id="1"   onMouseOver="effet(this);"  onMouseOut="effet2(this);" value="OR" size="40" maxlength="40" />
    Merci beucoup voila ce que j'ai cherché faire.
    je m'execuse pour point , c'est une erreur , par contre j'aime bien savoir porkoi il est deconseillé d'utiliser des noms d'attributs pour les ID ?
    Merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Récupérer nom champ input javascript zone div
    Par Papipen dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 04/05/2009, 16h51
  2. Formulaire HTML Curseur input text
    Par drob38 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 11/03/2008, 08h23
  3. faire passer le curseur d'un input text à un autre automatiq
    Par calitom dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 04/04/2006, 10h21
  4. Index du curseur dans un input type=text
    Par antonus dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 09/09/2005, 17h52
  5. champs input bd et javascript
    Par snakab dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/04/2005, 15h12

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