Afficher le contenu d'un <div>
clintm
Messages postés
689
Date d'inscription
Statut
Membre
Dernière intervention
-
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
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
@+
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
- Afficher appdata - Guide
- Fusionner deux cellules excel en gardant le contenu - Guide
- Word a trouvé du contenu illisible - Guide
- Afficher le 0 devant un nombre dans excel - Guide
3 réponses
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 :
--
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 & 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.
--