JavaScript板■ ▼
※ お知らせ ＆ 注意事項等 ※

ＷＥＢ掲示板では、「誹謗・中傷・煽り」等は推奨しません。
汚い言葉とか人が落ち込むような言葉は使わないようしましょう。
投稿に関して発生する責任は全て投稿者に帰する事を納得した上で書きこみしましょう。
ｱﾀﾞﾙﾄ広告,出会い系,ﾈｽﾞﾐ講(MLM含む),ﾏﾙﾁ商法等の募集の書き込みは全て削除します


★ＨＰの宣伝・告知等は宣伝・告知板でどうぞ。

☆ 管理人の気分しだいでルールは変わりますので！ (￣ー￣)ﾆﾔﾘｯ

タイトル名を付ける時の注意

タイトル名は、質問する内容に沿ったタイトル名を付けて下さい。
タイトル名を見ただけで質問内容が分かるようなタイトルが望ましいです。
「教えてください」「助けてください」「質問です」等のタイトルは、Not Good.
Google
 
Web bulletin-board-system.com
bayani.jp external-file.com
BagongBayani Online Store

匿名プロキシサーバーのみアクセス制限実行中

匿名プロキシサーバーからのアクセスを一律に禁止しております。

アクセスの際にプロキシサーバー特有のリクエストヘッダ(CGIの環境変数)を調べて、
匿名プロキシサーバーであると判断した場合のみ、アクセスを禁止しております。

タイトル：   
名前： E-mail(省略可)：
内容：

[ｶﾞｲﾄﾞﾗｲﾝ] [WEB掲示板の使い方・用語等] [WEB掲示板とは？] [サイト内検索]

ﾌﾚｰﾑﾒﾆｭｰ追加 ﾌﾚｰﾑﾒﾆｭｰ解除 TOPページ 過去ログ リロード i-mode 最後のページ 次のページ

Apparel
♪♪Online Store♪♪
Housewares
BagongBayani Online Store : CafePress.com !!!　 アフガンハウンドのマグカップやＴシャツもあるよ ・ 覗きにおいで!!　

 

JavaScript External File

 

掲示板一覧
JavaScript板 WEB掲示板@倉庫 XHTML Custom BBS ご意見・ご要望・報告 インターネット・パソコン ラウンジ＠WEB掲示板 井戸端会議 検索エンジン 情報板 初心者・質問板 宣伝・告知

1:星が降るスクリプト <13> / 2:お久しぶりです。 <5> / 3:ポップメニューのJavaScriptが分かりません（泣） <6> / 4:外部ファイルの記述がうまく出来ません。 <4> / 5:選択文字列の文章内の位置を取得する方法 <7> / 6:NN7.0 ならいけましたけど・・・ <7> / 7:メニューJSのサンプルで <1> / 8:メニューのプルダウン部分がFlash画像に隠れて見えない <9> / 9:同一ページ内で複数のJavaスクリプト実行について <3> / 10:改造スクリプト <7> / 11:語句変更スクリプト <8> / 12:Java scriptを外部ファイルにて呼び出したらえらーが表示される <5> / 13:サンプル７のJSの壁紙の設定 <3> / 14:ｊｓで改造した掲示板の文字を <3> / 15:JSをカスタマイズしてBBSにはると <2> / 16:メニューの外部ファイルのJSを使おうとすると <17> / 17:各種バーを非表示にするには？ <1> / 18:キー入力で拡大縮小したいのですが… <3> / 19:クリッカブルイメージマップ２がうまく使えません。 <9> / 20:NN7.1でのリンクテキスト変更 <7> / [スレッド数 : 20]

[1:13] 星が降るスクリプト■▲▼
1 名前： はな 投稿日：2003/11/18(火) 00:40 ID:/AjeHocY
JSの本をかってJSの勉強をしてるのですが、どうしても次のJSの外部ファイル変換法がわかりません。
<HTML>
<HEAD>
<TITLE>Cheese House
</TITLE>

<SCRIPT language="JavaScript">
<!--
function move(){
　myIcon.style.pixelLeft=event.x 100;
　myIcon.style.pixelTop=event.y 50;
}
//-->
</SCRIPT>
</HEAD>
<BODY onMousemove="move()">
<IMG SRC="素材URL" ID=myIcon
STYLE="position:absolute;top:100;left:100" >
</BODY>
</HTML>
マウスストーカーのスクリプトらしいのですが、どうすればいいのでしょうか？

2 名前： はな 投稿日：2003/11/18(火) 19:56 ID:???
<!--
var no = 50;
var speed = 1;
var snowflake = "http://i.tosp.co.jp/i-landNAL2/G/A218/P2188083n18.gif";

var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 1400;
if (ns4up) {
doc_width = self.innerWidth;
//doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
//doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no;　　i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02　 Math.random()/10;
sty[i] = 0.7　 Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"　i　"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""　 snowflake　 "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"　i　"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""　 snowflake　 "\" border=\"0\"></layer>");
　 }
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"　i　"\" style=\"POSITION: absolute; Z-INDEX: "　i　"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><IMG src=\""　 snowflake　 "\" border=\"0\"></DIV>");
} else {
document.write("<DIV id=\"dot"　i　"\" style=\"POSITION: absolute; Z-INDEX: "　i　"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\""　 snowflake　 "\" border=\"0\"></DIV>");
　　　}
　 }
}
function snowNS() {
for (i = 0; i < no;　　i) {
yp[i]　= sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02　 Math.random()/10;
sty[i] = 0.7　 Math.random();
doc_width = self.innerWidth;
// doc_height = self.innerHeight;
}
dx[i]　= stx[i];
document.layers["dot" i].top = yp[i];
document.layers["dot" i].left = xp[i]　 am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}

