Question onclick

Version imprimable

18/09/2012, 11h40
mitchreward

Question onclick
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 :cry:

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

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>
18/09/2012, 21h32
Invité

Bonjour,

Code:

<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;}" >
18/09/2012, 22h01
NoSmoking

Bonsoir,
on peut également faire plus court avec

Code:

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

nota: j'ai bien aimé ton onclickDisabled ;)

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:

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

19/09/2012, 16h54
SpaceFrog

parce que le href n'est pas inhibé

Code:

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

du coup la page se rechargeait
19/09/2012, 17h34
mitchreward

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. :cry:

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

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.

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:

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>';

19/09/2012, 19h49
mitchreward

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

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

Structure valide

Code:

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

ou encore

Code:

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