IF statement to select nodes w/certain attribute values

[npm]

Hi,
I'm trying to add an IF statement to this javascript that will select/display only those xml nodes either with a certain attribute or attribute value.

Here's my xml code:

<stations>
    <station timezone="PT" PT="">
        <city>Seattle</city>
        <freq>93.1 FM</freq>
    </station>
    <station timezone="MT" MT="">
        <city>Phoenix</city>
        <freq>95.7 FM</freq>
    </station>
    <station timezone="CT" CT="">
        <city>Nashville</city>
        <freq>99.9 FM</freq>
    </station>
    <station timezone="ET" ET="">
        <city>Atlanta</city>
        <freq>107.9 FM</freq>
    </station>
</stations>
 

I've got two different ways to denote the timezone because I've gotten one IF statement to work in Firefox but not IE6, and a different script (using xpath) that works in IE6 but not Firefox (it appears the xpath isn't working in FF).

Here's the one that works in FF (but not IE6):

<script type="text/javascript">
    xmlDoc=loadXMLDoc("stations.xml");
    x=xmlDoc.getElementsByTagName("city");
    for (i=0;i<x.length;i++)
        {
        if (x[i].parentNode.hasAttribute("MT"))
            {
            document.write(x[i].childNodes[0].nodeValue)
            document.write("<br />")
            }
        }
</script>
 

And here's the one that works in IE6 (but not FF):

<script type="text/javascript">
    xmlDoc=loadXMLDoc("stations.xml");
    xmlDoc.setProperty("SelectionLanguage", "XPath");
    x=xmlDoc.selectNodes("//station[@tmzn='MT']/city");
    for (i=0;i<x.length;i++)
        {
        document.write(x[i].childNodes[0].nodeValue)
        document.write("<br />")
        }
</script>
 

And for further reference, here's my external javascript file I'm using to help load the xml:

function loadXMLDoc(dname)
{
var xmlDoc;
// code for IE
if (window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
{
xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert('Your browser cannot handle this script');
}
xmlDoc.async=false;
xmlDoc.load(dname);
return(xmlDoc);
}
 

Is there an IF statement that will work in both (maybe even in Safari, too?) or is there a way to use xpath so it will work in FF? I'm new to this, so it's kinda confusing.

Thanks!

[acoder]

I don't know if this will do what you want, but you could work with this example.

[npm]

Not exactly...
Sorry I should have been more clear on what I'm trying to get this script to do. I was hoping to have it go through the xml file and display only those cities (or frequencies) that are in a certain timezone.

Do I have the xml set up wrong? Should I put the timezone as another child element of <station> instead as an attribute of <station>? Would that make it easier to come up with a javascript that can sort that out?

Thanks, every little bit helps since I'm new to xml and still fairly new to javascript.

[acoder]

Not exactly...
Sorry I should have been more clear on what I'm trying to get this script to do. I was hoping to have it go through the xml file and display only those cities (or frequencies) that are in a certain timezone.

Do I have the xml set up wrong? Should I put the timezone as another child element of <station> instead as an attribute of <station>? Would that make it easier to come up with a javascript that can sort that out?

Thanks, every little bit helps since I'm new to xml and still fairly new to javascript.

Yes, perhaps that should solve your problem. Is the xml just an example or do you expect that multiple stations will have the same timezone? Perhaps you could ask about the XML element of this problem in the XML forum?

[iam_clint]

you can use an attribute


element.getAttribute("timezone");

[npm]

Yes, I will have multiple stations in multiple states, but I also want to list the stations in pages corresponding to their timezone. The problem arises when one state has stations in more than one timezone. I haven't found/come up with a javascript that will display a city based on what timezone it's in, at least a script that will work in Firefox & IE or other browsers as well.

Thanks!

[npm]

you can use an attribute


element.getAttribute("timezone");

Where would I put that in a script?
Thanks!

[npm]

I'm not sure if this is the correct place to put the if statement, but I tyring to find an if statement to display only those <city> elements whose parent node <station> has a specific attribute value (in this case either Central or Eastern timezone).

<script type="text/javascript">
<!--
    xmlDoc=loadXMLDoc("stations.xml");
    x=xmlDoc.getElementsByTagName("city");
    for (i=0;i<x.length;i++)
        {
        if (x[i].parentNode.WHAT_GOES_HERE?)
            {
            document.write(x[i].childNodes[0].nodeValue)
            document.write("<br />")
            }
        }
//-->
</script>
 

Here's a sample xml file it would be selecting from:

<stations>
    <station timezone="Eastern">
        <city>Chattanooga</city>
        <freq>99.9 FM</freq>
    </station>
    <station timezone="Eastern">
        <city>Knoxville</city>
        <freq>107.9 FM</freq>
    </station>
    <station timezone="Central">
        <city>Memphis</city>
        <freq>93.1 FM</freq>
    </station>
    <station timezone="Central">
        <city>Nashville</city>
        <freq>95.7 FM</freq>
    </station>
</stations>
 

[gits]

hi ...

it's the right place :) and WHAT_GOES_HERE has to be:

// when you want to get the EASTERN-zone
x[i].parentNode.getAttribute('timezone') == 'Eastern'
 

kind regards ...

[gits]

Where would I put that in a script?
Thanks!

have a look at your other posting that concerns the same issue ...

kind regards ...

[acoder]

have a look at your other posting that concerns the same issue ...

kind regards ...

No longer "other posting" because I've merged the threads!

[npm]

hi ...

it's the right place :) and WHAT_GOES_HERE has to be:

// when you want to get the EASTERN-zone
x[i].parentNode.getAttribute('timezone') == 'Eastern'
 

kind regards ...

Oh man...
Thank you! I knew it was some simple line of code that would pick out the ones I needed. It works just fine in both FF and IE6, hopefully now it works in others as well.

THANKS AGAIN!