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

Résolu
lucas01 Messages postés 84 Date d'inscription   Statut Membre 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.

15 réponses

  1. miramaze Messages postés 1429 Date d'inscription   Statut Contributeur Dernière intervention   92
     
    Salut,
    tu veux la mettre où ta phrase ?
    0
    1. lucas01 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   103
       
      juste en dessous de la selection en gras
      merci d'avance
      0
  2. miramaze Messages postés 1429 Date d'inscription   Statut Contributeur Dernière intervention   92
     
    Tu pourrais faire un innerHTML dans une div que tu placeras en dessous.
    0
  3. lucas01 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   103
     
    Tu pourrais me donner un exemple stp? je débute :)

    Merci d'avance.
    0
  4. miramaze Messages postés 1429 Date d'inscription   Statut Contributeur Dernière intervention   92
     
    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
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. lucas01 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   103
     
    Mais quand je click sa fait rien ?? Normal ?
    0
  7. miramaze Messages postés 1429 Date d'inscription   Statut Contributeur Dernière intervention   92
     
    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
    0
  8. lucas01 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   103
     
    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
    0
    1. lucas01 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   103
       
      J'ai copier coller tout le code. Enregistrer sous essai.html mais rien..
      0
  9. miramaze Messages postés 1429 Date d'inscription   Statut Contributeur Dernière intervention   92
     
    <!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>
    0
  10. miramaze Messages postés 1429 Date d'inscription   Statut Contributeur Dernière intervention   92
     
    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
    0
  11. lucas01 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   103
     
    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 ?
    0
  12. miramaze Messages postés 1429 Date d'inscription   Statut Contributeur Dernière intervention   92
     
    Il faut règler l'encodage des caractères dans le navigateur. Là il prend l'utf8.
    All software sucks.
    Alan Cox
    0
  13. lucas01 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   103
     
    c'est bon, j'ai trouver. Puis comment faire pour obliger l'utilisateur à selectionner une "radio" avant d' "enregistrer" ?

    Merci d'avance :)
    0
  14. miramaze Messages postés 1429 Date d'inscription   Statut Contributeur Dernière intervention   92
     
    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é.
    0
  15. lucas01 Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   103
     
    merci :) merci mille foie,

    le problème est résolu :)
    0
  16. miramaze Messages postés 1429 Date d'inscription   Statut Contributeur Dernière intervention   92
     
    De rien, je le mets en résolu alors.
    0