function snowIE() {
for (i = 0; i < no;　　i) {
yp[i]　= sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02　 Math.random()/10;
sty[i] = 0.7　 Math.random();
doc_width = document.body.clientWidth;
// doc_height = document.body.clientHeight;
}
dx[i]　= stx[i];
document.all["dot" i].style.pixelTop = yp[i];
document.all["dot" i].style.pixelLeft = xp[i]　 am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// -->
なんとか外部ファイル化に成功したのですがこちらのスクリプトはこれでホントにしているのでしょうか？
すでに、HPにUPして使ってます。

3 名前： ★bisoy 投稿日：2003/11/18(火) 19:59 ID:???
この星が降るスクリプトは、エラー表示になりませんか？

4 名前： 削除 投稿日：2003/11/18(火) 20:01 ID:削除
削除

5 名前： ★bisoy 投稿日：2003/11/18(火) 20:04 ID:???
<!--

// -->

外部ファイル内の記述に
上記の記述(コメント指定)は書き込みません。

要参照
http://external-file.com/ja/apat.html

6 名前： ★bisoy 投稿日：2003/11/18(火) 20:18 ID:???
このすぐ下のスレッドが同じパターンで、流用出来ます。

7 名前： ★bisoy 投稿日：2003/11/18(火) 20:18 ID:???
//使用する画像が一つだけの場合のスクリプトです。
Image0=new Image();
Image0.src="http://i.tosp.co.jp/i-landNAL3/G/A279/P2796712N23.gif";

grphcs=new Array("http://i.tosp.co.jp/i-landNAL2/G/A218/P2188083n18.gif");

Amount=10;//画面上の画像を表示させる数
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;

if (ns){
　　　　for (i = 0; i < Amount; i++){
　　　　　　　　var P=Math.floor(Math.random()*grphcs.length);
　　　　　　　　rndPic=grphcs[P];
　　　　　　　　document.write('<layer name="sn' +i+ '" left="0" top="0"><img src=' +rndPic+ '><\/layer>');
　　　　}
}
else{
　　　　document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
　　　　for (i = 0; i < Amount; i++){
　　　　　　　　var P=Math.floor(Math.random()*grphcs.length);
　　　　　　　　rndPic=grphcs[P];
　　　　　　　　document.write('<img id="si" src="' +rndPic+ '" style="position:absolute;top:0px;left:0px">');
　　　　}
　　　　document.write('<\/div><\/div>');
}
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < Amount; i++){　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　Ypos[i] = Math.round(Math.random()*WinHeight);
　　　　Xpos[i] = Math.round(Math.random()*WinWidth);
　　　　Speed[i]= Math.random()*3+2;
　　　　Cstep[i]=0;
　　　　Step[i]=Math.random()*0.1+0.05;
}

function fall(){
　　　　var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
　　　　var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
　　　　var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;
　　　　var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;
　　　　for (i=0; i < Amount; i++){
　　　　　　　　sy = Speed[i]*Math.sin(90*Math.PI/180);
　　　　　　　　sx = Speed[i]*Math.cos(Cstep[i]);
　　　　　　　　Ypos[i]+=sy;
　　　　　　　　Xpos[i]+=sx;
　　　　　　　　if (Ypos[i] > WinHeight){
　　　　　　　　　　　　Ypos[i]=-60;
　　　　　　　　　　　　Xpos[i]=Math.round(Math.random()*WinWidth);
　　　　　　　　　　　　Speed[i]=Math.random()*5+2;
　　　　　　　　}
　　　　　　　　if (ns){
　　　　　　　　　　　　document.layers['sn'+i].left=Xpos[i];
　　　　　　　　　　　　document.layers['sn'+i].top=Ypos[i]+hscrll;
　　　　　　　　}
　　　　　　　　else{
　　　　　　　　　　　　si[i].style.pixelLeft=Xpos[i];
　　　　　　　　　　　　si[i].style.pixelTop=Ypos[i]+hscrll;
　　　　　　　　}
　　　　　　　　Cstep[i]+=Step[i];
　　　　}
　　　　setTimeout('fall()',80);//画像の降る速さは、ここの数値を変更
}
window.onload=fall;

8 名前： はな 投稿日：2003/11/18(火) 23:37 ID:QUFPancI
エラーにはなってないみたいです。
<!--は要らなかったのですね。
勉強になりました。
まだJS初心者なのでHTMLとは違う記号としか認識できません。
それとHTMLを外部ファイルに入れるとエラーがでるみたいだ。ってことぐらいです。
もう1つの方は質問の仕方が悪かったのでしょうか？

9 名前： はな 投稿日：2003/11/19(水) 01:57 ID:QUFPancI
さきほど直して来ました。

10 名前： 505 @ Delte Server 投稿日：2008/04/05(土) 15:41 ID:505 @ Delte Server
505 @ Delte Server

11 名前： 505 @ Delte Server 投稿日：2008/04/07(月) 06:03 ID:505 @ Delte Server
505 @ Delte Server

12 名前： 505 @ Delte Server 投稿日：2008/04/13(日) 05:31 ID:505 @ Delte Server
505 @ Delte Server

13 名前： 505 @ Delte Server 投稿日：2008/04/17(木) 07:13 ID:505 @ Delte Server
505 @ Delte Server

名前 ： E-mail(省略可) ：
レスを全部読む 最新レス50 レス1-10 掲示板のトップへ リロード サイト内検索

