begin process at 2012 05 28 23:56:39
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Fonctionnement d'une propriété d'un navigateur

 > 

changement d'image selon l'état d'une checkbox


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

changement d'image selon l'état d'une checkbox

lundi 10 juillet 2006 à 15:23:58 | changement d'image selon l'état d'une checkbox

jasou62114

voilà j'ai un p'tit soucis j'espère qu'un "boss" trouvera mon pb, j'ai jms fait de javascript, et je galère à mort, mais j'ai récupérer des codes sur un site j'essaye de faire de même mais je galère, en fait je voudrai changer l'image de mon checkbox selon l'état. voici mon code

<?php
require("..\fonctions\php\function.php");
session_start();

// Connexion à la BDD
connecter();

$sql = "SELECT id_tbl_user, nom_tbl_user ,prenom_tbl_user FROM tbl_user ORDER BY nom_tbl_user ASC";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css/formasup_intranet.css"/>
<title>Envoi du message</title>

<script langage="Javascript">

//Cette partie ci dessous fonctionne sans problème
function selectcbx(cas,choix){
  //test si on a plusieur ligne
  //alert ("coucou!!!");
  if(choix.length>0){
    if (cas.checked){
      for (var i=0; i<choix.length;i++){
        choix[i].checked=true
      }
    }
    else{
      for (var i=0; i<choix.length;i++){
        choix[i].checked=false
      }
    }
  }
  else{
    if (cas.checked){
      choix.checked=true
    }
    else{
      choix.checked=false
    }
  }
}


// Creation de la balise IMG
image = document.createElement('img');
 
// Définition de l'attribut SRC (de manière relative)
image.src = '../img/toutselectionner.gif';
function chgCB(){
/* On récupère la liste des balises INPUT présentes dans le FIELDSET avec l'id 'chbx' */
CHKB = document.getElementById('chbx').getElementsByTagName('input');

for(i=0; i<CHKB.length; i++){
 

  /* Pour chaque balise trouvée, on s'assure qu'il s'agit bien d'un checkbox */
  if(CHKB[i].type == "checkbox"){
 

    /* On créé la balise image qui correspondra à notre checkbox */
    IMG = document.createElement('img');
 

    /* On définit l'url de l'image en fonction de l'état initial de la checkbox */
    IMG.src = 'cbperso0.gif'; // Etat normal
    if(CHKB[i].checked)  IMG.src = '../img/toutdesactiver.gif' //Etat coché
    if(CHKB[i].disabled) IMG.src = '../img/toutselectionner.gif' //Etat desactivé
 

    /* On ajoute l'image dans la balise qui contiens la checkbox (parentNode),
       juste avant cette dernière (insertBefore) */
    CHKB[i].parentNode.insertBefore(IMG, CHK[i]);
 

    /* On fait "disparaître" la checkbox */
    CHKB[i].style.visibility = "hidden";
    CHKB[i].style.position   = "absolute";
  }
}
}

CHKB[i].onchange = function(){
 
  /* On sélectionne l'image que l'on a ajoutée devant notre checkbox */
  IMG = this.parentNode.getElementsByTagName('img')[0];
 

  /* Si la checkbox a été cochée, on affiche l'image cochée */
  if(this.checked == true) IMG.src = '../img/toutdesactiver.gif'
 
  /* Sinon, on affiche l'image décochée */
  else IMG.src = '../img/toutselectionner.gif'
}
</script>


</head>
<body background = "../img/mecseul_effet.gif" topmargin="0">
<div align="center"><img src="../img/bandeau_message.gif"></div><br><br>
<form method="POST" action="./MessageEnvoye.php" name="SaisieMessage" >
<div align="right"><font class='c09Bleu'>le :</font><font class="c10BoldOrangeitalic">
<?php
//<img src='../img/toutdesactiver.gif'>
//<img src='../img/toutselectionner.gif'>
$date=date("d-m-Y");
echo $date."  à  ";
$heure=date("H:i:s");
echo $heure;
$_SESSION['date_msg'] = $date;
$_SESSION['heure_tbl_msg'] = $heure;
?></font>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
<input name="Courrier" value="Courrier Suivi" checked="checked" type="radio">
<font class='c09Bleu'>Courrier Suivi</font>
<input name="Courrier" value="Information" type="radio">
<font class='c09Bleu'>Information</font>
<input name="Courrier" value="Note de service" type="radio">
<font class='c09Bleu'>Note de Service</font><br><br>
<?php
echo "<table border='0'><tr><td colspan='4' align='center'>
<img src='../img/toutselectionner.gif'>
<input type='checkbox' name='all' id='chbx' onclick='selectcbx(document.SaisieMessage.all,document.SaisieMessage.choix);' /></td></tr>";
    $cpt='0';
        while($row = mysql_fetch_array( $req)) {
        $pair=pair($cpt);
        $impair=impair($cpt);
        if($pair=="oui"){
            echo "<tr><td><font class='c09Bleu'>".$row['prenom_tbl_user']." ".$row['nom_tbl_user']."</font></td><td><center>
        <input type='checkbox' name='choix' value=\" ".$row['id_tbl_user']."\"></center></td>";
            $pair="non";
            }
        if($impair=="oui"){
            echo "<td><font class='c09Bleu'>".$row['prenom_tbl_user']." ".$row['nom_tbl_user']."</font></td><td><center>
        <input type='checkbox' name='choix' value=\" ".$row['id_tbl_user']."\"></center></td></tr>";
            $impair="non";
            }
        $cpt++;
        }
