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 :

comment actionner automatiquement la checkbox?


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Avril 2007
    Messages
    521
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 521
    Par défaut comment actionner automatiquement la checkbox?
    Bonjour, j'ai un formulaire du type et je veux que lorsque je clic sur l'oeil que la checkbox directement à gauche soit activé afin d'afficher l'image appropprié. jusqu'ici il faut d'abord cliqué sur la case approprié de la checkbox avant le clic sur l'oeil et ça marche mais je veux pouvoir le faire sans cliquer sur la checbox mais que ce soit fait directement par clic sur l'oeil. chaque oeil et chaque case de la checkbox qui sont sur la même ligne ont le même id. Voici le code correspondant à l'image avec l'oeil
    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
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
     
        $check = pacsone_gettext("Check All");
        $uncheck = pacsone_gettext("Uncheck All");
        print "<input type='hidden' name='actionvalue'>\n";
     
     
     
     
    	      $key ='Show';
            $text = 'Show';
            $title = 'Show images of checked patients';
     
    			$cheminImage='oeil.png'; // les image doivent impérativement avoir le préfixe $key dans leur nom plus jpg
     
     
    		   $line = "<td ><input type=Image src=\"$cheminImage\" value='$text' name='action' id='$index' title='$title' "; // image transformé en bouton
                // applet-specific pre-Show handler
                if (strcasecmp($key, "Show") == 0) {
                    require "applet.js";
                    $handler = "switchText(this.form,\"actionvalue\",\"$key\"); return appletPreShow()";
                } else {
     
                   $handler = "switchText(this.form,\"actionvalue\",\"$key\")";
     
     
                }
     
                $line .= "onclick='$handler'></td>\n";
     
               print $line ;
     
     
     
        print "<td><input type=hidden value='$level' name='option'></td>\n";
        if (isset($hidden)) {
            foreach ($hidden as $name => $value) {
                print "<input type=hidden value='$value' name='$name'>\n";
            }
        }
    et celui correspondant à chaque case de la checkbox
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    print "\t\t<input type='checkbox' name='entry[]' id='$index' value='$data'>";
    il est dans un foreach. Mon but est de rajouter des ligne de code à l'évènement onclick de l'oeil pour pouvoir cocher la case appropriée et ainsi afficher mon image.
    Merci

  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
    Bonjour,
    Citation Envoyé par sebac Voir le message
    je veux pouvoir le faire sans cliquer sur la checbox mais que ce soit fait directement par clic sur l'oeil.
    Dans le onclick de l'œil, ajoute
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('id_de_la_checkbox').click();
    A+

  3. #3
    Membre éclairé
    Inscrit en
    Avril 2007
    Messages
    521
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 521
    Par défaut
    merci pour l'aide mais j'essaye de le rajouter dans le code du dessus mais ça ne marche pas j'ai l'impression que je ne gère pas bien les les guillemet "" des chaines de caractères. Sinon je continu à essayer de positionner ton bout de code dans le mien.

  4. #4
    Membre éclairé
    Inscrit en
    Avril 2007
    Messages
    521
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 521
    Par défaut
    J'ai essayé de faire ceci pour introduire le code de E.Bzz ça ne marche toujours pas voici la modif que j'ai faite
    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
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
     
    	$check = pacsone_gettext("Check All");
        $uncheck = pacsone_gettext("Uncheck All");
        print "<input type='hidden' name='actionvalue'>\n";
     
     
     
     
    	      $key ='Show';
            $text = 'Show';
            $title = 'Show images of checked patients';
     
    			$cheminImage='oeil.png'; // les image doivent impérativement avoir le préfixe $key dans leur nom plus jpg
     
     
    		   $line = "<td ><input type=Image src=\"$cheminImage\" value='$text' name='action' id='$index' title='$title' "; // image transformé en bouton
                // applet-specific pre-Show handler
                if (strcasecmp($key, "Show") == 0) {
                    require "applet.js";
    				// Modif conseillé par E.Bzz
                     $handler = "document.getElementById(\"id\").click(); switchText(this.form,\"actionvalue\",\"$key\"); return appletPreShow()";
                } else {
     
                   $handler = "switchText(this.form,\"actionvalue\",\"$key\")";
     
     
                }
     
                $line .= "onclick='$handler'></td>\n";
     
               print $line ;
     
     
     
        print "<td><input type=hidden value='$level' name='option'></td>\n";
        if (isset($hidden)) {
            foreach ($hidden as $name => $value) {
                print "<input type=hidden value='$value' name='$name'>\n";
            }
        }

  5. #5
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Salut,
    Tu peux nous donner le HTML généré, c'est plus facile à lire.

  6. #6
    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 andry.aime Voir le message
    Salut,
    Tu peux nous donner le HTML généré, c'est plus facile à lire.
    +1

    Surtout quand on lit pas le PHP

    Y a plus de checkbox ?

    A+

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

Discussions similaires

  1. Réponses: 11
    Dernier message: 20/09/2007, 14h51
  2. Réponses: 2
    Dernier message: 14/09/2006, 14h24
  3. Comment détecté automatiquement Une base erronée.
    Par ada_b dans le forum Débuter
    Réponses: 4
    Dernier message: 13/01/2005, 07h56
  4. [Internet] Comment lancer automatiquement la connexion ?
    Par laayouni_mus dans le forum Web & réseau
    Réponses: 4
    Dernier message: 10/09/2004, 20h14
  5. [JDevelopper] Comment indenter automatiquement le code ??
    Par Bicnic dans le forum JDeveloper
    Réponses: 5
    Dernier message: 03/08/2004, 21h11

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