11548 sujets

JavaScript, DOM et API Web HTML5

salut,

j ai ce script qui me permet quand je clique sur une ligne de mon tableau, qu elle change de couleur...., et ce que je voudrais savoir, est comment faire pour que quand je clique sur la ligne le bouton radio se mette a checked ??

<html> 
<head> 
<style> 
.red {background-color:white} 
.blue {background-color:blue} 
.black{background-color:black} 
.tab{cursor:crosshair } 
.option{checked:checked} 
</style> 

<script> 
var lastTr; 




function blok(objet){ 
objet.className="option" 
if(lastTr)lastTr.className="red" 
objet.className="blue" 
lastTr=objet; 
} 

</script> 
</head> 
<body> 
<form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post"> 

<?php 

echo'<table width="70%" border="1">'; 
for($i=1;$i<5;$i++){ 

echo'<tr class="white" onClick="blok(this)"><td><input type="radio" name="a" value="'.$i.'"></td><td>'.$i.'</td><td>bleu</td></tr>'; 
} 

echo '</table>'; 

//if(isset($_POST['a'])){ 
//echo 'ok'.$i; 
echo @$_POST['a'];
//} 
?> 

<input type="submit" name="ok" value="ok"> 
</form> 

</body> 
</html>


merci
Bonsoir,
une solution :

<html>
<head>
<style>
.red {background-color:white}
.blue {background-color:blue}
.black{background-color:black}
.tab{cursor:crosshair }
.option{checked:checked}
</style>

<script>
var lastTr;




function blok(objet, id_objet){
objet.className="option"
if(lastTr)lastTr.className="red"
objet.className="blue"
lastTr=objet;

document.getElementById(id_objet).checked = true;
}

</script>
</head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post">

<?php

echo'<table width="70%" border="1">';
for($i=1;$i<5;$i++){

echo'<tr class="white" onClick="blok(this,\'radio' . $i . '\')"><td><input type="radio" id="radio' . $i . '" name="a" value="'.$i.'"></td><td>'.$i.'</td><td>bleu</td></tr>';
}

echo '</table>';

//if(isset($_POST['a'])){
//echo 'ok'.$i;
echo @$_POST['a'];
//}
?>

<input type="submit" name="ok" value="ok">
</form>

</body>
</html>


ici j'ajoute simplement un paramètre dans ta fonction javascript pour connaitre l'id du bouton radio.
Ce dernier étant ajouté en php.

@+
exact sa marche
maintenant avec le code php je peux savoir qu elle ligne est coché et recuperer l id et faire un passage de parametre par url,en utilisant winow.open c est possible ?
je suis sceptique quant à l'existence de checked:checked en css...

du moins, je n'en ai rien vu sur le w3c...

vous êtes sûr que ça existe ?
Lisarael a écrit :
je suis sceptique quant à l'existence de checked:checked en css...


pourquoi t'interroges tu la dessus ?
oli a écrit :


pourquoi t'interroges tu la dessus ?

Parcequ'à priori ça existe pas !!!
Passe au validateur CSS pour savoir déjà si c'est définit par le w3c.

Après faudrait voir si c'est propriétaire d'IE ou d'un autre ou enfin si tu n'a pas utilisé un truc qui n'existe tout simplement pas et qui ne fait en fait rien Smiley langue
Olivier a écrit :

Parcequ'à priori ça existe pas !!!
Passe au validateur CSS pour savoir déjà si c'est définit par le w3c.

Après faudrait voir si c'est propriétaire d'IE ou d'un autre ou enfin si tu n'a pas utilisé un truc qui n'existe tout simplement pas et qui ne fait en fait rien Smiley langue


en fait je n'avais pas lu le css et regardé seulement le js ! Smiley sweatdrop
de toute façon il n'y a qu'à l'enlever car pour le code que j'ai donné cela ne sert à rien !
Modifié par oli (13 May 2005 - 11:05)
oli a écrit :


pourquoi t'interroges tu la dessus ?



pasque je suis du genre curieux quand je vois une propriété que je n'ai jamais rencontrée, et qu'en fouillant les recommandations css sur le site du W3C, j'ai rien trouvé...

d'où mon intérrogation.
Modifié par Lisarael (13 May 2005 - 11:12)
oli a écrit :

en fait je n'avais pas lu le css et regardé seulement le js ! Smiley sweatdrop


je me serais posé la question aussi Smiley cligne

mehdi a écrit :

maintenant avec le code php je peux savoir qu elle ligne est coché et recuperer l id et faire un passage de parametre par url,en utilisant winow.open c est possible ?


Si tu fais tes tests en utilisant php, ce n'est pas la peine d'utiliser javascript pour faire la redirection, continue à utiliser php