Afficher le contenu d'un <div>

Fermé

clintm Messages postés 689 Date d'inscription lundi 11 avril 2005 Statut Membre Dernière intervention 10 juin 2015 - 25 nov. 2007 à 20:05
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 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
@+

A voir également:

Afficher le contenu d'un <div>
Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
Word a trouvé du contenu illisible - Guide
Afficher appdata - Guide
Afficher mot de passe wifi android - Guide
Le clavier de mon telephone ne s'affiche plus - Guide

3 réponses

Réponse 1 / 3

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
25 nov. 2007 à 23:51

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
28 nov. 2007 à 08:37

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?

Réponse 3 / 3

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
28 nov. 2007 à 14:44

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

--

Discussions similaires

Savoir de quel ville à été envoyé le message

Youtube: Ce contenu n'est pasdisponible dans votre pays

impossible de voir les photos et videos sur une conversation messenger