PowerSketch/Viewerサポート > PowerSketch/Viewerの制御について > Javascriptによる制御例
JavaScriptにより、Internet Explorer上でPowerSketch/Viewerを制御することができます。
<object
classid="clsid:142843F9-F0BD-11D3-8228-00C04F7A9C5D"
width="300" height="200" id="psv1">
<param name="Source" value="../chair.psv">
</object>
ID=psv1のビューワーデータに対し、テキスト「視点1」をクリックした時に1番目(引数)の視点に変更する。
<a href=# onClick="psv1.SetViewID(1)">視点1</a>
ID=psv1のビューワーデータに対し、画像データ「view3.gif」をクリックした時に3番目(引数)の視点に変更する。
<a><img src="view3.gif" onClick="psv1.SetViewID(3)"
alt="視点3"></a>
<object
classid="clsid:142843F9-F0BD-11D3-8228-00C04F7A9C5D"
width="300" height="200" id="psv1">
<param name="Source" value="../sofa-table.psv">
</object>
ID=psv1のビューワーデータに対し、yuka.jpgという画像をクリックした時に、テクスチャ1番をyuka.jpgに変更する。
<img src="image/yuka.jpg" width="32" height="32" onClick="psv1.ChangeTexture(1,'image/yuka.jpg');psv1.Draw(4)">
ID=psv1のビューワーデータに対し、テキストBlueをクリックした時に、テクスチャ3番をblue.jpgに変更する。
<a href="#" onClick="psv1.ChangeTexture(3,'image/blue.jpg');psv1.Draw(4)
">
Blue</a>
<例:PowerSketchの場合>
ビューワー変換前に、psrデータ上で形状を選択し「ビューワー用の形状設定」で「形状の識別」「識別番号」を設定しビューワー変換を行います。
詳しくは、マニュアル第4章「ウォークスルー設定」をご覧ください。
このIDは任意に設定可能で、1ページで複数のデータを制御する場合は異なるIDを設定してください。
<object
classid="clsid:142843F9-F0BD-11D3-8228-00C04F7A9C5D"
width="300" height="200" id="psv1">
<param name="Source" value="../sofa-table.psv">
</object>
ID=psv1のビューワーデータに対し、識別番号1、識別番号2の形状をクリックすると新しいウィンドウが開く。
<HTML>
<HEAD>
<TITLE></TITLE> <script language="JavaScript">
<!-- (新規ウィンドウを開くイベント定義)
function newwin(url) {
window.open(url,"new","width=230,height=200,
toolbar=no,location=no,status=no,menubar=no,scrollbars=no")
} (形状識別のイベントとメソッド)
function Pick(){
timer=setTimeout("Pick()",500);
id=psv1.GetPickID(false);
if(id<1)return;
switch(id)
{
case 1:newwin("page/item1.html");break; (識別番号1に対するイベント)
case 2:newwin("page/item2.html");break; (識別番号2に対するイベント)
}
}
//-->
</script>
</HEAD> <BODY onLoad="Pick()"> (ページ読込み完了後のイベントハンドラ)
<CENTER>
<OBJECT classid=clsid:142843F9-F0BD-11D3-8228-00C04F7A9C5D height=250
width=340 id=psv1>
<PARAM NAME="Source" VALUE="sofa-table.psv">
</OBJECT>
</CENTER>
</BODY>
</HTML>