Aller au contenu

javascript bouton radio


Sujets conseillés

bonjour tout le monde, j'aurais besoin de vos talents un script que j'essaye de faire ( je ne qu'un débutant en javascript, mai sa avance bien :P)

e script me permet d'afficher uin texte lorsque je clique sur un bouton.

<html>

<head>

<script language="JavaScript">

<!--


function detail()

{

ref=document.getElementById("info");

ref.innerHTML="<table border=\"1\"><tr><td>"+

"<span color=#0000ff>Voici les infos complémentaires<br>qui vous avez demander..."+

"<br><a href=\"http://www.webmaster.fr\">CCM c'est fun;-)</a></span></td></tr></table>";

}



// -->

</script>

</head>

<body>

<form namle="fmr" id="frm">

<table>

<tr><td>Ceci est juste un résumé ...</td></tr>

<tr><td><input type="button" value="Plus d'info ..." onclick="detail()"></td><tr>

<tr><td id="info"> </td></tr>

</table>

</body>

</html>

j'ai une question sur ce même script, j'ai remplacer le bouton par un input de type radio. jusque la, pas de problème, seulement, comment faire si j'ai deux bouton radio, et afficher un texte dans une cellule (d'un tableau ou un div) en fonction du bouton radio que j'ai cliquer ?

Lien vers le commentaire
Partager sur d’autres sites

<input type=radio id=bouton1 onclick="document.getElementById('texte1').innerHTML='bouton1'">

<input type=radio id=bouton2 onclick="document.getElementById('texte1').innerHTML='bouton2'">

<div id=texte1></div>

Lorsque tu as plusieurs 'onclick' à mettre sur le même bouton, une méthode (celle que j'utilises quasiment à chaque fois, pour tous les évènements) >

$onclick = array();

$onclick[] = "alert('evenement 1')";

$onclick[] = "alert('evenement 2')";

echo " <img id=\"imageenvoyer\" src=\"envoyer.gif\" style=\"cursor:pointer\" onClick=\"".implode(";",$onclick)."\">\n";

Bon... Tu l'auras compris, ce qu'es intéressant, c'est le principe du tableau, et l'utilisation du 'implode' qui facilite énormément ces différents effets.

Nico.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...