Search jQuery

jQuery Forum

Problem with xmlParsing

in Using jQuery • 8 years ago

Hello

I've a problem parsing my xml script. I'm not able to parse the sub nodes <tut> from <node>. Perhaps you've any suggestions.

menu.xml
<?xml version="1.0" encoding="utf-8"?>
<menu>
<node topic="Installation">
    <tut label="Installing labx" video="Installation_Single_Workstation.swf" />
    <tut label="Direct activation" video="inprocess_direct_activation2.swf" />
    <tut label="Manual activation" video="Manual_Activation_new2.swf" />
</node>
<node topic="Getting Started">
    <tut label="PC user interface" video="The_PC_User_Interface.swf" />
    <tut label="Methods and tasks explained" video="Methods_and_Tasks.swf" />
    <tut label="Results" video="ResultsL.swf" />
    <tut label="Reports and report templates" video="Reports.swf" />
</node>
<node topic="Further topics">
    <tut label="Working with shortcuts" video="Shortcuts.swf" />
    <tut label="Creating folders" video="Folders.swf" />
    <tut label="Method editing" video="Method_Editing.swf" />
    <tut label="Formulas and databinding" video="Interact_with_Data.swf" />
    <tut label="Using method templates" video="Using Method Templates.swf" />
    <tut label="Customizing search folders" video="Customize results view on the instrument.swf" />
    <tut label="Archiving a database" video="Archive.swf" />
    <tut label="Archive publishing" video="Publish.swf" />
</node>
</menu>

index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<title>----</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<script
src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js">
</script>

<script type="text/javascript">
$(document).ready(function()   {
     // ganze XML-datei einlesen und in variable 'XMLmediaArray' speichern
    $.get("menu.xml", function(XMLmediaArray){
        // suche nach jedem (each) 'bluray' abschnitt
        $(XMLmediaArray).find("node").each(function(){
            var $myMedia = $(this);
            var topic = $myMedia.attr("topic");
            $('<div class="items" id="link_'+topic+'"></div>').html('<h1>'+topic+'</h1>').appendTo('#mediaContainer');
            $("tut",this).each(function(index, element) {
                var label = $(this).attr("label");
                $('<div class="label"></div>').html(label).appendTo('#link_'+topic);
            });
        });
    });
});
</script>

</head>

<body>

<div id="mediaContainer">
</div>

</body>
</html>

Thank you in advance.

Regards, Marcel

Replies(2)

kbwood.au

Re: Problem with xmlParsing

8 years ago

The problem is that you're using the node topic as the ID, and some values contain spaces! Convert these to underscores and you're fine:

$(function() { // Shorthand for $(document).ready(function() {
// ganze XML-datei einlesen und in variable 'XMLmediaArray' speichern
$.get('menu.xml', function(XMLmediaArray){
// suche nach jedem (each) 'bluray' abschnitt
$(XMLmediaArray).find('node').each(function() {
var $myMedia = $(this);
var topic = $myMedia.attr('topic');
var topicId = 'link_' + topic.replace(' ', '_');
$('<div class="items" id="' + topicId + '"></div>').
html('<h1>' + topic + '</h1>').appendTo('#mediaContainer');
$('tut', this).each(function(index, element) {
var label = $(this).attr('label');
$('<div class="label"></div>').html(label).appendTo('#' + topicId);
});
});
});
});

Marcel Ku..

Re: Problem with xmlParsing

8 years ago

Thank you for your quick answer :) The XML source has changed and I have reprogramed my xmlParser script (see bellow)

menu.xml
-------------------------------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<node>
<node label="Start" isOpen="false" fileName="Start">
</node>
<node label="Installation" isOpen="true">
    <node label="Installing labx" fileName="Installation_Single_Workstation.swf" />
    <node label="Direct activation" fileName="inprocess_direct_activation2.swf" />
    <node label="Manual activation" fileName="Manual_Activation_new2.swf" />
