begin process at 2012 05 29 08:21:10
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Div.innerHTML et page html

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Div.innerHTML et page html

mercredi 30 juillet 2008 à 13:00:15 | Div.innerHTML et page html

rhan_659
bonjour

j'ai besoin d'afficher une page html complete dans une div.

via de l'ajax je récupére ma page html que j'incorpore dans ma div via ineerHTML

mais j'ai 2 pb

le premier sous ie, il plante sur la ligne div.innerHTML = XHRequest.responseText sauf si je ne garde que ce qui entre la balise <Form> (sans garder la balise) alors s'il ya plusieur balise ça part en vrille


le deuxieme est commun a ie et FF si l apage appeller fait appel a des CSS ou du JS dans un fichier ce n'est pas pris en compte idem pour les fonctions appeller dans le onload par exemple !

plusieurs idée ?

merci !
mercredi 30 juillet 2008 à 13:47:19 | Re : Div.innerHTML et page html

rhan_659
j'ai trouvé un début de solution

en remplacant

div.innerHTML = XHRequest.responseText

par

var div2 = document.createElement('div');
            div2.innerHTML = PageHtml;
            div.appendChild(div2);

je ne suis plus obligé de faire le ménage autour de la balise <form> mais en cas de multi balise <form> ça plante toujours
mercredi 30 juillet 2008 à 13:58:09 | Re : Div.innerHTML et page html

bultez

Membre Club


Bonjour,

>>div.innerHTML = XHRequest.responseText sauf si je ne garde que ce qui entre la balise <Form>
>>(sans garder la balise) alors s'il ya plusieur balise ça part en vrille
aucune raison valable.
mais comme on n'a rien pour voir ce que tu fais, tout est posible.

>> ou du JS dans un fichier ce n'est pas pris en compte.
le js n'est pas interprété. ajax renvoie du texte et rien d'autre
il faut "interpréter" manuellement. ( eval ou autres )