[2:5] お久しぶりです。■▲▼
1 名前： はな 投稿日：2004/05/07(金) 13:49 ID:/GeRZDEU
スライドショーがやりたくて以下のようなスクリプトを作りました。
スタートボタンを画面に表示させることなく、開くと同時にスライドショーを始めさせることは出来ないのでしょうか。
出来れば、画面に埋め込みたいのですが。
サーバーは、Iらんど上と、ほかの有料サーバー（JSファイルOK,CGIファイルをあげることが出来ない。）
で使いたいのですが。どうすればよいのでしょうか。作った後JSをつつく可能性が少ない外部ファイルでよろしくお願いします。

i=0
sspeed =1000
wName = "w1";
num = 7　;

if(document.images){
　picture=new Array(num)

　picture[0]　= new Image();picture[0].src　='http://i.tosp.co.jp/i-landNAL3/G/A236/P2368769n11.GIF';
　picture[1]　= new Image();picture[1].src　='http://i.tosp.co.jp/i-landNAL3/G/A236/P2368769n12.GIF';
　picture[2]　= new Image();picture[2].src　='http://i.tosp.co.jp/i-landNAL3/G/A236/P2368769n30.GIF';
　picture[3]　= new Image();picture[3].src　='http://i.tosp.co.jp/i-landNAL3/G/A236/P2368769n17.GIF';
}

title0　 = "<CENTER><img src='http://i.tosp.co.jp/i-landNAL3/G/A236/P2368769n17.GIF'></CENTER>"

bg0　　　= "<BODY bgcolor='#000000' text='#ffffff'>"


function komado(bg,sashikae){

komado1 =
window.open('',wName,'resizable=1,width=400,height=240,left=300,top=350')
komado1.document.write(bg)
komado1.document.write(sashikae)
komado1.document.close()

　 if(navigator.appVersion.charAt(0)>=3){komado1.focus()}
}

function kirikae(){
　 komado(bg0,title0)
　 setTimeout('hyousi()',sspeed);
}

function hyousi(){
　 komado(bg0,title0)
}

function sShow(){

　if( !komado1.closed ){

　　if(navigator.appVersion.charAt(0)>=3){
　　　komado1.focus()
　　　komado1.document.images[0].src=picture[i].src
　　}

　　if( i <　num - 1 ){
　　　i　;
　　　stimeID=setTimeout('sShow()',sspeed)
　　} else {
　　　clearTimeout(stimeID)
　　}

　}
}
kirikae();

2 名前： はな 投稿日：2004/05/07(金) 15:29 ID:9LdgLmag
http://ip.tosp.co.jp/i.asp?I=hana21152&P=8
実際に少し修正したものをIらんどにUPしてみました。やはり、自動立ち上げがわかりません。
できれば、ソースをみて、アドバイスください。
トップページからリンクしていないので。
実際には別の画像でスライドショーするつもりです。

3 名前： ★bisoy 投稿日：2004/05/09(日) 01:23 ID:???
おひさしぶりですね。お元気でしたか？

window.onload = sShow;

この記述を一番最後に付け足せば、
読み込みと同時に動くはずです。



これは削除してください。
<FROM><INPUT Type="button" value="START" onClick="i=0;sShow()"></FORM>

4 名前： 505 @ Delte Server 投稿日：2008/04/06(日) 20:21 ID:505 @ Delte Server
505 @ Delte Server

5 名前： 505 @ Delte Server 投稿日：2008/04/08(火) 00:38 ID:505 @ Delte Server
505 @ Delte Server

名前 ： E-mail(省略可) ：
レスを全部読む 最新レス50 レス1-10 掲示板のトップへ リロード サイト内検索

[3:6] ポップメニューのJavaScriptが分かりません（泣）■▲▼
1 名前： ７０８ 投稿日：2004/05/21(金) 10:35 ID:0LgiR.pI
JavaScriptの部分が全然分かりません。
説明していただけないでしょうか？

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<script language="JavaScript">
<!--//Copyright (C) WEST MiRa http://homepage3.nifty.com/west-mira/

　　//メニューをマウスポインタからどの程度離すのか、横の距離を指定する
　　x_purasu=-20;
　　//メニューをマウスポインタからどの程度離すのか、縦の距離を指定する
　　y_purasu=-20;

　　//メニューが全部で幾つあるのか、数を指定する
　　kazu=1;

　　function hyouji(doko,event)
　　　　{
　　　　hihyouji(doko);
　　　　if(document.layers)
　　　　　　{
　　　　　　x_iti=event.pageX;
　　　　　　y_iti=event.pageY;
　　　　　　document.layers["lay" doko].moveTo(x_iti x_purasu,y_iti);
　　　　　　document.layers["lay" doko].visibility='show';
　　　　　　}

　　　　else if((document.getElementById) && (!document.all))
　　　　　　{
　　　　　　x_iti=event.pageX;
　　　　　　y_iti=event.pageY;
　　　　　　document.getElementById("lay" doko).style.left=x_iti x_purasu;
　　　　　　document.getElementById("lay" doko).style.top=y_iti y_purasu;
　　　　　　document.getElementById("lay" doko).style.visibility='visible';
　　　　　　}

　　　　else if(document.all)
　　　　　　{
　　　　　　x_iti=document.body.scrollLeft event.clientX;
　　　　　　y_iti=document.body.scrollTop event.clientY;
　　　　　　document.all("lay" doko).style.pixelLeft=x_iti x_purasu;
　　　　　　document.all("lay" doko).style.pixelTop=y_iti y_purasu;
　　　　　　document.all("lay" doko).style.visibility='visible';
　　　　　　}
　　　　}

