TOP > Up > Today 

Date:  Fri, 15 Jun 2007 10:08:30 +0900
From:  no@ann.co.jp
Subject:  [pasml 255202] Re: JavaScript の onClick について
To:  pasml@ann.co.jp
Message-Id:  <200706150108.l5F18U58000383@pas2.jp>
X-Mail-Count: 255202

名前: しん BBSから
質問:http://pasokoma.jp/41/lg410056#410419
携帯:http://pasokoma.jp/m?num=410419&ope=v
--
テツヤさんは No.410185「Re:JavaScriptのonClickについて」で書きました。
テッヤさん有難うございました。

MAP要素のAREAの・・・・この部分は参考になりました。
基本的には可能かと思います。
下記のHTMLを参考にして下さい。

（１）之で三角形の辺の中だけにonClick反応を限定する事が出来ます。
（２）普通、三角形を囲む四角の領域全部で反応しますが、辺の外側では反応しません。
分かり易いように「border=&quot;1&quot;」を付けて有ります。

関連質問なのですが、こんな事は可能でしょうか？？
（１）このgifフアイルは三角形の辺の外を透明にして有ります。
（２）また、上記の３角図形の下に４角の図形が有ります。
（３）２つの図形が重なった場合、三角形の透明部分より、下の図形が見えます。
（４）この透明部分をクリックした場合、下の４角の図形をonClick出来ませんか？

要は「重なった図形の下の図形を選択出来ませんか？」です。
無理でしょうか・・・

&lt;html lang=&quot;ja&quot; xmlns:v=&quot;urn:schemas-microsoft-com:vml&quot;>
&lt;head>
&lt;title>移動&lt;/title>
&lt;SCRIPT language=&quot;JavaScript1.1&quot; type=text/javascript>
&lt;!--
var flag = false;
var myLeft;
var myTop;
var dx,dy;

function dragOn(n){
		flag = true;
		myLeft=parseInt(document.getElementById(1).style.left);
		myTop=parseInt(document.getElementById(1).style.top);
		dx=event.x-myLeft;
		dy=event.y-myTop
}
function dragImg(){
	if (!flag) return;
		document.getElementById(1).style.left =event.x-dx;
		document.getElementById(1).style.top =event.y-dy;
	return false;
}
function dragOff(){
	if (!flag) return;
		flag = false;
}
	window.document.onmousemove = dragImg;
	window.document.onmouseup   = dragOff;
//-->
&lt;/SCRIPT>
&lt;/head>
&lt;body bgColor=&quot;#0000ff&quot;>
&lt;div id=&quot;1&quot; style=&quot;position: absolute;left:0;top:0;&quot; >
 &lt;img src=&quot;3kaku.gif&quot; border=&quot;1&quot;  usemap=&quot;#Map&quot;  style=&quot;width:325px;height:282px;&quot; > 
  &lt;map name=&quot;Map&quot;>
    &lt;area shape=&quot;poly&quot; coords=&quot;5,278,320,278,165,6&quot; href=&quot;#&quot; onMouseDown=&quot;dragOn(1)&quot;>
  &lt;/map>
&lt;/div>
&lt;/body>
&lt;/html>
--
== 掲示板ＵＲＬ： http://pasokoma.jp/bbs ==
   配信の停止： http://pasokoma.jp/taikai
   本メールマガジンへの返信はなさらないで下さい
== 投稿はパソコン困りごと掲示板でお願い致します ===
TOP > Up > Today