Question code !!!!!

Bonjour,

Je cherche à programmer (sans doute un javascript) un petit programme qui me permet de compléter un texte à trous avec le mot saisi par l'internaute. Exemple : une lettre type. On demande à l'internaute de saisir le nom du destinataire X, il clique sur Validez et il a la lettre avec "Monsieur X...".
Merci pour votre aide.
A bientot
fred

3 réponses

  1. Si ça peut t'aider...

    ****************
    <html>
    <head>
    <title>Aide pour Fred</title>
    <script>
    function valider(){
    var input = document.getElementById("acompleter").value;
    document.getElementById("textecompleter").innerText=input;
    return false;
    }

    </script>
    </head>
    <body>
    <div>Complétez le texte suivant:</div>
    <form onsubmit="return(valider());" action="x">
    J'utilise le forum <input type="text" id="acompleter" value="" > de CCM.
    <input type="submit" value="Soumettre">
    </form>

    <div>
    J'utilise le forum <span id="textecompleter">...</span> de CCM.
    </div>
    </body>
    </html>
    ****************
    0
    1. Slt,

      Voici un petit exemeple qui remplace le champ [nom] dans un bloc par la valeur saisie. A toi d'adapter.

      <html>
      <head>
      <script language="JavaScript">
      <!--
      
      function formatter()
      {
      	var regexp = /\[nom\]/g;
      
      
      	ref=window.document.getElementById('texte_apres');
      	ref.innerHTML = window.document.getElementById('texte_avant').innerHTML.replace(regexp,window.document.getElementById('nom').value);
      }
      // -->
      </script>
      </head>
      <body>
      <form>
      Ceci est le texte original avant formattage :
      <div id="texte_avant" style="background-color:#e0e0e0">
      Salut [nom] comment ca va ?<br />J'espère, [nom], que ca répond à ta question ... 
      </div>
      <br />
      <input type="text" name="nom" value="Fred" > 
      <input type="button" value="Ok" onclick="formatter()">
      </form>
      
      Ceci est le texte après formattage :
      <div id="texte_apres" style="background-color:#e0e0ff">
      </div>
      
      </body>
      </html>


      Demande un navigateur récent qui supporte DOM pour fonctionner

      @+

      PhP    [Push the button,Don't push the
      .         button,Trip the station,Change the channel]
      0