Valid XHTML     Valid CSS2    


        // #######################################################################################
        
        function histAvecDate(laDescription,laDate,idParent,idEvenement) {
        
        // #######################################################################################
        
        // on veut produire une division avec une question, une zone pour la saison de la réponse
        // et un champ caché qui contient la réponse
        
        // Voici par exemple ce qu'on produit via l'appel  histAvecDate("La bataille de Marignan","1515","exoHist","exoHist1")
        
        // ###     <div id="exoHist1">
        // ###
        // ###        <blockquote>
        // ###           <p>&nbsp;Evènement&nbsp;:
        // ###              <b><span id="exoHist1question">La bataille de Marignan</span></b>
        // ###              &nbsp;;&nbsp;sa Date&nbsp;?&nbsp;
        // ###              <input type="text" id="exoHist1reponse" />
        // ###              <input type="hidden" id="exoHist1solution" value="1515 "/>
        // ###           </p>
        // ###        </blockquote>
        // ###
        // ###     </div>
        // ###
        // ###
        
        // Etape 1 : on crée un élément <div> et on prépare les trois id pour la question, la réponse et la solution
        
          uneDiv = document.createElement("div")
          uneDiv.setAttribute("id",idEvenement)
        
          idQuestion = idEvenement + "question"
          idReponse  = idEvenement + "reponse"
          idSolution = idEvenement + "solution"
        
        // Etape 2 : on remplit le paragraphe ; on utilise .innerHTML pour plus de concision dans le code
        
          contenuHTML  = "<blockquote>"
          contenuHTML += "<p>"
          contenuHTML += "&nbsp;Evènement&nbsp;: "
          contenuHTML += "<b><span id='" + idQuestion + "'>" + laDescription + "</span></b>"
          contenuHTML += "&nbsp;;&nbsp;sa Date&nbsp;?&nbsp;"
          contenuHTML += "<input type='text'   id='" + idReponse  + "' />"
          contenuHTML += "<input type='hidden' id='" + idSolution + "'value='" + laDate + " '/>"
          contenuHTML += "</p>"
          contenuHTML += "</blockquote>"
        
          // pour comprendre ce qui est produit, il faut décommenter la ligne suivante :
          // console.log(contenuHTML)
        
          uneDiv.innerHTML += contenuHTML
        
        // Etape 3 : il reste à insérer la division dans la page
        
          document.getElementById(idParent).appendChild(uneDiv)
        
        } // fin de fonction histAvecDate

 

 

retour gH    Retour à la page principale de   (gH)