Afficher le contenu d'un <div>

clintm Messages postés 718 Statut Membre -
Gihef Messages postés 5165 Statut Contributeur - 28 nov. 2007 à 14:44

Bonjour,

je voudrais savoir s'il est possible de mettre le contenu d'un div dans une variable en javascript, pour afficher le contenu dans une boite de dialogue

j'ai d'abord éssayer avec getelementbyid(); mais je n'y arrive as vraiment

merci d'avance
@+
--

------------------------------------------
>>Trop de paroles noient la vérité<<

Configuration: Mac PowerPC
Internet Explorer 5.16

Afficher la suite

3 réponses

Gihef Messages postés 5165 Statut Contributeur 2 781

Bonjour,

Je ne suis pas un spécialiste de ce genre de chose, mais je viens de bricoler ce truc qu'on peut certainement optimiser :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>getElementById &amp; innerHTML</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #b0c4de;
      }
    #conteneur {
      position: relative;
      margin: 0 auto;
      padding: 2em;
      width: 760px;
      text-align: left;
      background-color: #f0f8ff;
      font-family: 'Trebuchet MS', Verdana, sans-serif;
      color : #1e90ff;
      }
    #source {
      padding: 1em;
      color : #800;
      border : 1px dotted #558;
      }
    #cible {
      position : absolute;
      visibility : hidden;
      top : 300px;
      left : 400px;
      width : 300px;
      padding: 1em;
      text-align : center;
      border : 1px dashed #558;
      color : #008;
      background-color: #fff;
      }
    </style>
    
    <script type="text/javascript">
    function affiche_contenu(contenudiv) {
      var intro='<em>InnerHTML de la <div id="source"><br>dans la <div id="cible"><\/em>';
      var contenudiv=document.getElementById("source").innerHTML;
      var msg=intro +contenudiv;
      document.getElementById("cible").innerHTML=msg;
      document.getElementById("cible").style.visibility="visible";
      alert(contenudiv);
    }
    </script>
</head>
<body>
  <div id="conteneur">
    <p>Cliquez sur le bloc ci-dessous :</p>
    <div id="source"
    onMouseDown="affiche_contenu()" onMouseUp="document.getElementById('cible').style.visibility='hidden'">
    <p>Un texte quelconque.<br>Vraiment quelconque.</p>
    </div>

    <div id="cible"></div>

<br><br><br><br>


<script type="text/javascript">
var x=document.getElementById("source");
document.write('InnerHTML de la <div id="source"> : <strong>' + x.innerHTML + '<\/strong>');
</script>

<br><br><br><br><br><br><br><br>

  </div>
</body>
</html>

À tester.

--

Réponse 2 / 3
pazz

j'ai essayer de retoucher au code et je n'arrive pas à enlever le "ALERT" car la page s'affiche et disparait aussitôt

aurais-tu une solution?
0
Réponse 3 / 3
Gihef Messages postés 5165 Statut Contributeur 2 781

Comment t'y prends-tu pour modifier le code ?

--
0

Afficher le contenu d'un <div>

3 réponses

Discussions similaires

Newsletters