0

顧客サイトのステータスを表示するサイトを生成しようとしています。Javaスクリプト内からの条件付き書式設定に固執しています。

<script>
if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
    }
else
    {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET","example.xml",false);
    xmlhttp.send();
    xmlDoc=xmlhttp.responseXML;

    document.write("<table cellpadding='5' cellspacing='0' width='100%'>");
    document.write("<th>SITE:</th>");
    document.write("<th>URL:</th>");
    document.write("<th>STATUS:</th>");
var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
    { 
    document.write("<tr><td style='font-size:10px'>");
    document.write(x[i].getElementsByTagName("SITE")[0].childNodes[0].nodeValue);
    document.write("</td><td style='font-size:10px'>");
    document.write(x[i].getElementsByTagName("URL")[0].childNodes[0].nodeValue);
    document.write("</td><td style='font-size:10px'>");
    document.write(x[i].getElementsByTagName("STATUS")[0].childNodes[0].nodeValue);
var STAT=xmlDoc.getElementsByTagName("STATUS");
document.write(STAT)
        if (STAT=="UP")
            {
            document.write('<div style="background-color:#2EFE2E">UP</div>')
            }
        else
            {
            if (STAT=="DOWN")
                {
                document.write('<div style="background-color:#FF0000">DOWN</div>')
                }
            else
                {
                document.write('<div style="background-color:#EDA200">UNKNOWN</div>')
                }
            }
    document.write("</td></tr>");
}
    document.write("</table>");
</script>

私が抱えている問題は、スクリプトの最後のセクションです。私が望むのは、スクリプトが という XML タグの例で「UP」または「DOWN」という単語を検索するのを手伝ってくれることです。単語に応じて異なる色とテキストを設定します。それ以外のものには、独自の個別のフォーマットがあります。

なんらかの理由で (本当にばかげた理由であるに違いありません)、STATUS と呼ばれる表のセルは書式設定の最後の部分しか表示していません。したがって、「UP」または「DOWN」という単語を探す代わりに、他のすべての書式を使用します。したがって、これを使用する代わりに:

if (STAT=="UP")
        {
        document.write('<div style="background-color:#2EFE2E">UP</div>')
        }

これを使用しています:

else
        {
        document.write('<div style="background-color:#EDA200">UNKNOWN</div>')
        }

出力例はこちら: http://echelonservices.co.uk/test/CUSTOMERS.html

誰でも手伝ってもらえますか?

4

1 に答える 1