javascript et doctype

Version imprimable

bonjour,

j'ai du code javascript qui me permet de cocher des checkbox.
Il marche très bien quand il n'y a pas de doctype en début de page.

Si je rajoute un doctype il n'est plus correctement interprété.

Est-ce normal?

je vous met le code en question:
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"> function Warp(obj){ obj.className=(obj.className=='checkbox_checked')?'checkbox_checked':'checkbox_checked'; } function Warped(obj){ obj.className=(obj.className=='checkbox_unchecked')?'checkbox_unchecked':'checkbox_unchecked'; } </script>
et
Code:

1 2 3 4 5 6 7 8 9 <label id="label_<?echo $i;?>" for='checkbox_<?echo $i+1;?>' class="checkbox_unchecked" onclick=" <?for ($a=1;$a<6;$a++){?> document.forms.form.checkbox_<?echo $a;?>.checked= false; <?}for ($j=0;$j<($i+1);$j++){?> Warp(label_<?echo $j;?>); <?}for ($j=$i+1;$j<5;$j++){?> Warped(label_<?echo $j;?>); <?}?>">
si quelqu'un peut m'aider...

14/06/2007, 13h58
SpaceFrog

encore une fois oui=non à quoi te sert le test ??????
14/06/2007, 14h00
liberty74

le test?

je ne sais pas:oops: le code n'est pas de moi et c'est la première fois que je fais du javascript, tout ce que je peux dire c'est que ca marche...

il coche tout simplement une série de checkbox en dessous d'un point et décoche celle qui sont au dessus....
14/06/2007, 14h11
SpaceFrog

la code marche ???

en gros tu fais :

obj.className= //attribuer le nom de class en focntion du nom de class du check
(obj.className=='checkbox_checked')?' // si son nom est check box checked alors tu lui donne comme 'nom checkbox_checked'
si son nom n'est pas checkbox_checked alors tu lui donne 'checkbox_checked'

je ne vois vraiment pas l'interet autant lui dire que le nom est checkbox_checked ...
14/06/2007, 14h20
liberty74

oui vu comme ca...

c'est vrai que ca marche aussi, je peux pas te dire d'ou ca sort...

seulement le problème est toujours le même : avec un doctype W3C le code n'est plus interpreté et sans doctype il marche. qu'est ce que le doctype bloque dans mon code?

j'ai pris celui ci pour info:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

essaye déja de modifier comme ça :
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"> function Warp(obj){ obj.className=(obj.className=='checkbox_checked')?'checkbox_unchecked':'checkbox_checked'; } function Warped(obj){ obj.className=(obj.className=='checkbox_unchecked')?'checkbox_checked':'checkbox_unchecked'; } </script>
mais bon ça fait double emploi ...
je ne vois vraiment pas à quoi sert cette bidouille ...

c'est un code que j'ai repris, sur tes conseils j'ai fait:

Code:

1
2
3
4
5
6
function Warp(obj){
	obj.className='checkbox_checked';
}
function Warped(obj){
	obj.className='checkbox_unchecked';
}

et comme je disais ca passe aussi mais pas avec le doctype...

le problème doit plutot venir du code dans la balise html:

Code:

1
2
3
4
5
6
7
8
9
<label  id="label_<?echo $i;?>"  for="checkbox_<?echo $i+1;?>" class="checkbox_unchecked" onclick="
<?for ($a=1;$a<6;$a++){?>
document.forms.form.checkbox_<?echo $a;?>.checked= false;
<?}for ($j=0;$j<($i+1);$j++){?>
 
Warp(label_<?echo $j;?>);
<?}for ($j=$i+1;$j<5;$j++){?>
Warped(label_<?echo $j;?>);
<?}?>">

14/06/2007, 14h34
SpaceFrog

ben change de doc type on n'en mets pas :D

ou rajoute

Code:

<script type="text/javascript" language="JavaScript" >

ou verifie la casse de text/javascript
text/JavaScript ?
14/06/2007, 14h34
liberty74

héhé j'ai éssayé tout ceux que j'ai pu trouver :cry:

ce n'est pas non plus un problème de casse...

je crois bien que je vais m'en passer.

merci de ton aide.
14/06/2007, 18h53
Auteur
bonjour,

liberty74 : si tu nous disais les erreurs retournées par le validateur HTML (http://validator.w3.org/)

Sinon en encadrant ton script par CDATA ?
Code:

1 2 3 4 5 6 7 8 9 10 11 <script type="text/javascript">  </script>