Pour les pros: php ou html je sais pas....

Résolu
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.

15 réponses

  1. Contributeur
    Salut,
    tu veux la mettre où ta phrase ?
    1. juste en dessous de la selection en gras
      merci d'avance
  2. Contributeur
    Tu pourrais faire un innerHTML dans une div que tu placeras en dessous.
    1. Tu pourrais me donner un exemple stp? je débute :)

      Merci d'avance.
      1. Contributeur
        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

        <!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
        1. Contributeur
          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
          1. 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
            1. J'ai copier coller tout le code. Enregistrer sous essai.html mais rien..
          2. Contributeur
            <!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>
            1. Contributeur
              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
              1. 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 ?
                1. Contributeur
                  Il faut règler l'encodage des caractères dans le navigateur. Là il prend l'utf8.
                  All software sucks.
                  Alan Cox
                  1. c'est bon, j'ai trouver. Puis comment faire pour obliger l'utilisateur à selectionner une "radio" avant d' "enregistrer" ?

                    Merci d'avance :)
                    1. Contributeur
                      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é.