Question onclick [Débutant(e)]

**mitchreward** · 18/09/2012, 11h40

Salut,

J'ai de bonne connaissance en php en revanche quasi aucune en JS .

Je voudrais de l'aide sur ce script, lorsqu'on clic dans la cellule <td> je voudrais que ça coche la checkbox (ce qui fonctionne) .

Mais c'est la que viens le mais, je voudrais que quand on re-clic dans cette meme td, ça décoche la checkbox

et là, je butte malgré pas mal de recherche, soyez indulgent, merci d'avance.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<table>
<tr>
<form name="c">
<td width="90" class="liste1" onclickDisabled= "document.forms.c.dmc.checked= true" ><input type="checkbox" name="dmc">adsdasd</td>
</form>
</tr>
</table>

Invité · 18/09/2012, 21h32

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td width="90" class="liste1" onclick="if(document.forms.c.dmc.checked==false){document.forms.c.dmc.checked=true; }else{ document.forms.c.dmc.checked=false;}" >

**NoSmoking** · 18/09/2012, 22h01

Bonsoir,
on peut également faire plus court avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="document.forms.c.dmc.checked = !document.forms.c.dmc.checked"

nota: j'ai bien aimé ton onclickDisabled

**mitchreward** · 19/09/2012, 16h48

A niquel, merci pour vos réponses, il demeure néanmoins un hic .

quelqu'un a une idée pourquoi dans cet extrait de code le JS n'est pas exécuté sachant que les balises php sont fermées ?

Je sais que le JS est coté browser, mais le navigateur devrait interpreté le code dans l'ordre d'exécution non comme ?> ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
echo '<td width="90" class="',$class,'"><form name="c"><input type="checkbox" name="dmc">'; 
?>   
</script>
<a href="#" onclick = "document.forms.c.dmc.checked = !document.forms.c.dmc.checked">ahahah</a></form></script>
 <?php

**SpaceFrog** · 19/09/2012, 16h54

parce que le href n'est pas inhibé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onclick = "document.forms.c.dmc.checked = !document.forms.c.dmc.checked; return false ">

du coup la page se rechargeait

**mitchreward** · 19/09/2012, 17h34

J'ai testé avec ta ligne de code, mais c'est idem. Arf je suis perdu avec les termes JS et j'ai pas un seul développeur sous la main pour m'aider.

Ca recharge juste la page en ajoutant un # à la fin de l'url, mais sans cocher la checkbox.

**NoSmoking** · 19/09/2012, 18h04

oui MAIS, regardes le code généré et tu verras que des balises script, sournoises se sont immiscés dans ton code

echo '<td width="90" class="',$class,'"><form name="c"><input type="checkbox" name="dmc">'; 
?>   
</script>
<a href="#" onclick = "document.forms.c.dmc.checked = !document.forms.c.dmc.checked">ahahah</a></form></script>
 <?php

Il te faut donc reprendre ton codage PHP de sorte que tu obtiennes un code HTML correct.

**mitchreward** · 19/09/2012, 19h47

Non je les avais vues ces méchantes balises script .

Voici un plus large extrait de mon code si quelqu'un avait une idée:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>smtpban</title> 
<link rel="stylesheet" href="styleindex.css" type="text/css" media="screen"/>
</head> 
<body>
<div id="toplink">
<a href="http://XXX.XXX/app/index.php"> afficher la liste </a>
</div>
<br>
<form method=post action="insert.php"> 
LDAP gestion smtp
<?php
include ('connect.php');
function requete($cat,$class){
$req_global = " SELECT id, produit , categorie FROM app2 WHERE categorie='$cat'";
$ret_global = mysql_query ($req_global) or die ;
$first_column = true;  
echo '<table>';  
while ($arr_global = mysql_fetch_array($ret_global)) {
if ($first_column) { 
echo '<tr>';
 }  
echo '<td width="90" class="',$class,'"><form name="c"><input type="checkbox" name="dmc">'; 
?>   
 
<a href="#" onclick = "document.forms.c.dmc.checked = !document.forms.c.dmc.checked; return false ">devraismarcher</a></form>
 <?php
if (!$first_column) { 
echo '</tr>';
}
$first_column = !$first_column;
}
echo '</table>';

**mitchreward** · 19/09/2012, 19h49

C'est une appli un peu délicate question sécurité, je ne peux pas donner l'URL pour test par contre.

elle tourne sur un serveur web interne de toute façon

**NoSmoking** · 19/09/2012, 20h35

il te faut obtenir un code PROPRE en HTML, donc regarde le code HTML généré, CTR +U par exemple

Structure valide

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<form>
  <table>
    <tr>
      <td>
        <input />
      </td>
    </tr>
  </table>
</form>

ou encore

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<table>
  <tr>
    <td>
      <form>
        <input />
      </form>
    </td>
  </tr>
</table>
</form>

Question onclick [Débutant(e)]

JavaScript

Discussions similaires

Partager

Partager