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 :

Changement de backgroundImage et propriété de checkbox


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de Roromix
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    182
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Décembre 2005
    Messages : 182
    Par défaut Changement de backgroundImage et propriété de checkbox
    On me dit qu'un Objet est attendu, je ne comprend pas !

    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
    16
    17
    function BackImg(bloc,act) {
    var check = document.getElementById('pic['+bloc+']').checked.value;
    if (check == false) {
      if (act == 'over') { var Img = 'url(pic_over.png)'; }
      elseif (act == 'out') { var Img = ''; }
      else {
        var Img = 'url(pic_select.png)';
        document.getElementById('pic['+bloc+']').checked=true;
      }
      document.getElementById(bloc).style.backgroundImage=Img;
    }
    elseif (act == 'select') {
      var Img = 'url()';
      document.getElementById('pic['+bloc+']').checked=false;
      document.getElementById(bloc).style.backgroundImage=Img;
    }
    }

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    "On" aura oublié de te signaler une autre erreur apparament.
    Celle que je vois aurait dû générer un message du type "l'objet ne possède pas une telle propriété / méthode" :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var check = document.getElementById('pic['+bloc+']').checked;
    (sans le .value, donc)
    Mais sans le code du reste de la page ...

    A+

  3. #3
    Membre confirmé Avatar de Roromix
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    182
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Décembre 2005
    Messages : 182
    Par défaut
    pourquoi sans le code du reste de la page ?

  4. #4
    Membre confirmé Avatar de Roromix
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    182
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Décembre 2005
    Messages : 182
    Par défaut
    J'ai rajouté le code HTML qui va avec et j'ai modifié mon histoire de checked.value :

    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
    16
    17
    18
    function BackImg(bloc,act) {
    if (!document.getElementById('pic['+bloc+']').checked) {
      if (act == 'over') { var Img = 'url(pic_over.png)'; }
      elseif (act == 'out') { var Img = ''; }
      else {
        var Img = 'url(pic_select.png)';
        document.getElementById('pic['+bloc+']').checked='true';
      }
      document.getElementById(bloc).style.backgroundImage=Img;
    }
    elseif (act == 'select') {
      var Img = 'url()';
      document.getElementById('pic['+bloc+']').checked='false';
      document.getElementById(bloc).style.backgroundImage=Img;
    }
    }
    		</script>
    		<div id="1" style="width:150px;height:150px;float:left;background-image:" onMouseOver="BackImg(this,'over')" onMouseOut="BackImg(this,'out')" onClick="BackImg(this,'select')"><img src=""><br/>11 <a href=""><img src="corbeille.png"></a> <input type="checkbox" id="pic[1]" value="11"></div>

  5. #5
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par E.Bzz
    Mais sans le code du reste de la page ...
    ... sous-entendu : "pas possible de voir si ça vient d'ailleurs"
    C'était le .value, donc ?

    A+

  6. #6
    Membre confirmé Avatar de Roromix
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    182
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Décembre 2005
    Messages : 182
    Par défaut
    il a fallu rajouter un espace entre else et if.
    erreur bête !

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

Discussions similaires

  1. Changement d'une seule proprièté
    Par isaric dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 29/03/2012, 19h08
  2. [c#] Mettre à jour une propriété sur le changement d'une autre propriété
    Par yonpo dans le forum Windows Presentation Foundation
    Réponses: 6
    Dernier message: 26/08/2011, 18h51
  3. Réponses: 9
    Dernier message: 12/01/2010, 23h09
  4. changement de l'etat d'un checkbox
    Par gloglo dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 23/03/2007, 12h04
  5. propriétés de checkbox
    Par amika dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 27/05/2005, 17h23

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