　　function ie_hyouji(doko)
　　　　{
　　　　if((document.getElementById) && (!document.all))
　　　　　　document.getElementById("lay" doko).style.visibility='visible';
　　　　else if(document.all)
　　　　　　document.all("lay" doko).style.visibility='visible';
　　　　}

　　function hihyouji(doko)
　　　　{
　　　　for(i=0; i<kazu; i　)
　　　　　　{
　　　　　　if(doko != i)
　　　　　　　　{
　　　　　　　　if(document.layers)
　　　　　　　　　　document.layers["lay" i].visibility="hidden";
　　　　　　　　else if((document.getElementById) && (!document.all))
　　　　　　　　　　document.getElementById("lay" i).style.visibility="hidden";
　　　　　　　　else if(document.all)
　　　　　　　　　　document.all("lay" i).style.visibility="hidden";
　　　　　　　　}
　　　　　　}
　　　　return;
　　　　}

　　function hajime()
　　　　{
　　　　for(i=0; i<kazu; i　)
　　　　　　if(document.layers)document.layers["lay" i].onmouseout=hihyouji;
　　　　}

//-->
</script>

</head>

<body onLoad="hajime();">

<table><tr><td>
<a href="" onMouseOver="hyouji(0,event);"onClick="return false"><img src="m_ns_u.gif"></a><br>
　　<span id="lay0" style="position:absolute;visibility:hidden;" onMouseOver="ie_hyouji(0);" onMouseOut="hihyouji()"; >　
　　　　<table><tr><td>
　　　　<a href="http://www.yahoo.co.jp/" onMouseOver="ie_hyouji(0);"><img src="s_mcs_u.gif"></a><br>
　　　　<a href="http://www.infoseek.co.jp/" onMouseOver="ie_hyouji(0);"><img src="s_ncb_u.gif"></a><br>
　　　　<a href="http://www.excite.co.jp/" onMouseOver="ie_hyouji(0);"><img src="s_npg_u.gif"></a><br>
　　　　<a href="http://www.goo.ne.jp/" onMouseOver="ie_hyouji(0);"><img src="s_odm_u.gif"></a><br>
　　　　<a href="http://www.google.co.jp/" onMouseOver="ie_hyouji(0);"><img src="s_nps_u.gif"></a><br>
　　　　</td></tr></table>
　　</span>
　　</td><td>
</td></tr></table>

</body></html>

2 名前： PUREST 投稿日：2004/05/22(土) 18:17 ID:wAgQBCac
どの程度分かっているのかが分からなければ説明のしようがないと思います。
とりあえず、この辺が参考になるかな？
http://allabout.co.jp/career/javascript/closeup/CU20010228/index.htm
http://allabout.co.jp/career/javascript/closeup/CU20010305/index.htm
http://allabout.co.jp/career/javascript/closeup/CU20010316/index.htm

3 名前： ７０８ 投稿日：2004/05/24(月) 09:19 ID:StrvgYPM
どうもありがとうございます♪
参考になりました。
何となくは理解できるのですが、まだ勉強し始めたばかりなので難しいです（汗

4 名前： 505 @ Delte Server 投稿日：2008/04/05(土) 05:31 ID:505 @ Delte Server
505 @ Delte Server

5 名前： 505 @ Delte Server 投稿日：2008/04/06(日) 03:23 ID:505 @ Delte Server
505 @ Delte Server

6 名前： 505 @ Delte Server 投稿日：2008/04/07(月) 01:14 ID:505 @ Delte Server
505 @ Delte Server

名前 ： E-mail(省略可) ：
レスを全部読む 最新レス50 レス1-10 掲示板のトップへ リロード サイト内検索

[4:4] 外部ファイルの記述がうまく出来ません。■▲▼
1 名前： 琢 投稿日：2004/05/03(月) 21:24 ID:Xxnk7aBE
このスクリプトを、外部ファイル用に書き換えたいのですが、何度やってもうまくいきません。
ＪＳの基本的なことは知っているつもりですが、ちょっと自分には無理みたいです。
どなたか、アドバイス、よろしくお願いします。

<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" width="130" cellspacing="0" cellpadding="0">
　<tr>
　　<td width="100%" bgcolor="#FFFFCC">
　　　<p align="center"><b><font size="4">Menu</font></b></td>
　</tr>
　<tr>
　　<td width="100%" bgcolor="#FFFFFF">
　　　<p align="left"> <a href="http://www.dynamicdrive.com">Dynamic Drive</a><br>
　　　 <a href="http://www.dynamicdrive.com/new.htm">What's New</a><br>
　　　 <a href="http://www.dynamicdrive.com/hot.htm">What's Hot</a><br>
　　　 <a href="http://www.dynamicdrive.com/faqs.htm">FAQs</a><br>
　　　 <a href="http://www.dynamicdrive.com/morezone/">More Zone</a></td>
　</tr>
</table>
<!--END OF EDIT-->

</layer>


<script type="text/javascript">

