comment puis-je charger une page html à l'intérieur d'un div. Avec le tag 'object', ça charge, mais je pense que ce n'est pas une bonne approche. Ce n'est pas un fichier externe. Est-ce que le dojo est bon pour ça?chargement de la page html à l'intérieur div
Cela fonctionne aussi ... en utilisant ... dojo
<script type="text/javascript">
var url = dojo.moduleUrl("dijit.form", "help.html");
dojo.xhrGet({
url: url,
load: function(html){
dojo.byId("mycontent").innerHTML = html;
}
});
</script>
<div id="mycontent">
</div>
Mise à jour:
Dans Dojo 1.7+, utilisez require.toUrl au lieu de dojo.moduleUrl
Je ne suis pas complètement sûr de ce que vous cherchez, mais si vous souhaitez afficher un document HTML dans un autre document HTML, je pense que la seule façon de le faire est d'utiliser un iframe. Consultez ce tutoriel: http://www.designplace.org/tutorials.php?page=1&c_id=1
Peut-être que vous pouvez charger le document HTML et dépouiller les HEAD et emballage BODY éléments, puis insérez le code dans l'élément DIV.
EDIT: Ah, pas de iframes vous avez dit. Eh bien, alors je propose ce dernier. ^^ méthode
Utilisez jquery
$("#mydiv").load("myexternalfile.html");
Vous devez utiliser jQuery avec la charge(). ici référence jQuery sur la méthode de charge: http://api.jquery.com/load/
Aucune raison d'utiliser jQuery juste pour charger le contenu de votre page (par exemple à un seul div) s'il n'y a pas une autre des tâches qui ont besoin de fonctions de cadre :)
Cela devrait être fait avec les bases AJAX. Check out out: http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first
Vous pouvez toujours utiliser jquery pour charger le contenu via un appel ajax. Prenez le résultat et supprimez <body> et tout avant, et </body> et tout ce qu'il y a derrière. Vous pouvez utiliser regex pour vous assurer d'inclure tous les attributs de la balise body.
Ensuite, vous êtes à gauche avec le corps brut html, que vous pouvez ajouter à la div en utilisant jQuery.
jQuery.ajax({
url: 'page.html',
success: function(data, textStatus, XMLHttpRequest) {
data = data.replace(/.*<body.*?>/gi,'');
data = data.replace(/</body>.*/gi,'');
jQuery('#myDiv').html(data);
}
});
Mon regex est un peu rouillé et vous pourriez avoir à bidouiller que :)
sans usin g iframes :) – coder247