Afficher et copier contenu d'une page html
Bonjour bonjour,
Je suis entrain de rajouter quelques options sur mon site web dont celle de copier directement le code source d'un page html simplement en cliquant sur un lien.
J'utilse donc zclip et la fonction .load() pour faire tout ça et ça fonctionne à moitié bien.
En effet j'aurai besoin de récupérer également les balises html de ma page web mais celle-ci ne s'affiche pas et je n'arrive pas à comprendre pourquoi.
J'ai juste vu que si j'affiche ma page dans un textarea les balises <html> <head> etc s'affiche mais pas si j'affiche dans une div.
Merci
Voici mon code :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| <html lang="en">
<head>
<meta charset="utf-8">
<title>load demo</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="_js/clipboard/jquery.zclip.js"></script>
<script>
$(document).ready(function(){$('a#copy-dynamic').zclip({path:'_js/clipboard/ZeroClipboard.swf', copy:function(){return $('div#dynamic').html();}});});
</script>
</head>
<body>
<a href="#" id="copy-dynamic">Click here to copy the value of this input:</a>
<div id="dynamic"></div>
<div id="error"></div>
<script>
$( "#dynamic" ).load("/564/548975c48b18c.html");
</script>
</body>
</html> |
et le code de ma page html à charger
Code:
1 2 3 4 5 6 7 8 9 10
| <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body style='background-color: #F3F3F3'>
<p> </p>
<p style="text-align: center; color: #25262d; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 50px;">salut toi <a href="salut.html">clic ici</a></p>
<p><img src="_images/hello.png" alt="hello" /> </p>
</body>
</html> |