/*
Floating Menu script-　Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"

if (!document.layers)
document.write('</div>')

function JSFX_FloatTopDiv()
{
　　var startX = 3,
　　startY = 150;
　　var ns = (navigator.appName.indexOf("Netscape") != -1);
　　var d = document;
　　function ml(id)
　　{
　　　　var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
　　　　if(d.layers)el.style=el;
　　　　el.sP=function(x,y){this.style.left=x;this.style.top=y;};
　　　　el.x = startX;
　　　　if (verticalpos=="fromtop")
　　　　el.y = startY;
　　　　else{
　　　　el.y = ns ? pageYOffset　 innerHeight : document.body.scrollTop　 document.body.clientHeight;
　　　　el.y -= startY;
　　　　}
　　　　return el;
　　}
　　window.stayTopLeft=function()
　　{
　　　　if (verticalpos=="fromtop"){
　　　　var pY = ns ? pageYOffset : document.body.scrollTop;
　　　　ftlObj.y　= (pY　 startY - ftlObj.y)/8;
　　　　}
　　　　else{
　　　　var pY = ns ? pageYOffset　 innerHeight : document.body.scrollTop　 document.body.clientHeight;
　　　　ftlObj.y　= (pY - startY - ftlObj.y)/8;
　　　　}
　　　　ftlObj.sP(ftlObj.x, ftlObj.y);
　　　　setTimeout("stayTopLeft()", 10);
　　}
　　ftlObj = ml("divStayTopLeft");
　　stayTopLeft();
}
JSFX_FloatTopDiv();
</script>

2 名前： ★bisoy 投稿日：2004/05/04(火) 13:50 ID:???
/*
JavaScript 外部ファイル用記述
Sample Page - Dynamicdrive.com
http://www.dynamicdrive.com/dynamicindex1/staticmenu_dev.htm

Floating Menu script-　Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

if (!document.layers);
document.write(
'<div id="divStayTopLeft" style="position:absolute">',
'<layer id="divStayTopLeft"><table border="1" width="130" cellspacing="0" cellpadding="0">',
'<tr><td width="100%" bgcolor="#FFFFCC">',
'<p style="text-align:center;color:#555555;font-weight:bold;font-size:120%">Menu<\/p>',
'<\/td><\/tr><tr><td width="100%" bgcolor="#FFFFFF">',
'<p style="text-align:left;padding:10px">',
'<a href="http://www.dynamicdrive.com">Dynamic Drive<\/a><br>',
'<a href="http://www.dynamicdrive.com/new.htm">What\'s New<\/a><br>',
'<a href="http://www.dynamicdrive.com/hot.htm">What\'s Hot<\/a><br>',
'<a href="http://www.dynamicdrive.com/faqs.htm">FAQs<\/a><br>',
'<a href="http://www.dynamicdrive.com/morezone/">More Zone<\/a>',
'<\/p>',
'<\/td><\/tr>',
'<\/table><\/layer><\/div>');

//注意！！必ずどちらか指定します。
var verticalpos="fromtop"; // fromtopは画面の上からの指定＊＊今はこちら使用しています＊＊
//var verticalpos="frombottom"; // frombottomは画面の下からの指定

function JSFX_FloatTopDiv() {
　　var startX = 20; //画面の左からの距離指定
　　startY = 50; //画面の上からの距離指定
　　var ns = (navigator.appName.indexOf("Netscape") != -1);
　　var d = document;
　　function ml(id) {
　　　　var el = d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
　　　　if(d.layers)el.style = el;
　　　　el.sP = function(x,y) {
　　　　　　this.style.left = x;
　　　　　　this.style.top = y;
　　　　}
　　　　el.x = startX;
　　　　if (verticalpos=="fromtop")
　　　　el.y = startY;
　　　　else {
　　　　　　el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
　　　　　　el.y -= startY;
　　　　}
　　　　return el;
　　}
　　window.stayTopLeft=function() {
　　　　if (verticalpos=="fromtop") {
　　　　var pY = ns ? pageYOffset : document.body.scrollTop;
　　　　ftlObj.y += (pY + startY - ftlObj.y)/8;
　　　　}
　　　　else {
　　　　　　var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
　　　　　　ftlObj.y += (pY - startY - ftlObj.y)/8;
　　　　}
　　　　ftlObj.sP(ftlObj.x, ftlObj.y);
　　　　setTimeout("stayTopLeft()", 10);
　　}
　　ftlObj = ml("divStayTopLeft");
　　stayTopLeft();
}
JSFX_FloatTopDiv();

3 名前： 琢 投稿日：2004/05/04(火) 15:56 ID:Q2cjbk8.
どうもありがとうございます！　いろいろと勉強になりました
英語の翻訳までしていただいて・・・。
ほんとうにありがとうございます！

4 名前： 505 @ Delte Server 投稿日：2008/04/05(土) 21:07 ID:505 @ Delte Server
505 @ Delte Server

名前 ： E-mail(省略可) ：
レスを全部読む 最新レス50 レス1-10 掲示板のトップへ リロード サイト内検索

[5:7] 選択文字列の文章内の位置を取得する方法■▲▼
1 名前： ほげほげ 投稿日：2003/12/05(金) 17:41 ID:V6wMJYZ6
ブラウザ（IE6.0）内に表示されているテキストの中から、
部分的に選択（マウスドラッグして反転）した文字列の
場所（文章内の位置）を取得したいです。
createRange() を使って、選択した文字列は取得できたのですが、
それが文章内のどこに記載された文字列なのかを知る方法がわかりません。
具体的には、以下のように複数箇所に同じ文字列があった場合でも、
何番目（もしくは文章全体の何文字目）の文字列なのか
知りたいのです。
言語はJavaScriptを使って取得できればと思います。

＜例＞【ホームページ】を選択したことを、文字列・位置とも取得する。

ホームページの作成方法
【ホームページ】を作成するには、〜という手順で行います。
ホームページのトップページは、〜。

2 名前： ★bisoy 投稿日：2003/12/05(金) 19:10 ID:/cyKmBro
スレ移動しました。

3 名前： ★bisoy 投稿日：2003/12/09(火) 22:39 ID:???
クロスポスト

http://www.hajimeteno.ne.jp/cgi-bin/tree_bbs/bbs.cgi?page=0&ope=v&num=9361

4 名前： ★bisoy 投稿日：2003/12/10(水) 18:00 ID:???
選択したテキストの場所を知りたい
http://www.parkcity.ne.jp/~chaichan/qanda/qa4552.htm?03-12-09-18-24

JavaScriptで選択データの特定
http://chaichan.hp.infoseek.co.jp/qa3000/qa3459.htm

5 名前： ほげほげ 投稿日：2003/12/17(水) 17:16 ID:O4clcOx2
bisoyさん、「JavaScriptで選択データの特定」の記事が参考になりました。

以下のようにして、位置を求めました。

Rng = document.selection.createRange();
Pos = document.body.createTextRange();
Pos.setEndPoint("EndToStart", Rng);
位置 = Pos.text.length;

ありがとうございました。

6 名前： ★bisoy 投稿日：2003/12/19(金) 21:26 ID:???
ご苦労様でした。

http://bbs8.otd.co.jp/javascript/bbs_tree?base=9162&range=1

7 名前： 505 @ Delte Server 投稿日：2008/04/03(木) 10:38 ID:505 @ Delte Server
505 @ Delte Server

名前 ： E-mail(省略可) ：
レスを全部読む 最新レス50 レス1-10 掲示板のトップへ リロード サイト内検索

[6:7] NN7.0 ならいけましたけど・・・■▲▼
1 名前： masatoro 投稿日：2003/09/24(水) 01:50 ID:gm4XXGeo
<html>
<head>
<script language="JavaScript">
window.onload=function() {
　　var html,html2;
　　var reg;
　　alert(window.document.body.innerHTML);

　　reg = new RegExp("<HR>","ig");

　　html = window.document.body.innerHTML;

　　html2 = html.replace(reg,"<TR><TD> </TD></TR>");

　　alert(html2);

　　window.document.body.innerHTML =
　　　　"<TABLE BORDER=3>"　 html2　 "</TABLE>";


}
</script>
</head>
<body>
Purest 氏>>

<HR>
<HR>
<HR>
</body>
</html>

2 名前： masatoro 投稿日：2003/09/24(水) 01:52 ID:gm4XXGeo
書くとこ間違えた。

http://external.pcc.jp/bbs/bb/headline.cgi?new
ここにリンクしていたんだけど、書き込みフォームが無いから
リードオンリー掲示板なんかなぁ？？と不思議に思っていた次第
で・・・

3 名前： Purest 投稿日：2003/09/24(水) 17:34 ID:rF7Z35f.
masatoroさん>>

わざわざご確認いただきありがとうございます。
分かりやすいようにalertまで付けていただいて、ありがとうございました。m(__)m

NN7.1でもmasatoroさんのお書きになったファイルで、うまく実行できたため、掲示板改造外部ファイルに移植しようとしたのですが、なかなかうまくいきませんでした。
そこで、ローカルでmasatoroさんのソースを少しずつ書き換えて試したところ、どうやら犯人は"<hr size=1>"であることが分かりました。
半角スペースが悪いのか？まさか=1を代入と間違えるわけがあるまいと思いながら、とりあえず"<hr"だけ置換してみたところ、画面に'size="1"'と表示されました。
そうです。ソースでは"<hr size=1>"になっているのに、ウインドウに表示するときは、勝手に？ダブルクォーティションを補完していたんですね。
もう１つ分かったのは、"document.getElementById"でinnerHTMLを取得するには、divの閉じタグがないと無理だということです。
IEで閉じタグがないのに取得できる方がいい加減過ぎるのかもしれませんが・・・
以上を踏まえて、下記のようなソースになり、IE6.0とNN7.1で動作させることができました。

masatoroさん、bisoyさん、本当にありがとうございました。m(__)m


document.write('<div id="purest">');

window.onload=pur;
function pur(){
myFlag="gi";
repW="</td></tr></table><br><table align=center width=60%><tr><td>";
if(document.all){
myH="<hr size=1>";
myS=purest.innerHTML;
repT=new RegExp(myH,myFlag);
myR=myS.replace(repT,repW);
purest.innerHTML=myR;
}
if(document.getElementById){
myH='<hr size="1">';
myS=window.document.body.innerHTML;
repT=new RegExp(myH,myFlag);
myR=myS.replace(repT,repW);
window.document.body.innerHTML=myR;
}
}

4 名前： ★bisoy 投稿日：2003/09/24(水) 19:41 ID:i1cKDTLk
masatoroさん、カキコありがとう。

Purestさん、当方もPurestさんの改良SCRIPTの動作、
IE6とNN7.1で動作確認しました。

IE6とNN7.1で罫線をテーブルに置換されていましたよ。
ばっちりOKです。

5 名前： masatoro 投稿日：2003/09/25(木) 01:27 ID:gm4XXGeo
Purest さん＞IEで閉じタグが無くても表示出来るのは
推論規則が妙な場所で効いているからですね。<script>
タグと<head>と<style>の閉じタグ忘れはNGですが、<BODY>
以降であれば、ほとんどの閉じタグ忘れはブロックタグ
が見つかった場所で補完されるようです。
</BODY> もブロックタグなので<TABLE>の閉じ忘れは</BODY>
で閉じられる、と考えれば、<DIV>もブロックタグなので同様
の結果が予想できます。

NNの場合はW3Cの文法に忠実で、閉じタグ忘れはほとんど無視
かNG、スクリプトエラーを発生しないところを見る限り無視と
いう仕組みのようですね。
IEのようにエラー時にVisualInterDevと連動してデバッガが
起動するのもなんですが、NNの方が文法理解には良いかもし
れませんね。

管理人様＞ご迷惑でなければまたお邪魔します。
でも、ここの掲示板って、HTMLの肝心な部分が消えちゃうん
ですね（ｗ）。＆ｎｂｓｐ；とか、四則演算子とか・・・

6 名前： ★bisoy 投稿日：2003/09/25(木) 06:41 ID:mw3bcymY
>>5
masatoro さん、いつでもどうぞ。

＞HTMLの肝心な部分が消えちゃうんですね（ｗ）。
＞＆ｎｂｓｐ；とか、四則演算子とか・・・

ｱｲﾀﾀﾀ (ﾟ〇ﾟ;)
掲示板の設定が試行錯誤の連続でありまして・・
いまだに不具合がある状態なのです。
こんな感じの管理人ですが、どうぞ宜しくです。

7 名前： 505 @ Delte Server 投稿日：2008/01/24(木) 14:34 ID:505 @ Delte Server
505 @ Delte Server

名前 ： E-mail(省略可) ：
レスを全部読む 最新レス50 レス1-10 掲示板のトップへ リロード サイト内検索

[7:1] メニューJSのサンプルで■▲▼
1 名前： はな 投稿日：2007/04/22(日) 16:01 ID:MvtSKxkQ
メニューJSのサンプルをカスタマイズして使ったところ、fxやNでは、
メニューのプルダウンが、左端に表示されてしまいます。
サイトは、http://www.asahihouse.jp/なので、検証お願いします。

名前 ： E-mail(省略可) ：
レスを全部読む 最新レス50 レス1-10 掲示板のトップへ リロード サイト内検索

[8:9] メニューのプルダウン部分がFlash画像に隠れて見えない■▲▼
1 名前： とも 投稿日：2005/01/26(水) 22:40 ID:H3RGjwgs
このようなジャンプメニュー
http://www.nikkansports.com/index.html

をFireworksMX2004で作成しましたが、
メニューのすぐ下にFlash画像を配置したら、プルダウンメニューが
Flashに隠れてしまって全く見えません。
これはあきらめるしかないのでしょうか・・？

Fireworksで書き出しているので、自分でコーディングなどはしてないのです。
すみませんが、よろしくおねがいします。

2 名前： ★bisoy 投稿日：2005/01/27(木) 19:35 ID:???
なんとも言えませんが・・・

プルダウンメニューのJSの中の記述に
Z-indexという記述があるはずですが・・・

Z-index の数値の変更は試してみましたか？

3 名前： とも 投稿日：2005/01/27(木) 23:33 ID:fgRuQfzk
お返事ありがとうございます。

Z-index、jsファイルの中にありました。
数値を変えてみたりしましたが、知識不足なもので特に変化はありませんでした。

↓↓

else {
　content += ''+
　'<div id="menuLayer'+ countMenus +'" style="position:absolute;z-index:1;left:10px;top:'+ (i * 100) +'px;visibility:hidden;color:' +　menu.menuBorderBgColor + ';">\n'+
　'　<div id="menuLite'+ countMenus +'" style="position:absolute;z-index:1;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;" onmouseout="mouseoutMenu();">\n'+
　'　　 <div id="menuFg'+ countMenus +'" style="position:absolute;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;">\n'+
　'';

いちおうFlashが動いている時はプルダウンをさせないという方法しかないかなと思っております・・
ほんとに、むずかしいですね・・

4 名前： ★bisoy 投稿日：2005/01/28(金) 00:02 ID:???
下記の記述（何箇所もあります）すべて変更なのですが・・・
position:absolute;z-index:1 ←この数値を10000くらいに変えてみては？

5 名前： とも 投稿日：2005/01/31(月) 22:11 ID:lYnrsyhA
ありがとうございます。
解明しました！
Dreamweaver上でパラメータにwmode、値にtransparentと入力すれば大丈夫でした。
お騒がせしました。ありがとうございました。

6 名前： でざいな 投稿日：2005/05/31(火) 23:39 ID:0lQcCq5o
非常に参考になりました！
ずっとどうすればできるんだろうと悩んでいたことでしたので、
とてもすっきりしました。
本当に感謝してます！！

7 名前： はな 投稿日：2005/12/07(水) 12:55 ID:jgsvzFQ6
ﾌﾗｯｼｭ再生中にプルタップメニューが表示されない。
使ったサンプルはこちらでhttp://external-file.com/ja/sample/after_external_file.html
リンク先等を書き換えたり、色を変えたりした以外は変更してません。
ここから変更しないの部分はまったくいじってません。
現象的には同じ現象なので教えてください。

8 名前： はな 投稿日：2006/02/10(金) 16:57 ID:VMDy0k6A
解決しました。

9 名前： 505 @ Delte Server 投稿日：2006/11/29(水) 00:33 ID:505 @ Delte Server
505 @ Delte Server

名前 ： E-mail(省略可) ：
レスを全部読む 最新レス50 レス1-10 掲示板のトップへ リロード サイト内検索

[9:3] 同一ページ内で複数のJavaスクリプト実行について■▲▼
1 名前： とほほ 投稿日：2006/06/16(金) 20:22 ID:???
はじめまして
こちらのサイトで紹介している

●タイプライター風のメッセージの Javaスクリプト
http://external-file.com/ja/souko.html
こちらのページの内容についてなのですが

この機能は、同一ページ内で複数の実行が可能なのでしょうか？
ページ内容にちょっとこだわりがあり
ホームページビルダーのどこでも配置モードで作成中なのですが
どうしてもうまく機能しません。

ページ内容としては広告ページを作成中で
ページの途中から表組みをしています。
表組みは、横方向に3列、下(縦)方向におよそ20列位です。
組んだ表の中に
<div id="my" style="border:2px blue solid;color: #9400d3; font-size:11pt; font-weight:bold;width:500;height:25">
この様な枠を入れて、その中へ表示させたいのですが・・・

表示は1行づつで構わないのですが、表示させたい文章は3〜5行位あります。
1列だけなら実行するのですが
2列、3列となるとスクリプトが実行しません。

広告ページなので、1列目、2列目、3列目・・・と
全て異なる文章を表示させたいのですが、お教え願えないでしょうか？

外部ファイル呼び出しだとエラーが出てしまいます。
たぶん<BODY>内にある記述が間違っているのではないかと思います。

宜しくおねがいします。

2 名前： bisoy 投稿日：2006/06/21(水) 18:29 ID:???
タイプライター風のメッセージの Javaスクリプト - （試作品）
http://external-file.com/ja/souko2.html

3 名前： とほほ 投稿日：2006/06/23(金) 09:52 ID:???
bisoy様
さらに勉強して取り入れることが出来る様に頑張ります。
この度は本当にありがとうございました。

名前 ： E-mail(省略可) ：
レスを全部読む 最新レス50 レス1-10 掲示板のトップへ リロード サイト内検索

[10:7] 改造スクリプト■▲▼
1 名前： はな 投稿日：2005/12/02(金) 08:50 ID:/8NQR8oU
http://www.asahihouse.jp/Untitled-1.htm
このファイルに改造スクリプトかけてて分からなくなりました。
Jyude = Lucy.replace(/夏/g,"<div style=\"padding:0.5em;\"><strong style=\"background:#fff;color:#00b;border:solid 1px #00b;\">冬だぞ〜！<\/strong><\/div>");
　　　　Lucy = Jyude;
で言うと夏の部分にタグ（テーブルタグを入れること）は出来ますか？
今は、サーバで生成された後のファイルをHTMLファイルとしてあげています。

2 名前： はな 投稿日：2005/12/02(金) 08:54 ID:UU2Fgteo
//ここからコピー

document.write('<div id="ExternalBot">');
function biso(){
　　　　Lucy = ExternalBot.innerHTML;

　　　　Jyude = Lucy.replace(/document.write('<tr><td width="15%">フリガナ</td>)'/g,"");
　　　　Lucy = Jyude;

　　　　Jyude = Lucy.replace(/マンション名/g,"お問い合わせ内容");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/FAX/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/職業/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/建設予定時期/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/建設内容/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/予定階数/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/建築時期/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/住居形態/g,"");
　　　　Lucy = Jyude;
　　　　ExternalBot.innerHTML = Lucy;
}

window.onload=biso;
/*******************************
*　 JavaScript External File
*　 http://external-file.com/
********************************/
//ここまでコピー
ではエラーが出てしまいます。

