bouton radio invisible

Version imprimable

20/04/2008, 14h55
omar071286

bouton radio invisible

Bonjour

Je suis sur la création d’une application et je souhaite intégrer un script php dans une page html sans modifier l’extension du page html.

Je veut savoir est ce que il y a possibilité du rendre les bouton radio et checkbox invisible c'est-à-dire. Quand je clique sur le bouton 1 je veut trouver bouton radio1 si je clique sur le bouton 2 je veut trouver bouton radio2.

Merci
20/04/2008, 15h06
Kerod

Tout d'abord comment veux-tu intégrer un script php dans une page avec l'extension html ? A part l'aspect AJAX tu peux pas le faire.

Enfin ce que tu demandes n'a rien à voir avec du PHP, mais plutôt avec du JavaScript. Sauf si tu veux recharger la page :roll:
20/04/2008, 15h16
omar071286

donc est ce que c'est possible avec de javascript integrer du php???
20/04/2008, 15h22
Kerod
Citation:

Envoyé par Kerod

A part l'aspect AJAX tu peux pas le faire.

Donc oui vu que pour faire de l'AJAX il faut du JavaScript (AJAX = Asynchronous JavaScript and XML).

Si tu veux savoir comment faire je te propose de jeter un oeil à ces tutoriels :
1. Introduction à AJAX et interaction avec PHP
2. Ajax : Vos premiers pas dans les nouvelles technologies
Mais attention, faire ainsi peut apporter quelques complications car si le client désactive le JavaScript c'est tout le script qui ne fonctionnera pas.

Bonjour,

Citation:

Envoyé par omar071286

Je veut savoir est ce que il y a possibilité du rendre les bouton radio et checkbox invisible c'est-à-dire. Quand je clique sur le bouton 1 je veut trouver bouton radio1 si je clique sur le bouton 2 je veut trouver bouton radio2.

tu peux faire comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script language="javascript" type="text/javascript">
function afficheCheckbox(test)
{
  if(document.getElementById(test).style.visibility == 'hidden') {
     
         document.getElementById(test).style.visibility = 'visible';
    } else {
        document.getElementById(test).style.visibility = 'hidden';
}
}
</script>
 
<form name="form" method="post" action="">
<input type="button" name="Bouton1" id="Bouton1" value="Bouton 1" onclick="afficheCheckbox('checkbox1')">
<div id="checkbox1" style="visibility:hidden">
<input type="checkbox" name="checkbox1"> Checkbox 1
</div>
<input type="button" name="Bouton2" id="Bouton2" value="Bouton 2" onclick="afficheCheckbox('checkbox2')">
<div id="checkbox2" style="visibility:hidden">
<input type="checkbox" name="checkbox2">Checkbox 2
</div>
</form>