</node>
<node label="Getting Started" isOpen="true">
    <node label="PC user interface" fileName="The_PC_User_Interface.swf" />
    <node label="Methods and tasks explained" fileName="Methods_and_Tasks.swf" />
    <node label="Results" fileName="ResultsL.swf" />
    <node label="Reports and report templates" fileName="Reports.swf" />
</node>
<node label="Further topics" isOpen="true">
    <node label="Working with shortcuts" fileName="Shortcuts.swf" />
    <node label="Creating folders" fileName="Folders.swf" />
    <node label="Method editing" fileName="Method_Editing.swf" />
    <node label="Formulas and databinding" fileName="Interact_with_Data.swf" />
    <node label="Using method templates" fileName="Using Method Templates.swf" />
    <node label="Customizing search folders" fileName="Customize results view on the instrument.swf" />
    <node label="Archiving a database" fileName="Archive.swf" />
    <node label="Archive publishing" fileName="Publish.swf" />
</node>
<node label="Weighing solutions topics" isOpen="true">
    <node label="Working at the balance" fileName="Working_at_the_balance.swf" />
    <node label="Connect a balance" fileName="connect balance_demo131011c.swf" />
    <node label="Using a balance via Ethernet" fileName="Balance_Configuration_Ethernet_a.swf" />
    <node label="GWP LabX" fileName="GWP_LabXn.swf" />
</node>
<node label="Thermal values topics" isOpen="true">
    <node label="Adjustment" fileName="TVManualAdjustment.swf" />
    <node label="Results" fileName="TVResults.swf" />
    <node label="Measurements" fileName="TVMeasurement.swf" />
    <node label="Reference substances" fileName="TVUsingRefSubstances.swf" />
</node>
<node label="Liquiphysics topics" isOpen="true">
    <node label="Connect an instrument" fileName="Connecting a LiquiPhysics Instrument.swf" />
</node>
</node>

index.html
-------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<title>-----</title>


<script src="scripts/jquery.min.js">
</script>


<link rel="stylesheet" href="scripts/fancybox/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script>

<script type="text/javascript">
$(document).ready(function(){
    $.ajax({
        type: "GET",
        url: "menu.xml",
        dataType: "xml",
        success: function(xml) {
            $(xml).children('node').each(function(){
                $(this).children('node').each(function(){
                    var label = $(this).attr('label');
                    var label2 = label.replace(/ /g, '');
                    $('<div class="items" id="link_'+label2+'"></div>').html('<h1>'+label+'</h1>').appendTo('#page-wrap');

                    $(this).children('node').each(function(){
                        var label = $(this).attr('label');
                        var fileName = $(this).attr('fileName');
                        $('<div class="subitems"></div>').html('<a class="fancybox" href="videos/'+fileName+'">'+label+'</a>').appendTo('#link_'+label2);
                    });
                });
            });
        }
    });
});

</script>

<script type="text/javascript">
$(document).ready(function(){
    $(".fancybox").fancybox({
        maxWidth    : 1024,
        maxHeight    : 768,
        fitToView    : true,
        width        : '100%',
        height        : '100%',
        autoSize    : true,
        closeClick    : false,
        'overlayColor': '#000000',
        openEffect    : 'none',
        closeEffect    : 'none',
        afterClose : function() {
            // This is the id of the element that was being added over and over again to the body element
            $("#stage").remove();
        }
    });
});
</script>


<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

</head>

<body>

<div id="page-wrap">
</div>

<div style="display:none">
    <div id="stage">
    <object width="1024" height="798" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7"
        classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
        type="application/x-oleobject">
        <param name="src" value="videos/TVResults.swf">
        <embed src="videos/TVResults.swf" width="1024"
            type="application/x-shockwave-flash" height="798"
            pluginspage="http://www.adobe.com/go/getflashplayer"></embed>
    </object>
    </div>
</div>

</body>
</html>

Top Reply

Response title

Attachments

jQuery Forum

Problem with xmlParsing

Replies(2)

Re: Problem with xmlParsing

Re: Problem with xmlParsing

Statistics

Tags

Actions