3 名前： はな 投稿日：2005/12/02(金) 08:55 ID:UU2Fgteo
//ここからコピー

document.write('<div id="ExternalBot">');
function biso(){
　　　　Lucy = ExternalBot.innerHTML;

　　　　Jyude = Lucy.replace(/フリガナ/g,"");
　　　　Lucy = Jyude;

　　　　Jyude = Lucy.replace(/マンション名/g,"お問い合わせ内容");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/FAX/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/職業/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/建設予定時期/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/建設内容/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/予定階数/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/建築時期/g,"");
　　　　Lucy = Jyude;
　　　　Jyude = Lucy.replace(/住居形態/g,"");
　　　　Lucy = Jyude;
　　　　ExternalBot.innerHTML = Lucy;
}

window.onload=biso;
/*******************************
*　 JavaScript External File
*　 http://external-file.com/
********************************/
//ここまでコピー
ならOKです。

4 名前： PUREST 投稿日：2005/12/03(土) 09:35 ID:???
これでいけますか？

Jyude = Lucy.replace(/<tr><td width="15%">フリガナ</td>)/g,"");

5 名前： はな 投稿日：2005/12/03(土) 12:01 ID:NtdxLSx6
やはりだめみたいです。
元のプログラムが読めいいので、やはりJSだけでは限界があるのかもしれません。

6 名前： PUREST 投稿日：2005/12/03(土) 21:48 ID:???
余計な)が入っていましたね。ごめんなさい。

Jyude = Lucy.replace(/<tr><td width="15%">フリガナ</td>/g,"");

7 名前： はな 投稿日：2005/12/06(火) 09:19 ID:NtdxLSx6
Jyude = Lucy.replace(/<tr><td width="15%">フリガナ</td>/g,"");
は効かなかったようです。

名前 ： E-mail(省略可) ：
レスを全部読む 最新レス50 レス1-10 掲示板のトップへ リロード サイト内検索


次のページ

 | bayani.jp  | bisoy.org  | Balitang Tagalog  | Bagong Bayani  | Online Store  | Directory  | Yahoo! 360°  | ひかる君の写真集  | JS File  | Web BBS | 

© タカヒロ＠みちのく掲示板 [12ch BBS 2.03]

JavaScript External File