セレクトメニューを同じ位置に表示

ページソース

<XMP>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja"><HEAD>
<SCRIPT language=Javascript>
<!--
var suuti = 0;
var height=100;   //メニューの高さの位置
var R_posi=30;    //メニューの右からの位置

function select_link(theField) {
var winTarget = "_self";
open(theField[theField.selectedIndex].value, winTarget);
}

var DW,DH;
timeID=0;
function SamePosi(){
DW =document.body.scrollRight;
DH=document.body.scrollTop;
document.all["form1"].style.pixelTop =DH+height;
document.all["form1"].style.pixelRight =DW+R_posi;
timeID=setTimeout("SamePosi()",200);
}
//-->
</script>
</HEAD>
<BODY onload=SamePosi()>
<H1>セレクトメニューを同じ位置に表示</H1><HR>
<br><br>
<FORM style="RIGHT: 30px; POSITION: absolute; TOP: 100px" name=form1>
<SELECT name="menu" multiple size="4" style="color:#0000ff;BACKGROUND-color:#ffffee;" ID="menu" onChange="select_link(this);">
<OPTION SELECTED VALUE="pre">選択してください
<OPTION VALUE="http://www3.ocn.ne.jp/~motiya/">JavaScriptサンプル置き場
<OPTION VALUE="http://goggoru.seo-search.com/">ページランクマスター上位表示
<OPTION VALUE="http://www.webranking.net/ranking.cgi?id=102745">ホームページ制作ランキング
</SELECT>
</FORM>
</P>
</BODY></HTML>　　</XMP>

- JAVAスクリプト～サンプル置き場 -

A8.net:広告

JavaスクリプトサンプルTOP / 相互リンクでSEO！JavaScript / SEO対策サーチエンジンやきぶたサーチ / アクセスアップ同好会 /

★無料ブログテンプレートカスタマイズ ★無料ブログ比較・評価 ★無料ブログ（blog）比較 ★無料レンタルブログサービス比較 ★無料＆格安レンタルサービス
★おすすめレンタルサービス ★レンタルサーバー比較 ★格安レンタルサーバー比較 ★ビデオ・DVD レンタル・激安通販 ★無料レンタルショッピングカート
★ネットショップ作成 ★アルバイト・仕事探し ★アンケート・モニター募集 ★副収入&小遣い稼ぎ ★ページランクアップの方法