Affichage de contenu HTML et XML sur la même page HTML

J'ai un HTML page dans laquelle j'ai un bouton à appuyer sur le bouton une javascript fonction est appelée - voici les résultats d'une Chaîne qui est la représentation d'un xml. Je veux représenter ce xml sur la même page avec le bouton, similaire à ce qui est dans l'image ci-dessous:! Affichage de contenu HTML et XML sur la même page HTML

Ici est la version simplifiée de code que j'ai essayé mais n'a pas travaillé (voir sous le code à la suite de cela - rien ne s'affiche):

 <html>
    <head>
        <script type="text/javascript">
        function xml_test()
        {
            var xmlString = "<note><name>Kundan Kumar Sinha</name><place>Bangalore</place><state>Karnataka</state></note>";
            var my_div = document.getElementById("labelId");
            alert(xmlString)
            my_div.innerHTML += xmlString;
        }
        </script>
    </head>

    <body>
        <input type="button" value="TEST" onclick="xml_test()"/>
        <br><br>
        <label id="labelId">XML: </label>
    </body>
    </html>

J'ai essayé avec un iframe aussi, mais je n'ai pas de fichier pour l'attribut src.
Ce que j'ai essayé est:

<html>
<head>
    <script type="text/javascript">
    function populateIframe() {
        var xml = "<?xml version='1.0' encoding='UTF8' standalone='yes'?><note><name>Kundan Kumar Sinha</name><place>Bangalore</place><state>Karnataka</state></note>";

        var iframe = document.getElementById('myIframe');
        var idoc= iframe.contentDocument || iframe.contentWindow.document; //IE compat
        idoc.open("text/xml");  //I know idoc.open(); exists but about idoc.open("text/xml"); I'm not sure if exists; 
        idoc.write('<textarea name="xml" rows="5" cols="60"></textarea>');
        //idoc.write(xml); //doesn't work
        idoc.getElementsByTagName('textarea')[0].value= xml;
        idoc.close();
    }
    </script>
</head>
<body onload="populateIframe();">
    <iframe id="myIframe" width="900" height="400"></iframe>
</body>
</html>

et le résultat est:
Affichage de contenu HTML et XML sur la même page HTML

J'ai déjà regardé sur Comment afficher du XML dans une page HTML comme un pliable et extensible arbre à l'aide de Javascript?
J'ai pris quelques idées de ici

Merci de m'aider!

Pas clair ce que vous essayez de faire?,ce que tu veux dire par "je veux représenter ce xml comme un fichier xml' ??, vous pouvez écrire du XML en Réponse, qui va présenter votre XML, comme lorsque l'on ouvre un fichier xml dans le navigateur
J'ai mis à jour/correction de la question.

InformationsquelleAutor Paul | 2011-04-28

1

Il suffit de Créer suis HttpHandler, et de l'ouvrir dans une Iframe:
```
 public class Handler : IHttpHandler
{
    #region IHttpHandler Members

    public bool IsReusable
    {
        get { return true; }
    }

    public void ProcessRequest(HttpContext context)
    {
        XmlSerializer serializer = new XmlSerializer(typeof(Note));
        MemoryStream stream = new MemoryStream();

        StreamWriter writer = new StreamWriter(stream, Encoding.Unicode);
        serializer.Serialize(writer, new Note() { Name = "Kundan Sinha", Place = "Bangalore", State = "Karnataka" });
        int count = (int)stream.Length;

        byte[] arr = new byte[count];
        stream.Seek(0, SeekOrigin.Begin);


        stream.Read(arr, 0, count);


        UnicodeEncoding utf = new UnicodeEncoding();

        stream.Close();
        writer.Close();

        context.Response.ContentType = "text/xml;charset=utf-8";

        context.Response.Write(utf.GetString(arr).Trim()); 

        context.Response.Flush();
    }

    #endregion
}

public class Note
{
    public string Name { get; set; }
    public string Place { get; set; }
    public string State { get; set; }
}
```
Vous pouvez passer votre reçu chaîne xml pour cela, où je fais
contexte.Réponse.Write('vous Passer de données XML ici');
- Je ne peux pas utiliser l'un de ces exemples ... j'ai besoin de gérer cela à l'intérieur de ma fonction javascript. J'ai besoin d'afficher que xmlString dans un élément div(par exemple),à l'intérieur de ma page html, dans un format xml (expandeble/effondrement des cours) - comme dans la première image de mon post. J'ai mis à jour et corrigé à ma question.
- voici les étapes que je pense va travailler pour vous:
- BreakHead: avez-vous oublié d'écrire les étapes ou ...?!
- est les données xml que vous souhaitez écrire est stocké dans un fichier xml??
- non, est dans un format de chaîne de caractères; quelque chose comme var xmlString = "<note><name>Kundan Kumar Sinha</name><place>Bangalore</place><state>Karnataka</state></note>";
- Ma question est, comment vous obtenez vos données xml?, avez-vous le lire à partir du fichier xml, ou à partir de la base de données?, ou vous obtenez un objet et que vous souhaitez pour wite dans un format XMl sur une page?
- C'est un Objet. Ce que je fais là est en fait l'envoi d'une demande par le biais de l'Ajax.Demande et je reçois les données xml en tant que réponse à cette demande à partir du serveur. Ajax.Request( --- --- onComplete: function(transport){ var responseXML = transport.responseXML; } ); responseXML est ici un Objet. transport.responseText - est de la Chaîne xml Format
- Désolé pour la réponse tardive, veuillez vérifier les mises à jour de réponse
InformationsquelleAutor BreakHead
1

Vous devez utiliser votre favori de la bibliothèque JavaScript avec un arbre widget pour afficher le XML dans la forme de l'arbre.

Note que "l'arbre" comme de la vue que vous voyez est en fait IE de la vue par défaut pour les fichiers XML. D'autres navigateurs ont des points de vue différents pour les fichiers XML, et certains n'ont même pas vous permettent d'afficher des fichiers XML sans plug-in.

Vous ne devriez pas dépendre du navigateur de fonctionnalités spécifiques si vous affichez le XML de la forme de l'arbre est importante pour votre page de fonctionnalité.

Toutefois, si vous voulez juste à appuyer sur un bouton, puis l'ensemble de la page est transformé en XML, puis par tous les moyens rediriger simplement pour que XML URI sur le bouton appuyez sur. IE ne montrons que le fichier XML sous forme d'arbre, tandis que d'autres navigateurs peuvent soit vous demandent de télécharger le fichier, ou pour afficher le fichier XML dans le format qui est déterminée par leur plugin.
- J'ai mis à jour et corrigé à ma question. Je vais avoir prototype.js mais je ne sais pas exactement comment l'utiliser ... "je veux simplement appuyer sur un bouton, puis l'ensemble de la page est transformé en un XML" - je veux que le xml pour être inclus dans la page html comme dans la première image de mon post
- DANS ce cas, vous aurez besoin d'utiliser une bibliothèque JavaScript qui a un arbre-comme widget. Par exemple, le ToolKit Dojo, YUI, Ext-JS, certains plug-in jQuery, Fermeture, etc. Prototype, autant que je sache, n'a pas un arbre widget.
InformationsquelleAutor Stephen Chung
0

J'ai mis les données xml dans l'attribut src:
```
iframeElement.setAttribute('src', 'data:text/xml,<test>data</test>');
```
InformationsquelleAutor Sabine

Vous devez vous connecter pour publier un commentaire.