de plus en plus, je pense qu'ajax est mis à toutes les sauces, pour faire
un peu tout et surtout n'importe quoi. le but d'ajax c'est d'appeler un script
sur le serveur, qui retourne des données... pas une page complète avec javascript
et le reste ! pour ça les méthodes classiques restent valables !

                Cordialement            Bul         [mon Site]     [M'écrire]
mercredi 30 juillet 2008 à 14:09:33 | Re : Div.innerHTML et page html

rhan_659
re,

c'est vrai que j'ai été radin sur les exemple de mon code !

le JS qui appel la page (c'est synchrone)

    var XHRequest = null;
    if(window.XMLHttpRequest){
        // Firefox et autres
        XHRequest = new XMLHttpRequest();
        if (XHRequest.overrideMimeType){XHRequest.overrideMimeType('text/xml')}
    }else if(window.ActiveXObject){
        // Internet Explorer
          try { XHRequest = new ActiveXObject("Msxml2.XMLHTTP");
          }
          catch(e) {XHRequest = new ActiveXObject("Microsoft.XMLHTTP");
          }
    }else{
        //non supporté par le navigateur
        alert("XMLHttpRequest non supporté par le navigateur");
        return null;
    }
    var arrayURL = new Array();
    arrayURL = explodeURL(url);
    urlMenu = arrayURL['path']+"/"+arrayURL['cmd'];
   
    XHRequest.open("GET", url , false);
    XHRequest.send(null);

        //traitement uniquement si le flux XML est complètement chargé; 4 = complet"
        if (XHRequest.status == 200) {

            view.innerHTML = "";
    //        var PageHtml = leftString(rightString(rightString(XHRequest.responseText,"<form"),">"),"</form>");
           
            var PageHtml = XHRequest.responseText;
            var div = document.createElement('div');
            div.innerHTML = PageHtml;
            view.appendChild(div);


la ma page html renvoyé (elle fonctionne parfaitement si je l'appel directement sous ie ou ff)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>&lt;b&gt;Gestion des Contributeurs&lt;/b&gt; (Par Contributeur)</title><link rel="stylesheet" href="/intranet2/dev/Portail.nsf/sys_script/gss.css" type="text/css">
<script language="JavaScript" src="/intranet2/dev/Portail.nsf/sys_script/gjs.js"></script>
<script language="JavaScript">
function chgCount(src) {
 var count = src.options[src.selectedIndex].text;
 var path = 'sys_wv?OpenForm&View=GContrib&Sort=0&Start=1&Count=' + count + '&RestrictToCategoryField=&RestrictToCategoryValue=';
 window.location.href = path; }
function searchDB(src) {
 var query = src.value;
 var path = 'sys_wv?OpenForm' + sstring + '&Query=' + query;
 window.location.href = path; }
</script>
<script language="VBScript">
Function makeMsgBox(title,mess,icon,buts,defbut,mods)
   butVal = buts + (icon*16) + (defbut*256) + (mods*4096)
   makeMsgBox = MsgBox(mess,butVal,title)
End Function
Function makeInputBox(title,pr,def)
    makeInputBox = InputBox(pr,title,def)
End Function
</script>
<script language="javascript" type="text/javascript" src="/intranet2/dev/Portail.nsf/BJS_MooTools"></script>
<script language="javascript" type="text/javascript" src="/intranet2/dev/Portail.nsf/BJS_Smoothbox"></script>
<link rel='stylesheet' type='text/css' href='/intranet2/dev/Portail.nsf/CSS_SmoothBox'>
<script language="JavaScript" type="text/javascript">
<!--
document._domino_target = "_self";
function _doClick(v, o, t, h) {
  var form = document._sys_wv;
  if (form.onsubmit) {
     var retVal = form.onsubmit();
     if (typeof retVal == "boolean" && retVal == false)
       return false;
  }
  var target = document._domino_target;
  if (o.href != null) {
    if (o.target != null)
       target = o.target;
  } else {
    if (t != null)
      target = t;
  }
  form.target = target;
  form.__Click.value = v;
  if (h != null)
    form.action += h;
  form.submit();
  return false;
}
// -->
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" onload="if(window.document.forms[0].vwSmoothBox.value.toUpperCase() == 'OUI'){TB_init();}">

<form method="post" action="/intranet2/dev/Portail.nsf/sys_wv?OpenForm&amp;Start=1&amp;Count=1000&amp;Seq=1&amp;View=GContrib&amp;Sort=0" name="_sys_wv">
<input type="hidden" name="__Click" value="0"><input name="Query_String" value="OpenForm&View=GContrib&Sort=0&Start=1&Count=1000" type="hidden">
<input name="view" value="GContrib" type="hidden">
<input name="RestrictToCategoryField" value="" type="hidden">
<input name="RestrictToCategoryValue" value="" type="hidden">
<input name="sort" value="0" type="hidden">
<input name="StartNum" value="1" type="hidden">
<input name="CountNum" value="1000" type="hidden">
<input name="query" value="" type="hidden">
<input name="NextNum" value="1001" type="hidden">
<input name="PrevNum" value="-999" type="hidden">
<input name="TotalNum" value="17" type="hidden">
<input name="quickSearch" value="No" type="hidden">
<input name="pagination" value="No" type="hidden">
<input name="changeCountPaginationManuel" value="No" type="hidden">
<input name="tds_databasePath" value="intranet2/dev/Portail.nsf" type="hidden">
<font size="2" color="#008000">
<input name="vwServer" value="53.249.171.46" type="hidden"></font><font size="2" color="#008000">
<input name="vwDb" value="intranet2\dev\Portail.nsf" type="hidden"></font><font size="2" color="#008000">
<input name="vwNouveau" value="http://53.249.171.46/intranet2/dev/Portail.nsf/f_contributeur?OpenForm" type="hidden"></font><font size="2" color="#008000">
<input name="vwNouveauLibelle" value="Ajouter un Contributeur" type="hidden"></font><font size="2" color="#008000">
<input name="vwNouveauIcon" value="" type="hidden"></font><font size="2" color="#008000">
<input name="vwDeleteActive" value="Oui" type="hidden"></font><font size="2" color="#008000">
<input name="vwDeleteMessageConfirme" value="Etes-vous certain de vouloir supprimer le(s) contributeur(s) sélèctionné(s) ?" type="hidden"></font><font size="2" color="#008000">
<input name="vwDeleteAgent" value="agtFlagDelete" type="hidden"></font><font size="2" color="#008000">
<input name="vwDeleteIcon" value="" type="hidden"></font><font size="2" color="#008000">
<input name="vwDeleteLibelle" value="Suppression Contributeur(s)" type="hidden"></font><font size="2" color="#008000">
<input name="vwOuverture" value="E" type="hidden"></font><font size="2" color="#008000">
<input name="vwSmoothBox" value="OUI" type="hidden"></font><font size="2" color="#008000">
<input name="vwSmoothBoxTitleNouveau" value="Nouveau Contributeur" type="hidden"></font><font size="2" color="#008000">
<input name="vwSmoothBoxTitle" value="Contributeur" type="hidden"></font><font size="2" color="#008000">
<input name="vwSmoothBoxHeight" value="250" type="hidden"></font><font size="2" color="#008000">
<input name="vwSmoothBoxWidth" value="400" type="hidden"></font><font size="2" color="#008000">
<input name="vwSmoothBoxNouveauHeight" value="250" type="hidden"></font><font size="2" color="#008000">
<input name="vwSmoothBoxNouveauWidth" value="400" type="hidden"></font>
</form>
<div class="contentL">    <div>
         <div>
            <b>Gestion des Contributeurs</b> (Par Contributeur)
        </div>


<form action="javascript:searchDB(frmSrch.search)" name="frmSrch" method="get">
        <a href="http://53.249.171.46/intranet2/dev/Portail.nsf/f_contributeur?OpenForm&SmoothBox=O?keepThis=true&TB_iframe=true&height=250&width=400" title="Nouveau Contributeur" class="smoothbox">Ajouter un Contributeur</a>
&nbsp;|&nbsp;
        <a href="javascript:deleteSelect()">  Suppression Contributeur(s)</a>
</form>
<form name="main" action="">

<table width="100%" cellspacing=0 cellpadding=0 border=0>
<tr>
    <td><img src="vue Plate/spacer.gif" border=0></td>
    <td><img src="vue Plate/spacer.gif" border=0></td>
    <td><img src="vue Plate/spacer.gif" border=0></td>
    <td><img src="vue Plate/spacer.gif" border=0></td>
    <td><img src="vue Plate/spacer.gif" border=0></td>
    <td><img src="vue Plate/spacer.gif" border=0></td>
</tr>
<tr>
    <td class="tdH" witdh= 10><input type="checkbox" value="" id="SelectAll" name="SelectAll" onclick="javacsript:viewSelectAll();"></td>
<td class="tdH" width=5><img src="vue Plate/spacer.gif"></td>
    <td class="tdH" nowrap><a href="/intranet2/dev/Portail.nsf/sys_wv?OpenForm&View=GContrib&Sort=0&Start=1&Count=1000&RestrictToCategoryField=&RestrictToCategoryValue=" class=alkH>Contributeur</a></td>
    <td class="tdH" nowrap><a href="/intranet2/dev/Portail.nsf/sys_wv?OpenForm&View=GContrib&Sort=1&Start=1&Count=1000&RestrictToCategoryField=&RestrictToCategoryValue=" class=alkH>Etat</a></td>
    <td class="tdH" nowrap><a href="/intranet2/dev/Portail.nsf/sys_wv?OpenForm&View=GContrib&Sort=2&Start=1&Count=1000&RestrictToCategoryField=&RestrictToCategoryValue=" class=alkH>Intranet</a></td>
    <td class="tdH" nowrap><a href="/intranet2/dev/Portail.nsf/sys_wv?OpenForm&View=GContrib&Sort=3&Start=1&Count=1000&RestrictToCategoryField=&RestrictToCategoryValue=" class=alkH>Sujet</a></td>
    <td class="tdH" nowrap><a href="/intranet2/dev/Portail.nsf/sys_wv?OpenForm&View=GContrib&Sort=4&Start=1&Count=1000&RestrictToCategoryField=&RestrictToCategoryValue=" class=alkH>Module</a></td>
</tr>
<tr class="trC" onMouseOver="chgCL(this,'trMC_blue')" onMouseOut="chgCL(this,'trC')">
    <td class="tdD" width=10><input type="checkbox" value="CABE1B144CCCA61DC125748000298F85" name="SelectLine0" onclick="javacsript:viewSelectLine('0');"></td><td class="tdD" width=5><img src="vue Plate/spacer.gif"></td>
    <td class="tdD" width=25% nowrap style="cursor:'hand'"><a href="http://53.249.171.46/intranet2/dev/Portail.nsf/0/CABE1B144CCCA61DC125748000298F85?EditDocument&SmoothBox=O&View=GContrib&Sort=0&Start=1&Count=1000&RestrictToCategoryField=&RestrictToCategoryValue=?keepThis=true&TB_iframe=true&height=250&width=400" title="Contributeur" class="smoothbox">Amael Besnier</a></td>
    <td class="tdD" width=5% nowrap style="cursor:'hand'">&nbsp;</td>
    <td class="tdD" width=20% nowrap style="cursor:'hand'"><a href="http://53.249.171.46/intranet2/dev/Portail.nsf/0/CABE1B144CCCA61DC125748000298F85?EditDocument&SmoothBox=O&View=GContrib&Sort=0&Start=1&Count=1000&RestrictToCategoryField=&RestrictToCategoryValue=?keepThis=true&TB_iframe=true&height=250&width=400" title="Contributeur" class="smoothbox">Intranet Rocquencourt</a></td>
    <td class="tdD" width=20% nowrap style="cursor:'hand'"><a href="http://53.249.171.46/intranet2/dev/Portail.nsf/0/CABE1B144CCCA61DC125748000298F85?EditDocument&SmoothBox=O&View=GContrib&Sort=0&Start=1&Count=1000&RestrictToCategoryField=&RestrictToCategoryValue=?keepThis=true&TB_iframe=true&height=250&width=400" title="Contributeur" class="smoothbox">Titre du Sujet1</a></td>
    <td class="tdD" width=30% nowrap style="cursor:'hand'"><a href="http://53.249.171.46/intranet2/dev/Portail.nsf/0/CABE1B144CCCA61DC125748000298F85?EditDocument&SmoothBox=O&View=GContrib&Sort=0&Start=1&Count=1000&RestrictToCategoryField=&RestrictToCategoryValue=?keepThis=true&TB_iframe=true&height=250&width=400" title="Contributeur" class="smoothbox">titre du module1 titre du module2</a></td>
</tr>
<tr class="trCA" onMouseOver="chgCL(this,'trMC_blue')" onMouseOut="chgCL(this,'trCA')">
    <td class="tdD" width=10><input type="checkbox" value="10C133E778D20527C125747C0046F79B" name="SelectLine1" onclick="javacsript:viewSelectLine('1');"></td><td class="tdD" width=5><img src="vue Plate/spacer.gif"></td>
    <td class="tdD" width=25% nowrap style="cursor:'hand'"><a href="http://53.249.171.46/intranet2/dev/Portail.nsf/0/10C133E778D20527C125747C0046F79B?EditDocument&SmoothBox=O&View=GContrib&Sort=0&Start=1&Count=1000&RestrictToCategoryField=&RestrictToCategoryValue=?keepThis=true&TB_iframe=true&height=250&width=400" title="Contributeur" class="smoothbox">Benoit MANEUVRIER</a></td>
    <td class="tdD" width=5% nowrap style="cursor:'hand'"><a href="http://53.249.171.46/intranet2/dev/Portail.nsf/0/10C133E778D20527C125747C0046F79B?EditDocument&SmoothBox=O&View=GContrib&S
mercredi 30 juillet 2008 à 14:14:53 | Re : Div.innerHTML et page html

bultez

Membre Club

rien regardé ! puisque, je me cite ?
ajax renvoie du texte et rien d'autre
si tu veux interpréter, il faut que tu le fasses...
à mon avis, utilises un (soit-disant) framework....
mais tu te prépares des lendemains qui déchantent
revient à des choses normales et simples.
                Cordialement            Bul         [mon Site]     [M'écrire]
mercredi 30 juillet 2008 à 15:29:33 | Re : Div.innerHTML et page html

rhan_659

j'aimerais bien ! faire autrement !

mais malheureusement, je n'ai pas le choix !

il faut "interpréter" manuellement. ( eval ou autres )

en gros il faut que je recherche le script dans la page pour faire un eval dessus !?
mercredi 30 juillet 2008 à 15:34:42 | Re : Div.innerHTML et page html

PetoleTeam

Membre Club
Bonjour,
j'ai besoin d'afficher une page html complete dans une div.
Ajax lave plus blanc mais obsurci l'horizon, en gros pourqoui ne pas mettre la page html dans une IFRAME?
<div><iframe src="la_page.html"></iframe></div>
... et zouh! la page est dans un DIV.
;O)
mercredi 30 juillet 2008 à 15:43:19 | Re : Div.innerHTML et page html

bultez

Membre Club
Réponse acceptée !
par exemple !    petoleTeam++

retourner du javascript ( et du ccs ! ) avec ajax est ( oserais-je le dire ?  ) toujours inutile !
mets les fonctions dans la page applelante et tu les appelles quand ajax à répondu

ou alors, mais à mon heumble avis, c'est se compliquer la tâche, inutilement,
regarde comment font les (soit-disant) framework ou GAG ici


                Cordialement            Bul         [mon Site]     [M'écrire]
mercredi 30 juillet 2008 à 15:52:25 | Re : Div.innerHTML et page html

rhan_659

merci

pour l'iframe j'ai déjà essayé et ça ne solutionne pas mon pb, sauf si tu trouve un moyen pour que mootools (smoothbox) ouvre une page par dessus un frame.
mercredi 30 juillet 2008 à 15:55:50 | Re : Div.innerHTML et page html

bultez

Membre Club
et plutôt qu'ajx, envoyer dans un div...
appel àu php avec un target vers un iframe, et point barre.

quand à passer au dessu d'un frame....

                Cordialement            Bul         [mon Site]     [M'écrire]

1 2

Cette discussion est classée dans : page, html, balise, div, innerhtml

Répondre à ce message

Sujets en rapport avec ce message

ouverture page html dans une balise div avec xmlHttpRequest [ par romain_pil ] pil_poilBonjour à tous,J'ai fais le choix d'utiliser une balise div plutot qu'une iframe pour afficher une page html dans une autre. J'utilise XmlHttp afiche une div au dessus page html [ par aaaaammounti ] salutje veux faire une petite fenetre qui s'affiche losque on lance la page web au dessus de contenu de la page pui elle disparu aprés un temp spécifi probleme de mise en page a cause overflow pour une balise DIV [ par diogen ] Bonjour a TousJ'ai un probleme d'explosion de ma mise en page sur mon petit site à l'adresse suivante :http://www.grallomilloh.com/site.php?menu=3Je v Cacher balise DIV [ par aloisio11 ] Bonjour,J'utilise ce code pour cacher des parties () de ma page :document.getElementById('DivIcones').style.display='none';Il fonctionne avec Agir sur un DIV d'une autre page avec JAVASCRIPT [ par HornetYams ] Bonjour, mon problème est simple :j'ai 2 pages HTML.Pour simplifier, une page A.html qui contient un DIV dont l'ID est idA, une page B.html (appelée p afficher une page html placer entre div dans une autre page html [ par shansen ] je voudrais savoir comment on peut faire pour afficher une page html dans une autre page html sans utiliser de frame et d'iframe, juste dans des div.m Balise HTML pour appeller "autre chose" [ par CB64 ] BonjourEst-il possible d'introduire une balise dans une page HTML qui appèlle un texte contenue dans une autre page (HTML ou pas) ?Ceci pour modifier diaporama de page html dans une iframe (innerhtml) [ par msouvigny ] bonjour a tous je dois faire un page html avec une banniere en flash en bas de page et au dessus une iframe avec des page html qui défile toutes les 2 Page HTML en trois page [ par astuces_jeux ] Bonjour je cherche coment créer une page HTML en trois page merci de m'aider vou trouverez un exemple sur <A href="http://login.passport.net/uilogin.s champ caché hidden html [ par eio ] Bonjour a tousCest urgentJai une page web dans laquelle jai un formulaire avec un champ caché qui contient une valeur. Quand je soumet le formulaire,


Nos sponsors


Sondage...

Comparez les prix


iPod touch 3rd Generation (64 Go)
Entre 374€ et 379€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,718 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)