Pour les pros: php ou html je sais pas....
Résolu
lucas01
Messages postés
1835
Date d'inscription
Statut
Membre
Dernière intervention
-
miramaze Messages postés 1429 Date d'inscription Statut Contributeur Dernière intervention -
miramaze Messages postés 1429 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour, dans mon site qui na pas beacoup de client j'ai décider de faire l'espace client à la main, je débute et je suis en train d'apprendre le SQL... Donc bon c'est mon choix et je vais a mon rytme...
Donc mon problème est:
<input type=radio name="cat1" value="j'ai toujours pas reçu mon objet">
<br>
<INPUT type=radio name="cat1" value="J'ai bien reçu mon objet">
<br>
<INPUT type=radio name="cat1" value="J'ai bien reçu mon objet et je suis content">
Oui ces trois phrases.
Et je veut faire:
<input type=radio name="cat1" value="j'ai toujours pas reçu mon objet">
Si en gras séléctionné alors mettre cette phrase: ne vous en faites pas, vous aller bientôt le recevoir.... ect...
<br>
<INPUT type=radio name="cat1" value="J'ai bien reçu mon objet">
<br>
<INPUT type=radio name="cat1" value="J'ai bien reçu mon objet et je suis content">
Voila, c'est bête mais bon...
Merci d'avance.
Donc mon problème est:
<input type=radio name="cat1" value="j'ai toujours pas reçu mon objet">
<br>
<INPUT type=radio name="cat1" value="J'ai bien reçu mon objet">
<br>
<INPUT type=radio name="cat1" value="J'ai bien reçu mon objet et je suis content">
Oui ces trois phrases.
Et je veut faire:
<input type=radio name="cat1" value="j'ai toujours pas reçu mon objet">
Si en gras séléctionné alors mettre cette phrase: ne vous en faites pas, vous aller bientôt le recevoir.... ect...
<br>
<INPUT type=radio name="cat1" value="J'ai bien reçu mon objet">
<br>
<INPUT type=radio name="cat1" value="J'ai bien reçu mon objet et je suis content">
Voila, c'est bête mais bon...
Merci d'avance.
A voir également:
- Pour les pros: php ou html je sais pas....
- Shadow : le cloud computing pour les gamers et les pros - Télécharger - Outils Internet
- Commande sudo Windows 11 : un nouvel outil pour les experts et les pros - Accueil - Windows
- C'est l'astuce des pros pour déplacer en une fois tous les fichiers de plusieurs dossiers sur un PC - Accueil - Windows
- L'astuce du cure-dent : le secret des pros pour découper facilement fruits et légumes - Guide
- Alarme maison : auto-installation ou installation par des pros, que choisir ? - Accueil - Protection
15 réponses
Ouaip.
J'ai pas fait ça avec le innerHTML mais bon le résultat est le même, peut-être qu'un innerHTML serait plus classieux, à voir.
Tu feras pas attention aux détails j'ai fait ça vite fait pour te montrer, à toi de remanier pour que ce soit parfait ;)
C'est ok sous IE7, chrome 5, firefox 3.6, iceweasel 3.0
All software sucks.
Alan Cox
J'ai pas fait ça avec le innerHTML mais bon le résultat est le même, peut-être qu'un innerHTML serait plus classieux, à voir.
Tu feras pas attention aux détails j'ai fait ça vite fait pour te montrer, à toi de remanier pour que ce soit parfait ;)
C'est ok sous IE7, chrome 5, firefox 3.6, iceweasel 3.0
<!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" xml:lang="en"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript;text/html;charset=UTF-8" /> <title>Test</title> <style type="text/css"> #msg { width: 100px; height: 100px; background-color: red; } </style> </head> <body> <h1>Page d'essai</h1> <div id="text-radio1">J'ai toujours pas reçu mon objet <input id="radio1" type="radio" name="cat1" value="1" onclick="displayMsg();" /> <div id="msg" style="display:none;">Ne vous en faites pas il va bientôt arriver !</div> </div> <br /> <div id="text-radio2">J'ai bien reçu mon objet <input id="radio2" type="radio" name="cat1" value="2" onclick="hideMsg();" /> </div> <br> <div id="text-radio3">J'ai bien reçu mon objet et je suis content <input id="radio3" type="radio" name="cat1" value="3" onclick="hideMsg();" /> </div> <br /> </body> </html>
All software sucks.
Alan Cox
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Quand tu cliques où ?
Si tu cliques sur le premier normalement la phrase que tu voulais s'affiche en dessous. Et quand tu cliques sur les autres elle disparait.
All software sucks.
Alan Cox
Si tu cliques sur le premier normalement la phrase que tu voulais s'affiche en dessous. Et quand tu cliques sur les autres elle disparait.
All software sucks.
Alan Cox
Quand je click sur
"
<div id="text-radio1">J'ai toujours pas reçu mon objet
<input id="radio1" type="radio" name="cat1" value="1" onclick="displayMsg();" />
<div id="msg" style="display:none;">Ne vous en faites pas il va bientôt arriver !</div>
</div>
"
Rien ne s'affiche. Comme si je cliquais pas du tout. Même avec Firefox, IE (les deux même que toi) y compris Safari...
Help me s'il te plait
Merci d'avance
"
<div id="text-radio1">J'ai toujours pas reçu mon objet
<input id="radio1" type="radio" name="cat1" value="1" onclick="displayMsg();" />
<div id="msg" style="display:none;">Ne vous en faites pas il va bientôt arriver !</div>
</div>
"
Rien ne s'affiche. Comme si je cliquais pas du tout. Même avec Firefox, IE (les deux même que toi) y compris Safari...
Help me s'il te plait
Merci d'avance
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript;text/html;charset=UTF-8" />
<title>Test</title>
<style type="text/css">
#msg
{
width: 100px;
height: 100px;
background-color: red;
}
</style>
<script language="Javascript">
function displayMsg()
{
document.getElementById('msg').style.display = "block";
}
function hideMsg()
{
document.getElementById('msg').style.display = "none";
}
</script>
</head>
<body>
<h1>Page d'essai</h1>
<div id="text-radio1">J'ai toujours pas reçu mon objet
<input id="radio1" type="radio" name="cat1" value="1" onclick="displayMsg();" />
<div id="msg" style="display:none;">Ne vous en faites pas il va bientôt arriver !</div>
</div>
<br />
<div id="text-radio2">J'ai bien reçu mon objet
<input id="radio2" type="radio" name="cat1" value="2" onclick="hideMsg();" />
</div>
<br>
<div id="text-radio3">J'ai bien reçu mon objet et je suis content
<input id="radio3" type="radio" name="cat1" value="3" onclick="hideMsg();" />
</div>
<br />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript;text/html;charset=UTF-8" />
<title>Test</title>
<style type="text/css">
#msg
{
width: 100px;
height: 100px;
background-color: red;
}
</style>
<script language="Javascript">
function displayMsg()
{
document.getElementById('msg').style.display = "block";
}
function hideMsg()
{
document.getElementById('msg').style.display = "none";
}
</script>
</head>
<body>
<h1>Page d'essai</h1>
<div id="text-radio1">J'ai toujours pas reçu mon objet
<input id="radio1" type="radio" name="cat1" value="1" onclick="displayMsg();" />
<div id="msg" style="display:none;">Ne vous en faites pas il va bientôt arriver !</div>
</div>
<br />
<div id="text-radio2">J'ai bien reçu mon objet
<input id="radio2" type="radio" name="cat1" value="2" onclick="hideMsg();" />
</div>
<br>
<div id="text-radio3">J'ai bien reçu mon objet et je suis content
<input id="radio3" type="radio" name="cat1" value="3" onclick="hideMsg();" />
</div>
<br />
</body>
</html>
Ouais je sais pas comment j'ai pû me planter à recopier le code, désolé, il manquait l'essentiel : le javascript.
All software sucks.
Alan Cox
All software sucks.
Alan Cox
Ou nen mais c'est pas grave, MERCI MILLE FOIES sa MARCHE ! MERCI MERCI MERCI, mais par contre, au lieu de mettre des ô ou bien des ç sa met ? des points d'interrogations, comment corriger stp ?
Il faut règler l'encodage des caractères dans le navigateur. Là il prend l'utf8.
All software sucks.
Alan Cox
All software sucks.
Alan Cox
c'est bon, j'ai trouver. Puis comment faire pour obliger l'utilisateur à selectionner une "radio" avant d' "enregistrer" ?
Merci d'avance :)
Merci d'avance :)
Tu rajoutes un checked="checked" dans un des champs radio pour le sélectionner par défaut, comme ça il y 'en aura au moins un de sélectionné.
merci d'avance