XML,XSL,JavaScriptの連携

解決済

質問者：kanan999
質問日時：2004/08/23 23:33
回答数：1件

はじめまして。XML初心者です。
教えていただきたいことがあります。

今、XSLを解析しているのですが、おそらくこのようなことをやっているのだと考えます。↓

XSLでXMLのデータを読み込み、そのデータを元にリストボックスを作成して、JavaScriptでリストボックスで選択された要素の座標位置などを表形式で出力していると思うのですが、これは１画面中でやっています。
これを左右のフレームでわけて、左フレームにリストボックス、右フレームにリストボックスで選択された要素の座標位置などの表を出力したい、と思っています。
上記を実現させるためには、左フレームで選択したリストボックスがどの要素を指しているのか？を右のフレームに伝えなければならないと考えますが、どのようにしたらよいのかわかりませんし、なにから手をつけていけばよいかもわかりません。
このようなことを実現することは可能でしょうか？

わかりづらい説明で申し訳ありませんが、アドバイスをいただけたらと思います。
よろしくおねがいします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： potedora
回答日時：2004/08/24 11:29

リストボックスの座標位置というのがよくわかりませんが、こんな感じではどうでしょうか？

・XMLファイル（list.xml）
<?xml version="1.0" encoding="utf-8" ?>
<data>
<item>A</item>
<item>B</item>
<item>C</item>
</data>

・XSLファイル（list.xsl）
<?xml version="1.0" encoding="utf-8" ?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:output method="html" encoding="Shift_JIS" indent="yes"/>


<xsl:template match="/">
<html>
<script language="javascript" src="select.js"></script>
<body onload="SelectList(0);">
<center>
<form name="F1">
<xsl:apply-templates select="data" />
</form>
</center>
</body>
</html>
</xsl:template>


<xsl:template match="data">
<select name="S1" OnChange="SelectList(this.selectedIndex);">
<xsl:apply-templates select="item" />
</select>
</xsl:template>


<xsl:template match="item">
<xsl:element name="option">
<xsl:attribute name="value"><xsl:value-of select="." /></xsl:attribute>
<xsl:value-of select="." />
</xsl:element>
</xsl:template>

</xsl:stylesheet>

・フレーム定義htmlファイル（index.html）
<frameset cols="50%,50%">
<frame src="left.html" name="left">
<frame src="right.html" name="right">
</frameset>

・フレーム左側htmlファイル（left.html）
<script language="JavaScript">

</script>

・フレーム右側htmlファイル（right.html）
<html>
<body>
<center>
<form name="F2">
<input type="text" name="txtKekka">
</form>
</center>
</body>
<html>

・Javascriptファイル（select.js）
function SelectList(p)
{
parent.right.F2.txtKekka.value = p ;
}

index.htmlをダブルクリックして起動してみてください