?>
</table>
<br><br><font class='c09Bleu'>De&nbsp;: </font><input  type="text" name="Emmeteur" size='50'>
<br><br><font class='c09Bleu'>Sujet&nbsp;:</font>&nbsp;<input  type="text" name="SujetMessage" size='80'><br>
<br><font class='c09Bleu'>Message&nbsp;:</font> <br><textarea cols="80" rows="10" name="SaisieMessage"></textarea><br>
<br>
<div style="text-align: center;">
<input checked="checked" name="DegresUrgence" value="Normal" type="radio"><font class='c09Bleu'>Normal</font>&nbsp;
<input name="DegresUrgence" value="Urgent" type="radio"><font class='c09Bleu'>Urgent</font>
<br><br><input type="image" name="valider" type="submit" src="../img/valider.gif">
<?php
// déconnexion de la BDD
deconnecter();
?>
</div>
</font>
</form>
</body>
</html>


si quelqu'un trouve je le considèrerait comme un dieu!!!!
lundi 10 juillet 2006 à 17:43:03 | Re : changement d'image selon l'état d'une checkbox

PetoleTeam

Membre Club


B onjour...

Il semblerait que la déclaration
CHKB[i].onchange = function(){
....
}
soit en dehors de la fonction de création des IMG function chgCB()
...que vaut i à ce moment la du code ??? => que vaut
CHKB[i]

;0)
mardi 11 juillet 2006 à 11:15:42 | Re : changement d'image selon l'état d'une checkbox

jasou62114

ca va tout compte fait j'ai résolu le pb en php ^^


Cette discussion est classée dans : checkbox, image, img, nbsp, tbl


Répondre à ce message

Sujets en rapport avec ce message

image qui cache une autre [ par hdt ] Bonjour,j'aimerais qu'avec le dragon ci dessus je fasse un lien sur sa queue faisant apparaitre ma photo si on clique sur sa queue.Merci Je n'y comprend rien > réduction d'image [ par RazielReaver ] salut a tousJe suis en train de préparé une petite appli javascript et php (dont je mettrais le source ici promis) qui scanne les repertoires de sa ra CONTROLE SUR IMAGE EXTERNE / URL [ par Designotik_51 ] Salut tout le monde, g un problème qui me prend le chou depuis 2 jours.J'ai un formulaire composé de différents champs dont un qui correspond a une ad Probleme de redimensionnement d'image automatique [ par tonic1 ] Bonjour à tous, après avoir fouiller quelques temps dans le forum, je ne trouve pas de réponse à un probleme.Voici mon code : <FONT face="Courier New copier un champ avec un Checkbox [ par christobal ] Bonjour, j'ai un formlaire qui me permet de mettre dans ma DB des produits.Comme j'utilise la "ref" du produit pour le nom de l'image, j'aimerais pouv phototeque [ par guycnoel ] bonjour voici une page avec un code hyper simplifié qui affiche des petites photos (thumbs). quand on clique sur une de ces photos, une fenêtre window Simuler de thread en Javascript [ par petit_stagiaire ] Bonjour,j'ai créé une fonction qui permet de faire tourner une image.elle se rappelle elle-même avec in setTimeout qui simule la vitesse.function tour DesignMode et Event sur IMG [ par syndrael ] Bonjour,Je suis en train de travailler sur un Editeur HTML utilisant le DesignMode. J'insère une image mais j'aimerais connaitre les événements autour de image aléatoire à anim flash aléatoire [ par flop25 ] bonjour j'avais un scrpit pour afficher des images aléatoirement qui marchait bien ! j'ai voulu l'adapter pour afficher des animations flash aléatoire Construction d'un petit menu [ par richch ] Bonjour, J'ai ce petit tableau : <table width="9%


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,374 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales