JavaScript 手取り足取りスレッド
1 ： ◆.PT9876/4U ：
･丸投げ上等 !
|
|
|
2 ：Name_Not_Found：2008/03/19(水) 19:36:17 ID:???
テンプレくらい作れよｗｗ
3 ： ◆.PT9876/4U ：2008/03/19(水) 19:43:50 ID:DQDL/Vfc
>>2
"JavaScript 質問スレッド" が しばしば荒れる原因を作ってるのが "テンプレ" かと.
"JavaScript 質問スレッド" が しばしば荒れる原因を作ってるのが "テンプレ" かと.
4 ：Name_Not_Found：2008/03/20(木) 01:28:20 ID:???
(´・ω・´・ω・ω・｀）知らんがなトリオ
5 ：Name_Not_Found：2008/03/20(木) 12:10:04 ID:???
(´・ω・ω・ω・｀）
6 ：Name_Not_Found：2008/03/20(木) 12:26:38 ID:???
JavaScriptで画面上の「なにか」をクリックしたときって
どうやってやるんですか？
クリックイベントの拾い方を教えてください。
どうやってやるんですか？
クリックイベントの拾い方を教えてください。
7 ：Name_Not_Found：2008/03/20(木) 16:11:02 ID:???
>>6
その質問の仕方だと
1、クリックされた「なにか」が何であるかや、位置情報など取得したい
2、「なにか」がクリックされた時、処理を行いたい
のどちらなのかわからない
まぁ後者だと思うけど、後者ならonClickでいいんじゃね？
例えば<input>をクリックした時なら
<input onClick="javascript: alert('クリックすんな！')";>みたいな
その質問の仕方だと
1、クリックされた「なにか」が何であるかや、位置情報など取得したい
2、「なにか」がクリックされた時、処理を行いたい
のどちらなのかわからない
まぁ後者だと思うけど、後者ならonClickでいいんじゃね？
例えば<input>をクリックした時なら
<input onClick="javascript: alert('クリックすんな！')";>みたいな
8 ： ◆.PT9876/4U ：2008/03/20(木) 16:43:25 ID:OS6RAZXM
>>6
さっそくの質問, ありがとん.
でも, もうちょっと具体的な質問に してくれないかな ?
ここでは一切の制約がないため, 質問者の理解度も不明なんだ.
(相手の理解度に合わせた回答がベストと考えます)
>クリックイベントの拾い方を教えてください
event handler については解ってるのかな ?
さっそくの質問, ありがとん.
でも, もうちょっと具体的な質問に してくれないかな ?
ここでは一切の制約がないため, 質問者の理解度も不明なんだ.
(相手の理解度に合わせた回答がベストと考えます)
>クリックイベントの拾い方を教えてください
event handler については解ってるのかな ?
9 ：Name_Not_Found：2008/03/27(木) 00:10:40 ID:???
こんばんわHP製作初心者すれで誘導されてきました
gifアニメを表示させて10秒くらいでそのgifを書き換えて他の静止画像にするか
バックに溶け込むように消したいのですが
何もわからないのでHTMLで下記の様にgifアニメを表示させたのですが
消し方がわからなくて困ってます
<TR>
<TD><IMG SRC="welcome.gif" WIDTH="468" HEIGHT="180"></TD>
</TR>
それで初心者スレで質問させていただいたら
Jabvaスクリプトで出来ることを教えてくれました
お手数をお掛けして恐縮ですが
どなたかよろしくお願い致します
今はHPを立ち上げる前で自宅のPCで勉強しています
gifもhtmlファイルもともにC:\www\tesに置いています
どうぞよろしくお願い致しますｍ（＿＿）ｍ
gifアニメを表示させて10秒くらいでそのgifを書き換えて他の静止画像にするか
バックに溶け込むように消したいのですが
何もわからないのでHTMLで下記の様にgifアニメを表示させたのですが
消し方がわからなくて困ってます
<TR>
<TD><IMG SRC="welcome.gif" WIDTH="468" HEIGHT="180"></TD>
</TR>
それで初心者スレで質問させていただいたら
Jabvaスクリプトで出来ることを教えてくれました
お手数をお掛けして恐縮ですが
どなたかよろしくお願い致します
今はHPを立ち上げる前で自宅のPCで勉強しています
gifもhtmlファイルもともにC:\www\tesに置いています
どうぞよろしくお願い致しますｍ（＿＿）ｍ
10 ：Name_Not_Found：2008/03/27(木) 01:03:25 ID:???
>>9
その1、CSS使わないパターン
<head>
<script type="text/javascript">
<!--
function chImage(){
document.getElementById("chimage").src = "";
document.getElementById("chimage").width = "0";
document.getElementById("chimage").height = "0";
clearTimeout(chtimer);
}
-->
</script>
</head>
<body onLoad="chtimer=setTimeout('chImage()',10000)">
<img src="welcome.gif" id="chimage" alt="" width="468" height="180">
</body>
これでも一応消せるけど、ブラウザによっては1pxくらい残ったりする
透過された代替画像を用意しておいて、
function chImage(){
document.getElementById("chimage").src = "画像のパス";
clearTimeout(chtimer);
}
とした方が良いかも
その1、CSS使わないパターン
<head>
<script type="text/javascript">
<!--
function chImage(){
document.getElementById("chimage").src = "";
document.getElementById("chimage").width = "0";
document.getElementById("chimage").height = "0";
clearTimeout(chtimer);
}
-->
</script>
</head>
<body onLoad="chtimer=setTimeout('chImage()',10000)">
<img src="welcome.gif" id="chimage" alt="" width="468" height="180">
</body>
これでも一応消せるけど、ブラウザによっては1pxくらい残ったりする
透過された代替画像を用意しておいて、
function chImage(){
document.getElementById("chimage").src = "画像のパス";
clearTimeout(chtimer);
}
とした方が良いかも
11 ：Name_Not_Found：2008/03/27(木) 01:12:28 ID:???
その2、CSS使うパターン
<head>
<script type="text/javascript">
<!--
function chImage(){
document.getElementById("chimage").style = "display:none;";
clearTimeout(chtimer);
}
-->
</script>
</head>
<body onLoad="chtimer=setTimeout('chImage()',10000)">
<img src="welcome.gif" id="chimage" alt="" width="468" height="180">
</body>
レイアウト的にその画像がないと困る(表示が崩れたりする)なら
document.getElementById("chimage").style を display:none ではなく visibility:hidden; とすればok
ってなんか手取り足取りというより丸投げなんだけど、こういう回答でもいいのかな…？
<head>
<script type="text/javascript">
<!--
function chImage(){
document.getElementById("chimage").style = "display:none;";
clearTimeout(chtimer);
}
-->
</script>
</head>
<body onLoad="chtimer=setTimeout('chImage()',10000)">
<img src="welcome.gif" id="chimage" alt="" width="468" height="180">
</body>
レイアウト的にその画像がないと困る(表示が崩れたりする)なら
document.getElementById("chimage").style を display:none ではなく visibility:hidden; とすればok
ってなんか手取り足取りというより丸投げなんだけど、こういう回答でもいいのかな…？
12 ：Name_Not_Found：2008/03/27(木) 02:19:18 ID:???
>>10->>11さん
9です
ご丁寧に教えていただき本当にありがとうございまいた
教えて頂いたスクリプトは大切に使わせていただきます
ググッテみてもgifアニメの製作や貼り付け方はたくさんあるのですが
削除や書き換え方法は初心者で理解できるようなサイトはなかったです
ここに記載していただいたサンプルは後進の方にきっと役立つはずです
お疲れのところ本当にありがとうございました
9です
ご丁寧に教えていただき本当にありがとうございまいた
教えて頂いたスクリプトは大切に使わせていただきます
ググッテみてもgifアニメの製作や貼り付け方はたくさんあるのですが
削除や書き換え方法は初心者で理解できるようなサイトはなかったです
ここに記載していただいたサンプルは後進の方にきっと役立つはずです
お疲れのところ本当にありがとうございました
13 ：Name_Not_Found：2008/03/27(木) 03:08:12 ID:???
連書きすいません
>>10-11さん
9です
できました！
Css使わない方法でやってみたのですが
見事に綺麗になりました
見た瞬間「あっ！」てマジで声でました^^;
嬉しかったので結果報告させていただこうと思いまた来ました
10さん本当にありがとうございました！
>>10-11さん
9です
できました！
Css使わない方法でやってみたのですが
見事に綺麗になりました
見た瞬間「あっ！」てマジで声でました^^;
嬉しかったので結果報告させていただこうと思いまた来ました
10さん本当にありがとうございました！
14 ： ◆.PT9876/4U ：2008/03/27(木) 07:36:11 ID:8CIJzgkI
15 ：Name_Not_Found：2008/03/27(木) 13:05:41 ID:O8EQSpZh
すみません、本日のおススメ等、曜日ごとに違う画像もしくはページを
表示させるようにしたいのですが、サーバーではphpは使えるもの
データベースは使えません、、
何かJavaScriptやcgi等でよい手はありますでしょうか？？
．．．例えば、↓のJavaScriptを日ではなく曜日ごとに表示させるにはどうしたら良いですか？
http://www.red.oit-net.jp/tatsuya/java/timehtm2.htm
表示させるようにしたいのですが、サーバーではphpは使えるもの
データベースは使えません、、
何かJavaScriptやcgi等でよい手はありますでしょうか？？
．．．例えば、↓のJavaScriptを日ではなく曜日ごとに表示させるにはどうしたら良いですか？
http://www.red.oit-net.jp/tatsuya/java/timehtm2.htm
16 ： ◆.PT9876/4U ：2008/03/27(木) 16:40:19 ID:KvEX1W1J
>>15
ようこそここへ !
>JavaScriptやcgi等でよい手はありますでしょうか？？
通常は JavaScript で十分でしょう.
特別な事情がない限り...
って訳でサンプル制作に取り掛かります.
(なにせ, 一年間のブランクがあるので 慎重を期して...)
ようこそここへ !
>JavaScriptやcgi等でよい手はありますでしょうか？？
通常は JavaScript で十分でしょう.
特別な事情がない限り...
って訳でサンプル制作に取り掛かります.
(なにせ, 一年間のブランクがあるので 慎重を期して...)
17 ：Name_Not_Found：2008/03/27(木) 17:44:06 ID:???
XMLとXSLファイルを読み込んでページを表示させるというものを作っているのですが、
var httpxml = new XMLHttpRequest();
httpxml.open("GET",xmlfile,true);
...
の二行目のところでアクセスが拒否されました。というエラーが出てしまいます。
参考書やサイトを見てもほぼ同じなのですが、改善するにはどこを触る必要があるのか教えていただけますか？
IE7で確認しました。
var httpxml = new XMLHttpRequest();
httpxml.open("GET",xmlfile,true);
...
の二行目のところでアクセスが拒否されました。というエラーが出てしまいます。
参考書やサイトを見てもほぼ同じなのですが、改善するにはどこを触る必要があるのか教えていただけますか？
IE7で確認しました。
18 ： ◆.PT9876/4U ：2008/03/27(木) 18:11:09 ID:KvEX1W1J
>>17
Mozilla 系 と IE (6) では記述が異なります.
なので, 通常は UA 振り分けが必要となります.
(IE7 では XMLHttpRequest をサポートしたそうですが,
web 標準無視なのは相変わらず だとか...) <- 残念ながら僕には確認不可能です.
なぜなら ぼくは相変わらず MacOS9.1 を使い続けているため,
IE7 は動作しないからです
なお, (Mozilla 系での)記述に間違いはなさそうなので,
怪しいのは "xmlfile" の path では なかろうかと.
Mozilla 系 と IE (6) では記述が異なります.
なので, 通常は UA 振り分けが必要となります.
(IE7 では XMLHttpRequest をサポートしたそうですが,
web 標準無視なのは相変わらず だとか...) <- 残念ながら僕には確認不可能です.
なぜなら ぼくは相変わらず MacOS9.1 を使い続けているため,
IE7 は動作しないからです
なお, (Mozilla 系での)記述に間違いはなさそうなので,
怪しいのは "xmlfile" の path では なかろうかと.
19 ：Name_Not_Found：2008/03/27(木) 18:11:31 ID:???
>>17
こっちで聞いた方がいいかも
http://pc11.2ch.net/test/read.cgi/hp/1198422525/
>>15
getDay()で曜日を取得して(日曜が0、月曜が1...土曜が6)、locationで飛ばせばいいんじゃないかな？
JavaScriptが無効になってると当然機能しなくなるから、そういう処理は個人的にはphpの方が良いと思う
こっちで聞いた方がいいかも
http://pc11.2ch.net/test/read.cgi/hp/1198422525/
>>15
getDay()で曜日を取得して(日曜が0、月曜が1...土曜が6)、locationで飛ばせばいいんじゃないかな？
JavaScriptが無効になってると当然機能しなくなるから、そういう処理は個人的にはphpの方が良いと思う
20 ： ◆.PT9876/4U ：2008/03/27(木) 19:15:55 ID:KvEX1W1J
>15
サンプル書こうとしました.
が, "画像もしくはページを" と言うのでは目標がはっきりしません.
それと, (変化の区切りが)曜日単位なので確認には一週間掛ることになります.
>例えば、↓のJavaScriptを
また, option が増えてしまいました.
さて, 私はどうすれば良いのでしょう ?
1. 画像を切り替える script の説明.
2. いきなりページジャンプさせる script を書く (うげげ)
3.ページ内の一部に曜日ごとの内容を反映させる script を書く.
4."犬でも解る" という ふざけたサイトの script の改造.
念のためですが, 決して煽ったりしようとする意図はありません.
サンプル書こうとしました.
が, "画像もしくはページを" と言うのでは目標がはっきりしません.
それと, (変化の区切りが)曜日単位なので確認には一週間掛ることになります.
>例えば、↓のJavaScriptを
また, option が増えてしまいました.
さて, 私はどうすれば良いのでしょう ?
1. 画像を切り替える script の説明.
2. いきなりページジャンプさせる script を書く (うげげ)
3.ページ内の一部に曜日ごとの内容を反映させる script を書く.
4."犬でも解る" という ふざけたサイトの script の改造.
念のためですが, 決して煽ったりしようとする意図はありません.
21 ： ◆.PT9876/4U ：2008/03/27(木) 19:43:20 ID:KvEX1W1J
>>15
念のため...
dt=new Date; //dt:date object
wk=dt.getDay(); //wk:week value
とすれば 0<=wk<=6 の値が得られ,
wk=0 の時が日曜日.
これだけで script を書ける人もいるけど,
そんな人は そもそも ここを頼って来ないだろうなぁ...
念のため...
dt=new Date; //dt:date object
wk=dt.getDay(); //wk:week value
とすれば 0<=wk<=6 の値が得られ,
wk=0 の時が日曜日.
これだけで script を書ける人もいるけど,
そんな人は そもそも ここを頼って来ないだろうなぁ...
22 ：Name_Not_Found：2008/03/27(木) 20:21:11 ID:???
まぁ何にせよやりたい事がはっきりしてないとどうにもこうにもだよね
参照先のスクリプトも「曜日によって異なる処理をさせる」ってだけじゃないし
「読み込んだ時点で曜日別の処理を行い、かつ日付が変わったら自動的に再度処理を行う」
っていうのをやりたいなら、phpでは無理
参照先のスクリプトも「曜日によって異なる処理をさせる」ってだけじゃないし
「読み込んだ時点で曜日別の処理を行い、かつ日付が変わったら自動的に再度処理を行う」
っていうのをやりたいなら、phpでは無理
23 ：Name_Not_Found：2008/03/28(金) 00:51:21 ID:qTQmBBYD
window.openで別ウインドウ開いた時になぜか右よせになって半分切れてるんですけど何ででしょうか？
原因が見つかりません
原因が見つかりません
24 ：23：2008/03/28(金) 01:17:06 ID:qTQmBBYD
すいません
自己解決しました
自己解決しました
25 ：15：2008/03/28(金) 08:49:42 ID:Q9Bs2Hzy
◆.PT9876/4U>>さん、ありがとうございます。
、、説明不足ですみませんでした。
ページの中に画像を何枚か並べて表示させて、
曜日ごとに違う画像を何枚かならべて、曜日が変われば入れ変わるページが作りたいのです
例えば、http://www.a-mone.com/shop/schedules.php
[ 2008-03-28 ] の出勤予定 のようなページを作成せるにはどうしたらよいでしょうか？
欲をいえば、携帯から画像の更新ができればベストなのですが…
、、説明不足ですみませんでした。
ページの中に画像を何枚か並べて表示させて、
曜日ごとに違う画像を何枚かならべて、曜日が変われば入れ変わるページが作りたいのです
例えば、http://www.a-mone.com/shop/schedules.php
[ 2008-03-28 ] の出勤予定 のようなページを作成せるにはどうしたらよいでしょうか？
欲をいえば、携帯から画像の更新ができればベストなのですが…
26 ： ◆.PT9876/4U ：2008/03/28(金) 12:14:38 ID:eHyZubUK
>>417
>ページの中に画像を何枚か並べて表示させて、
>曜日ごとに違う画像を何枚かならべて、
>曜日が変われば入れ変わるページが作りたいのです
ようするに週単位で(アクセスを受け付けた)画像を入れ換えたいのね ?
>[ 2008-03-28 ] の出勤予定 のようなページ
>欲をいえば、携帯から画像の更新
はて ? またまた目標が見えなくなりました.
あなた, なにか隠していませんか ?
(ここでの質問には一切の制限がありません.
ただし, 依頼者の願い通りの結果が得られるかどうかは 状況次第ですが...)
>ページの中に画像を何枚か並べて表示させて、
>曜日ごとに違う画像を何枚かならべて、
>曜日が変われば入れ変わるページが作りたいのです
ようするに週単位で(アクセスを受け付けた)画像を入れ換えたいのね ?
>[ 2008-03-28 ] の出勤予定 のようなページ
>欲をいえば、携帯から画像の更新
はて ? またまた目標が見えなくなりました.
あなた, なにか隠していませんか ?
(ここでの質問には一切の制限がありません.
ただし, 依頼者の願い通りの結果が得られるかどうかは 状況次第ですが...)
27 ： ◆.PT9876/4U ：2008/03/28(金) 12:27:27 ID:eHyZubUK
>>17
以前, 書いた Mozilla 専用 XMLHttpRequest 応用サンプルで動作確認してください:
homepage2.nifty.com/alter/samples/ajax/exam.html
(IE6 では動作しませんが, IE7 では どうなのかなぁ...) <- M$ の ことだから ???
･ Navigation 関連の修正には時間が掛ります.
dead link の発生については ご容赦を _(._.)_
以前, 書いた Mozilla 専用 XMLHttpRequest 応用サンプルで動作確認してください:
homepage2.nifty.com/alter/samples/ajax/exam.html
(IE6 では動作しませんが, IE7 では どうなのかなぁ...) <- M$ の ことだから ???
･ Navigation 関連の修正には時間が掛ります.
dead link の発生については ご容赦を _(._.)_
28 ：Name_Not_Found：2008/03/28(金) 12:49:48 ID:???
ニコニコ動画みたくアクセスごとにバナーを変えるには
どうしたらいいですか？
誘導されて来ました
どうしたらいいですか？
誘導されて来ました
29 ： ◆.PT9876/4U ：2008/03/28(金) 13:11:17 ID:eHyZubUK
>>28
以前作ったサンプルを提示するつもりでした.
が..., nifty では cookie の動作がぁ～... 変 ? (?_?)
(local と xrea では きちんと動作するサンプルなのですが...)
以前作ったサンプルを提示するつもりでした.
が..., nifty では cookie の動作がぁ～... 変 ? (?_?)
(local と xrea では きちんと動作するサンプルなのですが...)
30 ：Name_Not_Found：2008/03/28(金) 13:11:28 ID:???
31 ：Name_Not_Found：2008/03/28(金) 13:22:08 ID:???
一応、確認しておきたいんですが
アフィリエイトでアクセスごとにバナーが変わるようにするのは
違反じゃないですよね？
アフィリエイトでアクセスごとにバナーが変わるようにするのは
違反じゃないですよね？
32 ：Name_Not_Found：2008/03/28(金) 13:56:14 ID:???
>>30
向こうでレスしようとしたときのアンカー（あなた宛てに見える）のまま、
こっちで>>25宛てのレス書かれてるぐらいは気にしない。
◆.PT9876/4Uの人は「相手：要件」のセットを把握できてる。
把握してるところにそういう指摘されると、急に誰がどの要件の人なのか混乱する人でもあるけど。
人違いが心配だったらメル欄に何も入れずにID出せばいいだけ。
あと、このスレで回答する人らはアフィ屋の規約に興味ないよ。
>>29
local と xrea では期待通りの動作、nifty ではあやしいとなると
食わせる domain / path の指定周りの確認、かな。
向こうでレスしようとしたときのアンカー（あなた宛てに見える）のまま、
こっちで>>25宛てのレス書かれてるぐらいは気にしない。
◆.PT9876/4Uの人は「相手：要件」のセットを把握できてる。
把握してるところにそういう指摘されると、急に誰がどの要件の人なのか混乱する人でもあるけど。
人違いが心配だったらメル欄に何も入れずにID出せばいいだけ。
あと、このスレで回答する人らはアフィ屋の規約に興味ないよ。
>>29
local と xrea では期待通りの動作、nifty ではあやしいとなると
食わせる domain / path の指定周りの確認、かな。
33 ： ◆.PT9876/4U ：2008/03/28(金) 15:42:48 ID:eHyZubUK
うっかり anchor miss!
>>32
follow ありがと.
去年は ほとんど放置状態だったので xrea を一旦解約.
そもそもは nifty の挙動不審の確認のために xrea と契約したので...
やっぱり再契約するべきかしらん ?
>>28
しかたないので元ネタのセットを zip 圧縮して upload しました:
homepage2.nifty.com/alter/sample.zip
(サイト全体の CSS, js も同梱) <- 修正している時間がないので 許されたし.
イメージ通りかどうか, (local で) 確認してください.
展開すると "imgrandom" という folder の中に
exam.html, exam.js というファイルがあり, これが本体です.
(cookie を利用しているので script は いささか複雑です)
"ここを修正してくれ" 要望があれば答えます.
>>32
follow ありがと.
去年は ほとんど放置状態だったので xrea を一旦解約.
そもそもは nifty の挙動不審の確認のために xrea と契約したので...
やっぱり再契約するべきかしらん ?
>>28
しかたないので元ネタのセットを zip 圧縮して upload しました:
homepage2.nifty.com/alter/sample.zip
(サイト全体の CSS, js も同梱) <- 修正している時間がないので 許されたし.
イメージ通りかどうか, (local で) 確認してください.
展開すると "imgrandom" という folder の中に
exam.html, exam.js というファイルがあり, これが本体です.
(cookie を利用しているので script は いささか複雑です)
"ここを修正してくれ" 要望があれば答えます.
34 ： ◆.PT9876/4U ：2008/03/28(金) 15:53:35 ID:eHyZubUK
35 ：Name_Not_Found：2008/03/28(金) 18:11:21 ID:???
①：TOPフォルダーの下の階層にHTMLファイルが10ファイルあります
その10ファイルのタイトルだけを表示させるページを生成する
②：TOPに現れている①で作ったページ内のタイトル部分をクリックすると
タイトルに対応したHTMLファイルを表示させる
①と②は可能でしょうか？
可能でしたら手取り足取りよろしくお願い致しますｍ（＿＿）ｍ
その10ファイルのタイトルだけを表示させるページを生成する
②：TOPに現れている①で作ったページ内のタイトル部分をクリックすると
タイトルに対応したHTMLファイルを表示させる
①と②は可能でしょうか？
可能でしたら手取り足取りよろしくお願い致しますｍ（＿＿）ｍ
36 ：Name_Not_Found：2008/03/28(金) 18:15:08 ID:???
>>35の質問者です
質問内容の補足：
TOP下の階層にあるHTMLファイルは固定ではありません
常時入れ替えるのでタイトルはその都度変更します
そのタイトル一覧表を生成してタイトルをクリックすればHTMLファイルを表示させたいです
どうぞよろしくお願い致します
質問内容の補足：
TOP下の階層にあるHTMLファイルは固定ではありません
常時入れ替えるのでタイトルはその都度変更します
そのタイトル一覧表を生成してタイトルをクリックすればHTMLファイルを表示させたいです
どうぞよろしくお願い致します
37 ： ◆.PT9876/4U ：2008/03/28(金) 18:33:17 ID:eHyZubUK
>>35
Answer:
1.server 上の任意の directory 内にあるファイルリストが必要なら,
ServerSideScript に頼る必要があります.
(security 面から そのような操作を JavaScript は扱わないことになってます)
2. ServerSideScript との連携により, 実現可能です.
ぼくは過去に類似の script を書いたことがあります.
ただ, script そのものは比較的単純なものとなりますが,
security 面には十分すぎるほどの注意を払う必要があります.
このあたりが僕の弱点なのよん.
Answer:
1.server 上の任意の directory 内にあるファイルリストが必要なら,
ServerSideScript に頼る必要があります.
(security 面から そのような操作を JavaScript は扱わないことになってます)
2. ServerSideScript との連携により, 実現可能です.
ぼくは過去に類似の script を書いたことがあります.
ただ, script そのものは比較的単純なものとなりますが,
security 面には十分すぎるほどの注意を払う必要があります.
このあたりが僕の弱点なのよん.
38 ：Name_Not_Found：2008/03/28(金) 19:22:14 ID:???
>>37さん
即レスありがとうございます
サーバーにアップする前にローカルでやりたいんです
10ファイルと書きましたが本当はもっとたくさんあるので
手作業ではどうにもならないと思いました
もしよろしければ自宅PC内で①と②を行えるスクリプトを教えていただけないでしょうか
お忙しい中、大変恐縮なのですが
是非ともよろしくお願い致しますｍ（＿＿）ｍ
即レスありがとうございます
サーバーにアップする前にローカルでやりたいんです
10ファイルと書きましたが本当はもっとたくさんあるので
手作業ではどうにもならないと思いました
もしよろしければ自宅PC内で①と②を行えるスクリプトを教えていただけないでしょうか
お忙しい中、大変恐縮なのですが
是非ともよろしくお願い致しますｍ（＿＿）ｍ
>>27
ありがとうございます、おかげでIE7で動作することができました
どうやらxmlfileの指定が間違っていたのと、ところどころ変数がごちゃごちゃになっていたようでした･･･
もう一つ質問させていただいてもよろしいでしょうか？
XMLHttpRequestとresponseXMLの動作のIE（7）とFF（2）での挙動の違いについてなのですが（IE7とFF2はどちらもXMLHttpRequestは対応しているとリファレンスの方にはありました･･･）、どちらも対応しているはずなのにIE7で動作したスクリプトがFF2で動作しません
var xslt = new XMLHttpRequest();
xslt.open("GET","file.xsl",true);
xslt.send(null);
if(xslt.readyState == 4){
var xsld = xslt.responseXML;
}
var vali = new Array();
alert(xsld);
try{
vali=xsld.getElementsByTagName("xsl:variable");
}catch(e){
try{
vali=xsld.getElementsByTagName("variable");
...
どうやらFF2だとxsldが空っぽになってしまうようです
IE7では正常に動いているのでファイルの指定間違いということはないと思うのですが･･･
ありがとうございます、おかげでIE7で動作することができました
どうやらxmlfileの指定が間違っていたのと、ところどころ変数がごちゃごちゃになっていたようでした･･･
もう一つ質問させていただいてもよろしいでしょうか？
XMLHttpRequestとresponseXMLの動作のIE（7）とFF（2）での挙動の違いについてなのですが（IE7とFF2はどちらもXMLHttpRequestは対応しているとリファレンスの方にはありました･･･）、どちらも対応しているはずなのにIE7で動作したスクリプトがFF2で動作しません
var xslt = new XMLHttpRequest();
xslt.open("GET","file.xsl",true);
xslt.send(null);
if(xslt.readyState == 4){
var xsld = xslt.responseXML;
}
var vali = new Array();
alert(xsld);
try{
vali=xsld.getElementsByTagName("xsl:variable");
}catch(e){
try{
vali=xsld.getElementsByTagName("variable");
...
どうやらFF2だとxsldが空っぽになってしまうようです
IE7では正常に動いているのでファイルの指定間違いということはないと思うのですが･･･
40 ：Name_Not_Found：2008/03/28(金) 19:39:20 ID:???
>>38
サーバーサイドってのはそういう意味じゃないよ
簡単に言えば、
クライアントサイド : サーバーからサイトのデータを受け取った後に、クライアント側(ブラウザ)で処理するもの
サーバーサイド : サーバーが処理を行い、結果をサイトのデータと一緒にクライアント側へ渡すもの
サーバー上にあるファイルの、作成・削除・名前の取得/変更なんかはサーバーサイドでしかできない
逆にブラウザの表示領域のサイズみたいなのは、クライアントサイドでしか取得/変更できない
なので、希望の処理を行うにはJavaScriptだけでは無理
詳しくは知らないけど、Ajaxとかその辺じゃないかな？
サーバーサイドってのはそういう意味じゃないよ
簡単に言えば、
クライアントサイド : サーバーからサイトのデータを受け取った後に、クライアント側(ブラウザ)で処理するもの
サーバーサイド : サーバーが処理を行い、結果をサイトのデータと一緒にクライアント側へ渡すもの
サーバー上にあるファイルの、作成・削除・名前の取得/変更なんかはサーバーサイドでしかできない
逆にブラウザの表示領域のサイズみたいなのは、クライアントサイドでしか取得/変更できない
なので、希望の処理を行うにはJavaScriptだけでは無理
詳しくは知らないけど、Ajaxとかその辺じゃないかな？
41 ： ◆.PT9876/4U ：2008/03/28(金) 19:50:53 ID:eHyZubUK
>>38
>サーバーにアップする前にローカルでやりたいんです
JavaScript だけなら texteditor と web-browser だけあれば十分.
だけど, ServerSide に手を出すとなると環境から整える必要が生じます:
1. UNIX 系 OS (PC OS でもできないことはないけど path 関連で面倒なことに)
2. httpd (Server software)
3. 開発言語 software {perl, php, C, ... , etc}
以上は 揃ってますか ?
それと server side の話題は専用板がありますので そちらで...
(僕は構わないけど必ずクレームが付くのが常なので)
>サーバーにアップする前にローカルでやりたいんです
JavaScript だけなら texteditor と web-browser だけあれば十分.
だけど, ServerSide に手を出すとなると環境から整える必要が生じます:
1. UNIX 系 OS (PC OS でもできないことはないけど path 関連で面倒なことに)
2. httpd (Server software)
3. 開発言語 software {perl, php, C, ... , etc}
以上は 揃ってますか ?
それと server side の話題は専用板がありますので そちらで...
(僕は構わないけど必ずクレームが付くのが常なので)
42 ：Name_Not_Found：2008/03/28(金) 19:51:04 ID:???
>>40さん
何度もレス頂きありがとうございます
HTMLファイルは既に手元にあるので情報収集の部分は行わないです
手元に2万ファイルほどあるので手作業では困難なので困っています
どうぞよろしくお願い致しますｍ（＿＿）ｍ
何度もレス頂きありがとうございます
HTMLファイルは既に手元にあるので情報収集の部分は行わないです
手元に2万ファイルほどあるので手作業では困難なので困っています
どうぞよろしくお願い致しますｍ（＿＿）ｍ
43 ：Name_Not_Found：2008/03/28(金) 19:57:31 ID:???
>>41さん
お世話になります38です
サーバーから情報収集する作業はありません
手元の情報整理と確認なのですが
量が多すぎてお手上げです
何卒よろしくお願い致します
1：自宅PC内での作業
2：読み込ませるファイルは既にP内にあります
3：ファイルを読み込んでリンク付きタイトル一覧表を作る（リンク先は同じPCのひとつ下の階層です）
何度も申し訳ないです
すいません
お世話になります38です
サーバーから情報収集する作業はありません
手元の情報整理と確認なのですが
量が多すぎてお手上げです
何卒よろしくお願い致します
1：自宅PC内での作業
2：読み込ませるファイルは既にP内にあります
3：ファイルを読み込んでリンク付きタイトル一覧表を作る（リンク先は同じPCのひとつ下の階層です）
何度も申し訳ないです
すいません
44 ：Name_Not_Found：2008/03/28(金) 20:06:53 ID:???
null と弱点が逆な人間としては
1. 指定したディレクトリ内のファイルを舐めて m!<title>(.+?)</title>! をぶっこ抜く。
2. <li><a href="$filename">$1</a></li> なリストを吐く。
…鯖サイドで完結させてしまうなぁ。
何だか「サーバ上じゃなくてローカルで動かすんです」というところに力が入ってるけど
「手元PCでリンクつきタイトル一覧ファイルを生成するだけ」なら
なおのこと JavaScript と無縁な気配。
1. 指定したディレクトリ内のファイルを舐めて m!<title>(.+?)</title>! をぶっこ抜く。
2. <li><a href="$filename">$1</a></li> なリストを吐く。
…鯖サイドで完結させてしまうなぁ。
何だか「サーバ上じゃなくてローカルで動かすんです」というところに力が入ってるけど
「手元PCでリンクつきタイトル一覧ファイルを生成するだけ」なら
なおのこと JavaScript と無縁な気配。
45 ：Name_Not_Found：2008/03/28(金) 20:12:04 ID:???
>>44さん
レスありがとうございます38です
サーバサイドっていうか
どこにもアクセスしない作業だという事を伝えれば
何か方法があるのかと思いレスしました
私のやりたい事ってjavaスクリプトでは不可能なのでしょうか？
どうぞよろしくお願い致します
レスありがとうございます38です
サーバサイドっていうか
どこにもアクセスしない作業だという事を伝えれば
何か方法があるのかと思いレスしました
私のやりたい事ってjavaスクリプトでは不可能なのでしょうか？
どうぞよろしくお願い致します
46 ： ◆.PT9876/4U ：2008/03/28(金) 20:33:30 ID:eHyZubUK
47 ： ◆.PT9876/4U ：2008/03/28(金) 20:54:08 ID:eHyZubUK
>>39
M$ の身勝手に泣かされ続けてきた僕としては IE7 の進化に かなり期待していました.
でも, 実際問題として IE7 の評判は今ひとつなのよねぇ.
僕個人としては IE を誰も使わなくなってくれるのが理想だけど現実は...
で, 僕の環境では IE 5.17 が最終動作バージョン.
動作確認ができない以上, 僕にできるのは Mozilla 対応版を書くことのみなのです.
あえて憶測でモノを言うならば,
" IE6 で動くようにすれば IE7 でも動くんじゃないかな " ということくらい...
(後方互換性を重視しているのが IE の唯一の良いところかと)
M$ の身勝手に泣かされ続けてきた僕としては IE7 の進化に かなり期待していました.
でも, 実際問題として IE7 の評判は今ひとつなのよねぇ.
僕個人としては IE を誰も使わなくなってくれるのが理想だけど現実は...
で, 僕の環境では IE 5.17 が最終動作バージョン.
動作確認ができない以上, 僕にできるのは Mozilla 対応版を書くことのみなのです.
あえて憶測でモノを言うならば,
" IE6 で動くようにすれば IE7 でも動くんじゃないかな " ということくらい...
(後方互換性を重視しているのが IE の唯一の良いところかと)
48 ：Name_Not_Found：2008/03/28(金) 20:58:21 ID:???
>>46さん
お忙しい中、本当にありがとうございます
>>46さんってここのスレ立て人ですか
もの凄く親切な方だと実感してます^^;
ただ今、グーグルで「javascript 読みこみ」で検索してファイルの読み込みを探しているのですが
私の聞いていることがあまりにも基本過ぎるのかもしれないけど
外部スクリプトの読み込みばかりヒットして
どこのサイトにもHTMLファイルを読み込むサンプル見当たらないんです
ファイルを読み込むためにはその前にファイルオープンの命令とかとかあるんだろうかと
おびえながらあちこちのサイトを廻ってきたのですが
もっと難しいことはいっぱい記載してるサイトばかりなんです
基本中の基本とかいうサイトにも「ファイルを読み込む」って命令がないんですよorz
読み込んだ後にどうやって書き込むとかクロースするとか次のファイルへ移動するとか
もう頭の中がへんてこりんです（＠＠）
ぶっちゃけそのもの教えて下さいｍ（＿＿）ｍ
お忙しい中、本当にありがとうございます
>>46さんってここのスレ立て人ですか
もの凄く親切な方だと実感してます^^;
ただ今、グーグルで「javascript 読みこみ」で検索してファイルの読み込みを探しているのですが
私の聞いていることがあまりにも基本過ぎるのかもしれないけど
外部スクリプトの読み込みばかりヒットして
どこのサイトにもHTMLファイルを読み込むサンプル見当たらないんです
ファイルを読み込むためにはその前にファイルオープンの命令とかとかあるんだろうかと
おびえながらあちこちのサイトを廻ってきたのですが
もっと難しいことはいっぱい記載してるサイトばかりなんです
基本中の基本とかいうサイトにも「ファイルを読み込む」って命令がないんですよorz
読み込んだ後にどうやって書き込むとかクロースするとか次のファイルへ移動するとか
もう頭の中がへんてこりんです（＠＠）
ぶっちゃけそのもの教えて下さいｍ（＿＿）ｍ
49 ： ◆.PT9876/4U ：2008/03/28(金) 21:26:56 ID:eHyZubUK
>>48
話が立て込んでいるのでハンドル(番号でもよい) か, ID を出して欲しいっす.
たぶん, >>48 == >>43 == >>45 なのかな ?
そうだと仮定して読み進む限り,
あなたのやろうとしていることは web ではなく, PC 一般の問題.
たとえば Mac ならば AppleScript で処理するような問題.
Windows の場合は どうなのかは知りません. (悪名高い VBScript ?)
>グーグルで「javascript 読みこみ」で検索して
多分, " Ajax " 関連の記事を嫌と言うほど読むことになるでしょう.
先に出ている話題の XMLHttpRequest と ほぼ同じ意味です.
以前, 僕も同じ問題に行き当たり, 調べまくったことがあります.
で, file name が解っているファイルを読むことは可能ですが,
僕が知る限り, directory 内のファイルリストを読むことは できないようでした.
>ぶっちゃけそのもの教えて下さい
まさに そのものなのが >>27 の話題...
ただ... あなたの言ってることがコロコロ変わるので どう対応したものか ???
話が立て込んでいるのでハンドル(番号でもよい) か, ID を出して欲しいっす.
たぶん, >>48 == >>43 == >>45 なのかな ?
そうだと仮定して読み進む限り,
あなたのやろうとしていることは web ではなく, PC 一般の問題.
たとえば Mac ならば AppleScript で処理するような問題.
Windows の場合は どうなのかは知りません. (悪名高い VBScript ?)
>グーグルで「javascript 読みこみ」で検索して
多分, " Ajax " 関連の記事を嫌と言うほど読むことになるでしょう.
先に出ている話題の XMLHttpRequest と ほぼ同じ意味です.
以前, 僕も同じ問題に行き当たり, 調べまくったことがあります.
で, file name が解っているファイルを読むことは可能ですが,
僕が知る限り, directory 内のファイルリストを読むことは できないようでした.
>ぶっちゃけそのもの教えて下さい
まさに そのものなのが >>27 の話題...
ただ... あなたの言ってることがコロコロ変わるので どう対応したものか ???
>>49
> 悪名高い VBScript ?
そうそう。でも ActivePerl for Win も使える…ことにして欲しい。
>>45
自分がやる場合。
#!/perl/bin/perl
# /usr/bin/perl はないはず
use strict;
# 一覧ファイルを作りたい階層で走らせないと仕事しません。
my $dir = './'; # 一覧ファイルから見た、HTMLファイルのある階層。 ex.'diary/'
my @files = glob("$dir*.html"); # 拡張子が .htm なら適宜修正
my %links; my $list_file = 'list.html'; # 一覧用のファイル名。
# 1階層2万ファイルなら、少し上の glob() で死ぬよなぁ
foreach my $file (@files) {
open(FH, '<', $file) or die "Cannot open $file\n\n$!";
while (<FH>) { $links{$file} = $1 and last if (m!<title>(.+?)</title>!) }
close(FH);
}
open(FH, '>', $list_file) or die "Cannot open $list_file\n\n$!";
flock(FH, 2);
print FH qq|<html>\n<head>\n<title>ファイル一覧</title>\n</head>\n<body>\n<ol>\n|;
foreach my $file (sort keys %links) { print FH qq|\t<li><a href="$file">$links{$file}</a></li>\n| }
print FH qq|</ol>\n</body>\n</html>\n|;
close(FH);
> 悪名高い VBScript ?
そうそう。でも ActivePerl for Win も使える…ことにして欲しい。
>>45
自分がやる場合。
#!/perl/bin/perl
# /usr/bin/perl はないはず
use strict;
# 一覧ファイルを作りたい階層で走らせないと仕事しません。
my $dir = './'; # 一覧ファイルから見た、HTMLファイルのある階層。 ex.'diary/'
my @files = glob("$dir*.html"); # 拡張子が .htm なら適宜修正
my %links; my $list_file = 'list.html'; # 一覧用のファイル名。
# 1階層2万ファイルなら、少し上の glob() で死ぬよなぁ
foreach my $file (@files) {
open(FH, '<', $file) or die "Cannot open $file\n\n$!";
while (<FH>) { $links{$file} = $1 and last if (m!<title>(.+?)</title>!) }
close(FH);
}
open(FH, '>', $list_file) or die "Cannot open $list_file\n\n$!";
flock(FH, 2);
print FH qq|<html>\n<head>\n<title>ファイル一覧</title>\n</head>\n<body>\n<ol>\n|;
foreach my $file (sort keys %links) { print FH qq|\t<li><a href="$file">$links{$file}</a></li>\n| }
print FH qq|</ol>\n</body>\n</html>\n|;
close(FH);
>>49さん
38ですハンドルつけました^^
私のやりたいことは同じデレクトリーで作業も可能です
量が多いので手作業で突き進むより
ジャバスクリプトを勉強したほうが早いような気がするのでここでお聞きしました
プログラム経験はないです
ヤフオクに服を出品したときにHTMLの<h2>とか<br>だけ覚えました^^;
何も知らないのでここの「手取り足取り」ってタイトルが私を引付けました
＞あなたの言ってることがコロコロ変わる
数は少なめに聞きましたけど他は何も変わってないですよ
ファイルを読み込んでリンク付きのタイトルリストを作りたいです
何度もお手数をお掛けして恐縮です
どうぞよろしくお願い致します
38ですハンドルつけました^^
私のやりたいことは同じデレクトリーで作業も可能です
量が多いので手作業で突き進むより
ジャバスクリプトを勉強したほうが早いような気がするのでここでお聞きしました
プログラム経験はないです
ヤフオクに服を出品したときにHTMLの<h2>とか<br>だけ覚えました^^;
何も知らないのでここの「手取り足取り」ってタイトルが私を引付けました
＞あなたの言ってることがコロコロ変わる
数は少なめに聞きましたけど他は何も変わってないですよ
ファイルを読み込んでリンク付きのタイトルリストを作りたいです
何度もお手数をお掛けして恐縮です
どうぞよろしくお願い致します
>>50サン
ありがとうございます38改めコロンパです^^
教えて頂いたスクリプトは
<-- と --> の間に書けばいいのでしょうか^^;
どこからどこまでを写させていただけばよいのかわからないので
全部写してから試してみます
わざわざ作っていただき本当にありがとうございます
今後ともよろしくお願い致します
ありがとうございます38改めコロンパです^^
教えて頂いたスクリプトは
<-- と --> の間に書けばいいのでしょうか^^;
どこからどこまでを写させていただけばよいのかわからないので
全部写してから試してみます
わざわざ作っていただき本当にありがとうございます
今後ともよろしくお願い致します
53 ：Name_Not_Found：2008/03/28(金) 23:11:07 ID:???
54 ：Name_Not_Found：2008/03/28(金) 23:26:22 ID:???
>>53さん
コロンパです^^
教えてくれてありがとう
今、気がついたんですけど
このスレがある板「WEB製作板」だったんですね
WEB前提の話をしてるのと自宅内でPC触ろうとしてるのはちょっと違いましたね^^;
とにかくジャバスクリプトを覚えたいんですが
自分みたいなものにも教えてくれそうなところを探してるうちに
スレタイだけでここに飛び込んできた次第です
お邪魔だったかもしれないですが
何かの縁だと思ってお付き合い下さい^^;
よろしくお願いします
コロンパです^^
教えてくれてありがとう
今、気がついたんですけど
このスレがある板「WEB製作板」だったんですね
WEB前提の話をしてるのと自宅内でPC触ろうとしてるのはちょっと違いましたね^^;
とにかくジャバスクリプトを覚えたいんですが
自分みたいなものにも教えてくれそうなところを探してるうちに
スレタイだけでここに飛び込んできた次第です
お邪魔だったかもしれないですが
何かの縁だと思ってお付き合い下さい^^;
よろしくお願いします
55 ：Name_Not_Found：2008/03/28(金) 23:42:29 ID:???
>>28
ありがとう・
ありがとう・
56 ：Name_Not_Found：2008/03/29(土) 03:45:54 ID:???
こんばんはコロンパです
あちこちjavaスクリプトのサンプルを求めて徘徊してきました
javaスクリプトってファイル出力できないのでしょうか？
明確に「できない」と記載されている記述がありましたが
5年ほど前のようです
「ファイル出力できる」と明確に記載されているものは見当たりませんでした
無理なんだろうか？
>>44さんの発言の意味がわかってきたような・・・
関係ないけど>>44さんの発言の中である $1 これはなんだろうかと
コピしてググろうかとしたらなぜかコピできなくて
替わりに>>1さんの発言が見えた
２ｃｈブラウザの影響かもしれないけど
変数を体感できましたｗ
javaスクリプトでの「ファイル読み書きサンプル」って無いのだろうか（遠い目
オヤシミー^^
あちこちjavaスクリプトのサンプルを求めて徘徊してきました
javaスクリプトってファイル出力できないのでしょうか？
明確に「できない」と記載されている記述がありましたが
5年ほど前のようです
「ファイル出力できる」と明確に記載されているものは見当たりませんでした
無理なんだろうか？
>>44さんの発言の意味がわかってきたような・・・
関係ないけど>>44さんの発言の中である $1 これはなんだろうかと
コピしてググろうかとしたらなぜかコピできなくて
替わりに>>1さんの発言が見えた
２ｃｈブラウザの影響かもしれないけど
変数を体感できましたｗ
javaスクリプトでの「ファイル読み書きサンプル」って無いのだろうか（遠い目
オヤシミー^^
57 ：Name_Not_Found：2008/03/29(土) 04:05:44 ID:???
>>56
あんまり詳しくないからはっきりとは言えないけど、JavaScript単体では無理じゃないだろうか
クライアントサイドでそれができるのであれば、サイトの閲覧者のPC内にウイルス投入したりとか
PC内のデータをサーバーに送信…なんて色々セキュリティ的にまずい事もできそうだし
ActiveXとかが危惧されてる理由もその辺じゃないかなぁ…妄想かもしれないけど
ファイルの操作を行いたいなら、素直にサーバーサイド(perlとかphpとか)でやった方がいいかと
「サーバーサイド」って言っても別にレンタルサーバーとかじゃなきゃいけないわけじゃなくて、
自分のPC内にサーバーを構築すれば簡単にできるよ
あんまり詳しくないからはっきりとは言えないけど、JavaScript単体では無理じゃないだろうか
クライアントサイドでそれができるのであれば、サイトの閲覧者のPC内にウイルス投入したりとか
PC内のデータをサーバーに送信…なんて色々セキュリティ的にまずい事もできそうだし
ActiveXとかが危惧されてる理由もその辺じゃないかなぁ…妄想かもしれないけど
ファイルの操作を行いたいなら、素直にサーバーサイド(perlとかphpとか)でやった方がいいかと
「サーバーサイド」って言っても別にレンタルサーバーとかじゃなきゃいけないわけじゃなくて、
自分のPC内にサーバーを構築すれば簡単にできるよ
58 ：Name_Not_Found：2008/03/29(土) 04:07:29 ID:???
コロンパちゃんです
>>44さん
c:\tmpにHTMLファイルと>>50の命令を拡張子.plにしてtglst.plとして保存したのですが
コマンドプロンプトから
c:\tmp\tglst.pl
と実行させようとすると「c:\tmpは利用できない場所を参照しようとしています」とエラーになるんです
以前、解説本に付属していたPHP5.25というソフトはインストールしてあるので
perlも動くような気がしたんですが・・・
あっとここはjavascliptスレでした^^;
誰かファイルの入出力おながいしまう
>>44さん
c:\tmpにHTMLファイルと>>50の命令を拡張子.plにしてtglst.plとして保存したのですが
コマンドプロンプトから
c:\tmp\tglst.pl
と実行させようとすると「c:\tmpは利用できない場所を参照しようとしています」とエラーになるんです
以前、解説本に付属していたPHP5.25というソフトはインストールしてあるので
perlも動くような気がしたんですが・・・
あっとここはjavascliptスレでした^^;
誰かファイルの入出力おながいしまう
59 ：Name_Not_Found：2008/03/29(土) 05:57:49 ID:???
>>58
perlやphpはローカルにサーバー環境がないと実行できない
「Apache 自宅サーバー」で検索すれば、サーバーの構築方法なんかは簡単に調べられる
というか、Perlについても少しも調べてない様だし…自分で調べる気が無いのか？
「JavaScriptではできない」ってレスだけでも何回もついてるのに、延々と他力本願レスするのは良くない
とりあえず自分で調べて、どうしてもわからなかったら自宅サーバ板→WebProg板
perlやphpはローカルにサーバー環境がないと実行できない
「Apache 自宅サーバー」で検索すれば、サーバーの構築方法なんかは簡単に調べられる
というか、Perlについても少しも調べてない様だし…自分で調べる気が無いのか？
「JavaScriptではできない」ってレスだけでも何回もついてるのに、延々と他力本願レスするのは良くない
とりあえず自分で調べて、どうしてもわからなかったら自宅サーバ板→WebProg板
60 ：Name_Not_Found：2008/03/29(土) 07:02:54 ID:???
>>59
こんばんは
っていうかもう朝だけどｗ
先に言ってた解説本って「自宅サーバXAMPP」だよ
それについていたのがｐｈｐ
perlのこと今まで調べてたよ
あなたと違ってスイスイサーフィンできないですよ
初めて読む文書を出来るだけ理解しながら読むんだから時間もかかるよ
っていうか何怒ってんの？
なんなら今から会いましょかｗ
直接お話でも結構ですよ
こんばんは
っていうかもう朝だけどｗ
先に言ってた解説本って「自宅サーバXAMPP」だよ
それについていたのがｐｈｐ
perlのこと今まで調べてたよ
あなたと違ってスイスイサーフィンできないですよ
初めて読む文書を出来るだけ理解しながら読むんだから時間もかかるよ
っていうか何怒ってんの？
なんなら今から会いましょかｗ
直接お話でも結構ですよ
61 ：Name_Not_Found：2008/03/29(土) 07:32:54 ID:???
じゃ、長崎まで来いや
62 ：Name_Not_Found：2008/03/29(土) 08:53:12 ID:???
コロンパです^^
意外と簡単な方法で出来ることが判明したよ
気づいてやってみたらすぐ終わったｗ
ファイルネーム付きでgrepしたら２万ファイル１０分で<title>とファイル名が一致しました
ここで親切にしてくれた方、本当にありがとうございました
オヤシミ
意外と簡単な方法で出来ることが判明したよ
気づいてやってみたらすぐ終わったｗ
ファイルネーム付きでgrepしたら２万ファイル１０分で<title>とファイル名が一致しました
ここで親切にしてくれた方、本当にありがとうございました
オヤシミ
63 ： ◆.PT9876/4U ：2008/03/29(土) 08:53:29 ID:1pXhFFKV
>>39
念のために確認しておきたいのですが,
>>27 のサンプルは IE 7 で動いたのでしょうか ?
さて, やはり IE7 は IE6 用記述 (ActiveX を利用する) をサポートしている模様.
itpro.nikkeibp.co.jp/article/COLUMN/20070710/277219/
blog.myrss.jp/archives/2006/01/ie7_ajax_xmlhtt.html
>IE7で動作したスクリプトがFF2で動作しません
動作確認の順番が逆ですねぇ.
IE は 良くも悪くも大ざっぱなのにたいし, FF(Mozilla系) は生真面目.
しかも Mozilla系は "JavaScript Console" を装備しているので
間違っている部分を指摘してくれます.
書き出された記述をざっと見た限り,
xslt.send(null);
が書かれている位置に問題があるように思います.
念のために確認しておきたいのですが,
>>27 のサンプルは IE 7 で動いたのでしょうか ?
さて, やはり IE7 は IE6 用記述 (ActiveX を利用する) をサポートしている模様.
itpro.nikkeibp.co.jp/article/COLUMN/20070710/277219/
blog.myrss.jp/archives/2006/01/ie7_ajax_xmlhtt.html
>IE7で動作したスクリプトがFF2で動作しません
動作確認の順番が逆ですねぇ.
IE は 良くも悪くも大ざっぱなのにたいし, FF(Mozilla系) は生真面目.
しかも Mozilla系は "JavaScript Console" を装備しているので
間違っている部分を指摘してくれます.
書き出された記述をざっと見た限り,
xslt.send(null);
が書かれている位置に問題があるように思います.
>>60
何がいいたいのかさっぱりわからんが、その解説本っての読んでわからなかったのか？
Perlはともかく、自宅サーバーの何たるかくらいは書いてそうだけど
/* 自分のPC内でファイルの操作を行う為の最短ステップ */
1、「Apache 自宅サーバー」で検索
2、自分のPC内にApacheをインストールして、ローカルにサーバーを構築する
3、Perl(又はPHP)をインストール
4、「Perl(又はPHP) ファイル入出力」で検索して、プログラムを作成
※調べてもわからない箇所は1～3は自宅サーバ板、4はWebProg板で聞くのがベスト
ちなみにどちらかというと呆れてるのであって、掲示板の、しかも初心者スレで怒るとかないだろ
それと、ここは君のパソコン相談室じゃないし、皆善意で(一部気まぐれで)回答してくれてるんだから
回答もらって意味不明なレスする程不服なら来るべきじゃないと思うよ
たとえ匿名掲示板でも、教えてもらうんだからそれ相応の礼儀というものがあるんじゃないかと思うんだぜ
>>61
交通費は出ますか？
何がいいたいのかさっぱりわからんが、その解説本っての読んでわからなかったのか？
Perlはともかく、自宅サーバーの何たるかくらいは書いてそうだけど
/* 自分のPC内でファイルの操作を行う為の最短ステップ */
1、「Apache 自宅サーバー」で検索
2、自分のPC内にApacheをインストールして、ローカルにサーバーを構築する
3、Perl(又はPHP)をインストール
4、「Perl(又はPHP) ファイル入出力」で検索して、プログラムを作成
※調べてもわからない箇所は1～3は自宅サーバ板、4はWebProg板で聞くのがベスト
ちなみにどちらかというと呆れてるのであって、掲示板の、しかも初心者スレで怒るとかないだろ
それと、ここは君のパソコン相談室じゃないし、皆善意で(一部気まぐれで)回答してくれてるんだから
回答もらって意味不明なレスする程不服なら来るべきじゃないと思うよ
たとえ匿名掲示板でも、教えてもらうんだからそれ相応の礼儀というものがあるんじゃないかと思うんだぜ
>>61
交通費は出ますか？
65 ： ◆.PT9876/4U ：2008/03/29(土) 09:12:17 ID:1pXhFFKV
>>51
コロコロ変わるという表現は適切ではなかったと反省しています.
が, お願いですから あなたが書いた内容を読み返してみてください.
text editor にでも書き出して
少しづつ目標が変わっているように読めることに気づいて欲しい.
話が横道にそれますが, このスレッドは ぶっちゃけ, 重複スレッドです.
JavaScript のスレッドとしては以下のところの方が歴史があり, 本流です:
http://pc11.2ch.net/test/read.cgi/hp/1204201797/l50
では, なぜ "重複スレッド" を建てたのか.
本流の方は長い歴史の中で少しづつ質問する際のルールが進化して来ました.
その結果, 質問を選ぶこととなり, 敷居の高いスレッドになってしまった感があります.
しかし, それは進化の必然なのです.
あえて複雑化してしまったルールを初期の状態に戻そうというのがここなのです.
コロコロ変わるという表現は適切ではなかったと反省しています.
が, お願いですから あなたが書いた内容を読み返してみてください.
text editor にでも書き出して
少しづつ目標が変わっているように読めることに気づいて欲しい.
話が横道にそれますが, このスレッドは ぶっちゃけ, 重複スレッドです.
JavaScript のスレッドとしては以下のところの方が歴史があり, 本流です:
http://pc11.2ch.net/test/read.cgi/hp/1204201797/l50
では, なぜ "重複スレッド" を建てたのか.
本流の方は長い歴史の中で少しづつ質問する際のルールが進化して来ました.
その結果, 質問を選ぶこととなり, 敷居の高いスレッドになってしまった感があります.
しかし, それは進化の必然なのです.
あえて複雑化してしまったルールを初期の状態に戻そうというのがここなのです.
66 ： ◆.PT9876/4U ：2008/03/29(土) 09:23:01 ID:1pXhFFKV
>>56
>明確に「できない」と記載されている記述がありましたが
>5年ほど前のようです
"ファイル操作" はできないように設計されているのです.
何年経とうが それは変わることはありません.
ただし, MS が開発した JScript は少し事情が違います.
しかし, それが security hole になっているのは有名な話です.
何度も言っている通り, "ファイル操作" をやりたいのならば
JavaScript の守備範囲ではなくなってしまうのです.
>明確に「できない」と記載されている記述がありましたが
>5年ほど前のようです
"ファイル操作" はできないように設計されているのです.
何年経とうが それは変わることはありません.
ただし, MS が開発した JScript は少し事情が違います.
しかし, それが security hole になっているのは有名な話です.
何度も言っている通り, "ファイル操作" をやりたいのならば
JavaScript の守備範囲ではなくなってしまうのです.
67 ：39 ◆4Rrm.1dhUk ：2008/03/29(土) 09:27:30 ID:???
>>63
IE7は過去のIEでできていたことに加え、XMLHttpRequestもサポートしたということですよね？
>>27のサンプルはIE7とFF2で確認させていただきましたが、IE7では正常に動作していませんでした
左側の選択をしても右側の部分はnullになったままで、nullを選択するとおそらくsrcに何も指定されていない？画像が表示されました
画像はクリックすると消えました
エラーコンソールで確認したところ、
vali=xsld.getElementsByTagName("xsl:variable");
でエラーが起きていました（そのころはtryなどを組んでいなかったので）
そこからさかのぼったところがresponseXMLだったので･･･
send(null); を send("");に変えてみてもできませんでした･･･
IE7は過去のIEでできていたことに加え、XMLHttpRequestもサポートしたということですよね？
>>27のサンプルはIE7とFF2で確認させていただきましたが、IE7では正常に動作していませんでした
左側の選択をしても右側の部分はnullになったままで、nullを選択するとおそらくsrcに何も指定されていない？画像が表示されました
画像はクリックすると消えました
エラーコンソールで確認したところ、
vali=xsld.getElementsByTagName("xsl:variable");
でエラーが起きていました（そのころはtryなどを組んでいなかったので）
そこからさかのぼったところがresponseXMLだったので･･･
send(null); を send("");に変えてみてもできませんでした･･･
68 ：39 ◆4Rrm.1dhUk ：2008/03/29(土) 09:29:56 ID:???
すみません、読み違えたようです
send(null)の位置ですね、もう一度調べなおしてきます･･･
send(null)の位置ですね、もう一度調べなおしてきます･･･
69 ： ◆.PT9876/4U ：2008/03/29(土) 10:29:07 ID:1pXhFFKV
>>67-68
responseXML にはクセがあるようです:
watcher.moe-nifty.com/memo/2007/03/ie7_xmlhttprequ_018f.html
それと " send(null)の位置" の意味を補足しておきます:
ようするに目的のデータを手に入れた後で send(null) しないと
うまくいかないってことです:
if(xslt.readyState == 4){
var xsld = xslt.responseXML;
xslt.send(null);
}
responseXML にはクセがあるようです:
watcher.moe-nifty.com/memo/2007/03/ie7_xmlhttprequ_018f.html
それと " send(null)の位置" の意味を補足しておきます:
ようするに目的のデータを手に入れた後で send(null) しないと
うまくいかないってことです:
if(xslt.readyState == 4){
var xsld = xslt.responseXML;
xslt.send(null);
}
70 ：39 ◆4Rrm.1dhUk ：2008/03/29(土) 17:12:09 ID:???
>>69
なるほど、しかしsendを送らないとreadyStateが4にならないと思うのですが･･･
ttp://jsgt.org/ajax/ref/readystate/readystate.htm
これも参考に以下のように修正してみましたが、今度はIE7でもFF2でも動作しなくなってしまいました
エラーの内容は先ほどと同様、xslt.responseXMLが空っぽということです
var xslt = new XMLHttpRequest();
xslt.open("GET",filename,true);
xslt.onreadystatechange = function(){
if(xslt.readyState == 4){
var xsld = xslt.responseXML;
}
}
xslt.send(null);
if内に xslt.send(null);を入れてもみましたが、結果は同じでした
なるほど、しかしsendを送らないとreadyStateが4にならないと思うのですが･･･
ttp://jsgt.org/ajax/ref/readystate/readystate.htm
これも参考に以下のように修正してみましたが、今度はIE7でもFF2でも動作しなくなってしまいました
エラーの内容は先ほどと同様、xslt.responseXMLが空っぽということです
var xslt = new XMLHttpRequest();
xslt.open("GET",filename,true);
xslt.onreadystatechange = function(){
if(xslt.readyState == 4){
var xsld = xslt.responseXML;
}
}
xslt.send(null);
if内に xslt.send(null);を入れてもみましたが、結果は同じでした
71 ： ◆.PT9876/4U ：2008/03/29(土) 17:56:05 ID:1pXhFFKV
>>70
>しかしsendを送らないとreadyStateが4にならないと思うのですが･･･
うっ!
じつは僕のサンプルには
if(xslt.readyState == 4){}
と言う記述は使われていないのです. (WaMCom で動作確認済み)
本来ならば検証しながら答えるのが筋ですが,
僕の使用中の OS が "生き埋めにされた代物" なので
使用可能な web-browser が限られています.
(使用可能な中で唯一, 信用できそうなのが Mozilla1.31 相当の WaMCom)
"だったら, 最新 OS に乗り換えろ! " って話になるでしょうが,
話が大きく横に それるので勘弁願います.
さて, >>70 の記述を書き換えてみます:
var xslt = new XMLHttpRequest();
xslt.open("GET",filename,true);
xslt.onload = function(){
var xsld = xslt.responseXML;
xslt.send(null);
}
これで うまくいかないのなら, このあたりが僕の限界です.
http://pc11.2ch.net/test/read.cgi/hp/1204201797/l50
の方に話を持ち込んでください.
("誘導された" と一言書き添えたほうが良いでしょう)
>しかしsendを送らないとreadyStateが4にならないと思うのですが･･･
うっ!
じつは僕のサンプルには
if(xslt.readyState == 4){}
と言う記述は使われていないのです. (WaMCom で動作確認済み)
本来ならば検証しながら答えるのが筋ですが,
僕の使用中の OS が "生き埋めにされた代物" なので
使用可能な web-browser が限られています.
(使用可能な中で唯一, 信用できそうなのが Mozilla1.31 相当の WaMCom)
"だったら, 最新 OS に乗り換えろ! " って話になるでしょうが,
話が大きく横に それるので勘弁願います.
さて, >>70 の記述を書き換えてみます:
var xslt = new XMLHttpRequest();
xslt.open("GET",filename,true);
xslt.onload = function(){
var xsld = xslt.responseXML;
xslt.send(null);
}
これで うまくいかないのなら, このあたりが僕の限界です.
http://pc11.2ch.net/test/read.cgi/hp/1204201797/l50
の方に話を持ち込んでください.
("誘導された" と一言書き添えたほうが良いでしょう)
72 ：Name_Not_Found：2008/03/29(土) 18:42:10 ID:???
>>70
> xslt.onreadystatechange = function(){
> if(xslt.readyState == 4){
> var xsld = xslt.responseXML;
> }
どのようにxsldが空であると確認したんだ？
> xslt.onreadystatechange = function(){
> if(xslt.readyState == 4){
> var xsld = xslt.responseXML;
> }
どのようにxsldが空であると確認したんだ？
73 ：39 ◆4Rrm.1dhUk ：2008/03/29(土) 21:16:59 ID:???
>>71
やはりうまくいかず･･･
いろいろとアドバイスしていただきありがとうございました
>>72
その後の続きのスクリプトで
try{
vali=xsld.getElementsByTagName("xsl:variable");
}catch(e){
try{
vali=xsld.getElementsByTagName("variable");
}catch(e){
alert("getElementsByTagName Error");
}
}
vali[0].text=fnum;
というものがあるのですが、最終行でそのプロパティがないというエラーが出ていたため、上のスクリプトの直前のあたりに
alert(xsld);
alert(xslt);
....
などとしたとき、alert(xsld);で未定義と表示されたため空と判断したのですが不足だったでしょうか
初心者という盾を振り回すつもりはありませんが、デバックの方法など勉強不足なもので毎回エラーの起きている部分をalertなどで表示させて修正の参考にしています･･･
やはりうまくいかず･･･
いろいろとアドバイスしていただきありがとうございました
>>72
その後の続きのスクリプトで
try{
vali=xsld.getElementsByTagName("xsl:variable");
}catch(e){
try{
vali=xsld.getElementsByTagName("variable");
}catch(e){
alert("getElementsByTagName Error");
}
}
vali[0].text=fnum;
というものがあるのですが、最終行でそのプロパティがないというエラーが出ていたため、上のスクリプトの直前のあたりに
alert(xsld);
alert(xslt);
....
などとしたとき、alert(xsld);で未定義と表示されたため空と判断したのですが不足だったでしょうか
初心者という盾を振り回すつもりはありませんが、デバックの方法など勉強不足なもので毎回エラーの起きている部分をalertなどで表示させて修正の参考にしています･･･
74 ：Name_Not_Found：2008/03/30(日) 18:04:02 ID:eT/AaoAP
質問させてください
<form method="get" action="search.php">
<input type="text" name="keywd">
<input type="submit" name="q" value="検索">
</form>
フォームに入力されたキーワードが数字以外の場合に
「数値を入力してください」とよくある警告画面を出したいのですが
JavaScriptでどのように記述すれば良いでしょうか。お願いいたします
<form method="get" action="search.php">
<input type="text" name="keywd">
<input type="submit" name="q" value="検索">
</form>
フォームに入力されたキーワードが数字以外の場合に
「数値を入力してください」とよくある警告画面を出したいのですが
JavaScriptでどのように記述すれば良いでしょうか。お願いいたします
75 ： ◆.PT9876/4U ：2008/03/30(日) 19:06:53 ID:YXuH0y4L
>>74
"keywd" field の内容をチェックするタイミングは ?
これが不明なのよね.
取り合えず "検索" ボタンが押された時にチェックすることにしよっか ?
ほんの15分程度で書けると思う.
だけど, 念のために動作確認をしてから書き出すから待っててね.
(なめてかかると 大抵馬鹿なミスをやらかすものだから...)
"keywd" field の内容をチェックするタイミングは ?
これが不明なのよね.
取り合えず "検索" ボタンが押された時にチェックすることにしよっか ?
ほんの15分程度で書けると思う.
だけど, 念のために動作確認をしてから書き出すから待っててね.
(なめてかかると 大抵馬鹿なミスをやらかすものだから...)
76 ：Name_Not_Found：2008/03/30(日) 19:15:44 ID:???
もう着手してるかなあ…。
>>75
イベント拾うのはそこの onClick で当たりっぽいけど
「ゼロまたは正の整数値限定。3桁ごとのカンマ区切りとか論外」にするのか
「負数も小数も数値だもん」なのか
もすこし要件を詰めたほうがいいかもしれないよ。
>>75
イベント拾うのはそこの onClick で当たりっぽいけど
「ゼロまたは正の整数値限定。3桁ごとのカンマ区切りとか論外」にするのか
「負数も小数も数値だもん」なのか
もすこし要件を詰めたほうがいいかもしれないよ。
77 ： ◆.PT9876/4U ：2008/03/30(日) 19:33:36 ID:YXuH0y4L
>>74
･ html 部を変更:
<form method="get" action="search.php" id="form0">
<input type="text" name="keywd" id="keywd">
<input type="button" name="q" value="検索" onclick="check()">
</form>
･ js:
var rx,frm,fld;
window.onload=function(){
rx=new RegExp('[0-9]+');
frm=document.getElementById('form0');
fld=document.getElementById('keywd');
}
function check(){
var v=fld.value;
if(v==''){alert('何も入力されていません.');}
else{
if(! v.match(rx)){alert('数値以外の文字が含まれています');}
else{frm.submit()}
}
}
･ html 部を変更:
<form method="get" action="search.php" id="form0">
<input type="text" name="keywd" id="keywd">
<input type="button" name="q" value="検索" onclick="check()">
</form>
･ js:
var rx,frm,fld;
window.onload=function(){
rx=new RegExp('[0-9]+');
frm=document.getElementById('form0');
fld=document.getElementById('keywd');
}
function check(){
var v=fld.value;
if(v==''){alert('何も入力されていません.');}
else{
if(! v.match(rx)){alert('数値以外の文字が含まれています');}
else{frm.submit()}
}
}
78 ： ◆.PT9876/4U ：2008/03/30(日) 19:47:02 ID:YXuH0y4L
79 ：74：2008/03/30(日) 22:25:15 ID:eT/AaoAP
>>77
ありがとうございます。バッチリです
条件は"検索" ボタンが押された時に
>>76さんのおっしゃる通り正の整数かどうかをチェックするという事です。
言葉足らずですみませんでした。
大満足です。ありがとうございました。
ありがとうございます。バッチリです
条件は"検索" ボタンが押された時に
>>76さんのおっしゃる通り正の整数かどうかをチェックするという事です。
言葉足らずですみませんでした。
大満足です。ありがとうございました。
80 ：74：2008/03/30(日) 22:37:56 ID:eT/AaoAP
すみません 確認不足でした汗
-、小数点、,だとactionが実行されてしまいますね
正の整数限定にするのは難しいでしょうか
-、小数点、,だとactionが実行されてしまいますね
正の整数限定にするのは難しいでしょうか
81 ： ◆.PT9876/4U ：2008/03/30(日) 22:57:14 ID:YXuH0y4L
>>80
rx=new RegExp('[0-9]+');によって
" {0,1,2, ... ,9} の1個以上の文字 "
という条件が規定されている.
んで, "-" とか "." などは当然ながら対象外.
したがって, それらの文字が含まれていれば alert が出る...
はずなんだけど ?
rx=new RegExp('[0-9]+');によって
" {0,1,2, ... ,9} の1個以上の文字 "
という条件が規定されている.
んで, "-" とか "." などは当然ながら対象外.
したがって, それらの文字が含まれていれば alert が出る...
はずなんだけど ?
82 ： ◆.PT9876/4U ：2008/03/30(日) 23:02:09 ID:YXuH0y4L
83 ： ◆.PT9876/4U ：2008/03/30(日) 23:16:27 ID:YXuH0y4L
>>80
修正版:
var rx,frm,fld;
window.onload=function(){
rx=new RegExp('[^0-9]+');
frm=document.getElementById('form0');
fld=document.getElementById('keywd');
}
function check(){
var v=fld.value;
if(v==''){alert('何も入力されていません.');}
else{
if(v.match(rx)){alert('数字以外の文字が含まれています');}
else{frm.submit();}
}
}
修正版:
var rx,frm,fld;
window.onload=function(){
rx=new RegExp('[^0-9]+');
frm=document.getElementById('form0');
fld=document.getElementById('keywd');
}
function check(){
var v=fld.value;
if(v==''){alert('何も入力されていません.');}
else{
if(v.match(rx)){alert('数字以外の文字が含まれています');}
else{frm.submit();}
}
}
>>81
ロジック裏返して解決してるけど、余計な口出ししてしまったので（ごめん）お詫びがてら。
/[0-9]+/ だと ab_c012,3.- でもマッチするから /^[0-9]+$/ や /^\d+$/ ですよ。
ロジック裏返して解決してるけど、余計な口出ししてしまったので（ごめん）お詫びがてら。
/[0-9]+/ だと ab_c012,3.- でもマッチするから /^[0-9]+$/ や /^\d+$/ ですよ。
86 ：Name_Not_Found：2008/03/31(月) 09:04:08 ID:???
まわりくどいコードは気持ち悪い
質問者の提示したソースを必要以上に弄らない
<form method="get" action="search.php" onsubmit="validate(this);">
<input type="text" name="keywd">
<input type="submit" name="q" value="検索">
</form>
function validate(form) {
var valid = /^[0-9]+$/.test(form.elements['keywd'].value);
if (!valid) alert('半角数字を入力してください');
return valid;
}
質問者の提示したソースを必要以上に弄らない
<form method="get" action="search.php" onsubmit="validate(this);">
<input type="text" name="keywd">
<input type="submit" name="q" value="検索">
</form>
function validate(form) {
var valid = /^[0-9]+$/.test(form.elements['keywd'].value);
if (!valid) alert('半角数字を入力してください');
return valid;
}
87 ：Name_Not_Found：2008/03/31(月) 09:04:52 ID:???
こっちだった
<form method="get" action="search.php" onsubmit="return validate(this);">
<form method="get" action="search.php" onsubmit="return validate(this);">
88 ：15-25：2008/03/31(月) 10:45:43 ID:swQ8k5v2
>>26様
度々ありがとうございます。
実を言うと、今度女の子の仲間内だけで風俗店立ち上げるに当たり、女の子の出勤表を作りたくて…でもPHP環境も予算もあまり無いので、曜日ごとに出勤する女の子を決めおいて、それを表示させるページを自分で作りたいのですが、どうすれば良いのでしょうか。。
携帯から更新というのはあくまでも希望で…パソコン持ってない仲間も手軽に更新できればなー…と思ったのですが、そういうのはCGIとかブログを使った方が良いんでしょうかね…
度々ありがとうございます。
実を言うと、今度女の子の仲間内だけで風俗店立ち上げるに当たり、女の子の出勤表を作りたくて…でもPHP環境も予算もあまり無いので、曜日ごとに出勤する女の子を決めおいて、それを表示させるページを自分で作りたいのですが、どうすれば良いのでしょうか。。
携帯から更新というのはあくまでも希望で…パソコン持ってない仲間も手軽に更新できればなー…と思ったのですが、そういうのはCGIとかブログを使った方が良いんでしょうかね…
89 ： ◆.PT9876/4U ：2008/03/31(月) 12:13:08 ID:dFXWPTO8
>>86
う～～～手厳しいのね.
まあ, 言われてみるとその通りかもね.
今後とも回答者として よろびく.
>>88
昔, 似たような話があったように思います.
(やはり, 風俗関連の Shift 表目的)
"データ更新" の頻度が高いと考えられるので,
データ管理の手間が掛らない "System" が必要となるでしょう.
加えて, "携帯電話利用" と言う事となると JavaScript は使えません.
(JavaScript が使える機種も あるそうですが, 使えない機種が大多数)
ましてや, "携帯電話で更新" と言う事となると,もはや CGI の守備範囲です.
それにしても どのような (format の) データを送るつもりですか ?
一つの案として Excel などで作った表を
CSV もしくは TSV として出力させ,
database CGI などに管理させる方法が考えられます.
でも, ... 使い勝手の良いものにするには相当の技量が必要でしょう.
う～～～手厳しいのね.
まあ, 言われてみるとその通りかもね.
今後とも回答者として よろびく.
>>88
昔, 似たような話があったように思います.
(やはり, 風俗関連の Shift 表目的)
"データ更新" の頻度が高いと考えられるので,
データ管理の手間が掛らない "System" が必要となるでしょう.
加えて, "携帯電話利用" と言う事となると JavaScript は使えません.
(JavaScript が使える機種も あるそうですが, 使えない機種が大多数)
ましてや, "携帯電話で更新" と言う事となると,もはや CGI の守備範囲です.
それにしても どのような (format の) データを送るつもりですか ?
一つの案として Excel などで作った表を
CSV もしくは TSV として出力させ,
database CGI などに管理させる方法が考えられます.
でも, ... 使い勝手の良いものにするには相当の技量が必要でしょう.
90 ：15：2008/03/31(月) 12:36:29 ID:swQ8k5v2
>>21
犬のスクリプトをいじろうとしましたがMynowやら曜日の取得が解りません(;_;)
どなたか教えてくださぃ。。o(_ _*)o
<script language="JavaScript"><!--
myRef = new Array(7);
myRef[0]="0.htm";
myRef[1]="1.htm";
myRef[2]="2.htm";
myRef[3]="3.htm";
myRef[4]="4.htm";
myRef[5]="5.htm";
myRef[6]="6.htm";
myDay = (new Date()).getDay();
myHour = (new Date()).getHours();
myMin = (new Date()).getMinutes() * 60;
mySec = (new Date()).getSeconds();
myNow = myHour + myMin;
myNext = (3600 - myNow) * 1000;
myNextDay = (myDay == 6) ? 0 : myDay+1 ;
setTimeout("location.href=myRef[myNextDay]",myNext);
>// --></script>
犬のスクリプトをいじろうとしましたがMynowやら曜日の取得が解りません(;_;)
どなたか教えてくださぃ。。o(_ _*)o
<script language="JavaScript"><!--
myRef = new Array(7);
myRef[0]="0.htm";
myRef[1]="1.htm";
myRef[2]="2.htm";
myRef[3]="3.htm";
myRef[4]="4.htm";
myRef[5]="5.htm";
myRef[6]="6.htm";
myDay = (new Date()).getDay();
myHour = (new Date()).getHours();
myMin = (new Date()).getMinutes() * 60;
mySec = (new Date()).getSeconds();
myNow = myHour + myMin;
myNext = (3600 - myNow) * 1000;
myNextDay = (myDay == 6) ? 0 : myDay+1 ;
setTimeout("location.href=myRef[myNextDay]",myNext);
>// --></script>
91 ：Name_Not_Found：2008/03/31(月) 12:44:33 ID:dFXWPTO8
>>90
そのサイトは微妙なサイトだと思うけどなぁ.
("my..." などと言うのは perl 表記の転用だし,
new Date().get... などという表記の連続も 僕にはキモイ)
>曜日の取得が解りません
すでに何度も回答を得ているはずです.
そのサイトは微妙なサイトだと思うけどなぁ.
("my..." などと言うのは perl 表記の転用だし,
new Date().get... などという表記の連続も 僕にはキモイ)
>曜日の取得が解りません
すでに何度も回答を得ているはずです.
92 ：15=88：2008/03/31(月) 14:33:51 ID:swQ8k5v2
>>89サマ
出勤といっても、毎週殆ど出勤する子は固定されているので、ほんとにただ日付が変わったらページが曜日ごとに作った変わる単純なもので構わないんです。。>91サマ
曜日の取得というか、myNow =の計算式とmyNextの計算式をどういじったらいいのか分かりません。。アホですみません(>_<)
Mynexの所は86400に変えれば良いのでしょうか…?
あと、分と秒の計算式のトコは必要ですか?
>>19サマの回答して頂いたものはよくわかりませんでした。。
出勤といっても、毎週殆ど出勤する子は固定されているので、ほんとにただ日付が変わったらページが曜日ごとに作った変わる単純なもので構わないんです。。>91サマ
曜日の取得というか、myNow =の計算式とmyNextの計算式をどういじったらいいのか分かりません。。アホですみません(>_<)
Mynexの所は86400に変えれば良いのでしょうか…?
あと、分と秒の計算式のトコは必要ですか?
>>19サマの回答して頂いたものはよくわかりませんでした。。
93 ： ◆.PT9876/4U ：2008/03/31(月) 17:36:19 ID:dFXWPTO8
>>92
あなたの目標ががさっぱり解りません.
正直, >>88 と >>90 は別人だと思ってました.
同じ人だとすると, まったく会話が成立していないことになります.
あなたがやりたいことを理解しない内には何もできないのですよ !
せめて こちらが聞き返したことには きちんと答えて欲しい.
あなたの目標ががさっぱり解りません.
正直, >>88 と >>90 は別人だと思ってました.
同じ人だとすると, まったく会話が成立していないことになります.
あなたがやりたいことを理解しない内には何もできないのですよ !
せめて こちらが聞き返したことには きちんと答えて欲しい.
94 ：Name_Not_Found：2008/03/31(月) 17:56:22 ID:???
>>92
その参考にしてる犬のスクリプトってのは、「アクセスしてから一定時間後に処理を行う」もので
曜日毎に表示内容を自動更新するってのとは全然違うよ
そもそも、根本的にそういう目的で作るならJavaScriptは使うべきじゃない
とりあえず覚えておいた方がいいのは
1、JavaScriptを無効にしている人もいる
2、携帯ではJavaScriptは使えない(フルブラウザ除く)
つまり、基本的には「表示されなくても閲覧に問題ないもの」じゃなきゃいけない
無効にしてる or 使えない環境の為に、<noscript>で代替テキストとかを表示する事はできるけど、
今回の件は商用だろうし、肝心な部分が表示されないのは困るでしょ？
perlやphpでこの手のスクリプトを書くのは特段難しい事じゃないし、サーバーサイドでやった方が無難だよ
その参考にしてる犬のスクリプトってのは、「アクセスしてから一定時間後に処理を行う」もので
曜日毎に表示内容を自動更新するってのとは全然違うよ
そもそも、根本的にそういう目的で作るならJavaScriptは使うべきじゃない
とりあえず覚えておいた方がいいのは
1、JavaScriptを無効にしている人もいる
2、携帯ではJavaScriptは使えない(フルブラウザ除く)
つまり、基本的には「表示されなくても閲覧に問題ないもの」じゃなきゃいけない
無効にしてる or 使えない環境の為に、<noscript>で代替テキストとかを表示する事はできるけど、
今回の件は商用だろうし、肝心な部分が表示されないのは困るでしょ？
perlやphpでこの手のスクリプトを書くのは特段難しい事じゃないし、サーバーサイドでやった方が無難だよ
95 ：Name_Not_Found：2008/03/31(月) 18:14:20 ID:???
つGoogle カレンダー
96 ：Name_Not_Found：2008/04/01(火) 04:44:48 ID:???
リンク又はボタンをクリックしたらその直下に
iframe が出現（可視化）して、他のページを読み込ませるには
どういうコードを書けばよいでしょうか。
iframe 内のページのロードは、クリック後に実行されて欲しいです。
どなたか教えて下さい。
iframe が出現（可視化）して、他のページを読み込ませるには
どういうコードを書けばよいでしょうか。
iframe 内のページのロードは、クリック後に実行されて欲しいです。
どなたか教えて下さい。
97 ： ◆.PT9876/4U ：2008/04/01(火) 07:26:23 ID:s0UtTuAG
>>96
iframe に限らず, frame は廃止の方向を向いています.
そのようなものを使わなくて
XMLHttpRequest で読み込んだ内容を div block などに流し込むことが可能です.
ただ, この方式の欠点は web-brwser によって記述が異なることです.
(つまり UA 振り分けが必要となり, 複数の web-brwser で動作確認)
別な方式として CGI との連携も考えられますが,
この場合は iframe (もしくは frame)を使わざるを得ないでしょうねぇ.
>ボタンをクリックしたらその直下に
おそらく,単なるレイアウトの問題でしょうが "その直下" の意味が今ひとつ...
ところで あなたはヒントだけで script を書ける人ですか ?
(ここでの質問には一切の制限がないため, この部分の確認が重要なのです)
iframe に限らず, frame は廃止の方向を向いています.
そのようなものを使わなくて
XMLHttpRequest で読み込んだ内容を div block などに流し込むことが可能です.
ただ, この方式の欠点は web-brwser によって記述が異なることです.
(つまり UA 振り分けが必要となり, 複数の web-brwser で動作確認)
別な方式として CGI との連携も考えられますが,
この場合は iframe (もしくは frame)を使わざるを得ないでしょうねぇ.
>ボタンをクリックしたらその直下に
おそらく,単なるレイアウトの問題でしょうが "その直下" の意味が今ひとつ...
ところで あなたはヒントだけで script を書ける人ですか ?
(ここでの質問には一切の制限がないため, この部分の確認が重要なのです)
98 ：Name_Not_Found：2008/04/01(火) 08:53:10 ID:???
>>96
どういうコードを書けばよいかと聞かれたら、
onclick のリスナーで仮引数 e = e || window.event しといて createElement('iframe') して src とか代入して、必要なら class 振って 、あとは (e.target || e.srcElement).nextSibling から insertBefore 。
ポップアップさせたいとかレイアウトは全部スタイルシートでやるのが定石
どういうコードを書けばよいかと聞かれたら、
onclick のリスナーで仮引数 e = e || window.event しといて createElement('iframe') して src とか代入して、必要なら class 振って 、あとは (e.target || e.srcElement).nextSibling から insertBefore 。
ポップアップさせたいとかレイアウトは全部スタイルシートでやるのが定石
99 ： ◆.PT9876/4U ：2008/04/02(水) 05:37:25 ID:Wf2cgTQK
そもそも 2 チャンネルの本質は "戦場" なのだということは理解してる.
でも, "例外" が あってもいいじゃない ?
ここが その例外に なればいいなぁ...
ところが, こちらの心が荒みつつあるこのごろ...
(聞き返した ことに返答なし ! イライラ...)
でも, "例外" が あってもいいじゃない ?
ここが その例外に なればいいなぁ...
ところが, こちらの心が荒みつつあるこのごろ...
(聞き返した ことに返答なし ! イライラ...)
100 ：Name_Not_Found：2008/04/02(水) 05:49:18 ID:???
>>99
お元気そうで^^
javaスクリプトではファイルの書き込みは出来ないよと教えてもらったものです
昨日からperlのお勉強はじめました
取り合えず今は目の前のことをかたずけたいのでcygwinperlを少し触ってみたら
javaスクリプトにお世話になると思います
そのときまでここを守ってて下さいね^^;
オヤシミ
お元気そうで^^
javaスクリプトではファイルの書き込みは出来ないよと教えてもらったものです
昨日からperlのお勉強はじめました
取り合えず今は目の前のことをかたずけたいのでcygwinperlを少し触ってみたら
javaスクリプトにお世話になると思います
そのときまでここを守ってて下さいね^^;
オヤシミ
101 ： ◆.PT9876/4U ：2008/04/02(水) 06:06:49 ID:Wf2cgTQK
>>100
perl と言えば, 今までは 5.x が最終バージョンでした.
ところが ついに perl6 なるものが出たんだそうな.
大きな違いは OOP の記述だとか... (perl5 の OOP は僕には理解できません)
ますます混迷を深める 事に なりはしないだろうか ?
ところで server は ?
ISP の server は "CGI 利用可能" であっても制限が多く,
いろいろと泣かされることが多いです.
perl と言えば, 今までは 5.x が最終バージョンでした.
ところが ついに perl6 なるものが出たんだそうな.
大きな違いは OOP の記述だとか... (perl5 の OOP は僕には理解できません)
ますます混迷を深める 事に なりはしないだろうか ?
ところで server は ?
ISP の server は "CGI 利用可能" であっても制限が多く,
いろいろと泣かされることが多いです.
102 ：Name_Not_Found：2008/04/02(水) 06:35:07 ID:???
>>101
自宅ｐｃ内のファイル整理だからアパッチかANHTTPDでおｋです
取り合えず2万ファイルの読み書きだけが目的なので
perlｌが簡単で一番適しています
昨日買った「超入門perl/cgi」既に半分消化しますた
この本すごく簡単に覚えれる^^
まあ目的が簡単なことなので私の目標はすぐ覚えれそうな希ガスｗ
しばらくしたらまた来るのでそのときはよろしくおながいします
オヤシミ^^
自宅ｐｃ内のファイル整理だからアパッチかANHTTPDでおｋです
取り合えず2万ファイルの読み書きだけが目的なので
perlｌが簡単で一番適しています
昨日買った「超入門perl/cgi」既に半分消化しますた
この本すごく簡単に覚えれる^^
まあ目的が簡単なことなので私の目標はすぐ覚えれそうな希ガスｗ
しばらくしたらまた来るのでそのときはよろしくおながいします
オヤシミ^^
103 ：Name_Not_Found：2008/04/02(水) 13:41:15 ID:???
スレ主よ
テンプレやスレの方針自体には大賛成だ
けれど、>>102の様なレスで埋め尽くされたらどう思う？
必要の無い、或いは無関係なレスでログが流れ、質問がわかりにくくもなるだろうし
なにより俺が初心者ならそんなスレで質問しようなんて気にはなれない
>>1読め、ぐぐれ、そんな2ch初心者orネット初心者に優しくないローカルルール
それの例外的なスレはあっても良いとは思うけど、「何でもあり」にすると無法地帯と化すのではないか
2ch以前に、最低限守るべき「常識」をわきまえてない質問やレスには、対応すべきじゃないと思う
「理解不能な日本語で書かれた質問」とかね
テンプレやスレの方針自体には大賛成だ
けれど、>>102の様なレスで埋め尽くされたらどう思う？
必要の無い、或いは無関係なレスでログが流れ、質問がわかりにくくもなるだろうし
なにより俺が初心者ならそんなスレで質問しようなんて気にはなれない
>>1読め、ぐぐれ、そんな2ch初心者orネット初心者に優しくないローカルルール
それの例外的なスレはあっても良いとは思うけど、「何でもあり」にすると無法地帯と化すのではないか
2ch以前に、最低限守るべき「常識」をわきまえてない質問やレスには、対応すべきじゃないと思う
「理解不能な日本語で書かれた質問」とかね
104 ：Name_Not_Found：2008/04/02(水) 14:15:58 ID:???
戦場の例外・・・
雑談アリって事でいいんじゃないでしょうか？
中身は基本的にjavaスクリプトだけど
数レス程度はみだしてもおｋでは？
どこでもそうだろ
そんなにカチコチがいいんなら自分でスレ立てればいいと思うよ
ハイレベルな解答ができなければ寒くて誰も近寄らないがｗｗｗ
スレタイにjavascriptって書いてあるんだから余計な心配だと思うよ
雑談アリって事でいいんじゃないでしょうか？
中身は基本的にjavaスクリプトだけど
数レス程度はみだしてもおｋでは？
どこでもそうだろ
そんなにカチコチがいいんなら自分でスレ立てればいいと思うよ
ハイレベルな解答ができなければ寒くて誰も近寄らないがｗｗｗ
スレタイにjavascriptって書いてあるんだから余計な心配だと思うよ
105 ：Name_Not_Found：2008/04/02(水) 14:33:33 ID:???
106 ： ◆.PT9876/4U ：2008/04/02(水) 18:38:54 ID:Wf2cgTQK
>>102
" 自宅ｐｃ内のファイル整理" に Apach or ANHTTPD ?
ああた, どういう人なの ? (判ってるのか, そうでないのか サパーリ)
まあ, 自己解決できるのなら それはそれでいいんだけど.
ともかく頑張ってね.
>>103
僕はスレヌシではありません. (単なる間借り人)
かつて あったスレッドを復活させようとしているだけ.
そもそも僕だけが答えるのなら 2ch である必要はないですよねぇ.
(nifty 用 2ch 風掲示板 script があるので, それを利用するとか.)
でも, それだと誰も集まらない !
協力者あっての スレッドなのですよん.
>必要の無い、或いは無関係なレスでログが流れ
一つのスレッドでは解決できない様相を呈しているときもあります.
でも, それはこういった方針を取る宿命かと...
本流と同じ方針を取るのなら, 単なる重複スレッドに過ぎず存在意義もないかと.
>「何でもあり」にすると無法地帯と化すのではないか
その危険性は大いにあります.
ですが, それを承知の上で あえてやっているので.
って, そもそも 2ch は無法地帯なのだ.
(有意義なスレッドが多数あるのも事実ですが, そもそもは けんか道場かと)
" 自宅ｐｃ内のファイル整理" に Apach or ANHTTPD ?
ああた, どういう人なの ? (判ってるのか, そうでないのか サパーリ)
まあ, 自己解決できるのなら それはそれでいいんだけど.
ともかく頑張ってね.
>>103
僕はスレヌシではありません. (単なる間借り人)
かつて あったスレッドを復活させようとしているだけ.
そもそも僕だけが答えるのなら 2ch である必要はないですよねぇ.
(nifty 用 2ch 風掲示板 script があるので, それを利用するとか.)
でも, それだと誰も集まらない !
協力者あっての スレッドなのですよん.
>必要の無い、或いは無関係なレスでログが流れ
一つのスレッドでは解決できない様相を呈しているときもあります.
でも, それはこういった方針を取る宿命かと...
本流と同じ方針を取るのなら, 単なる重複スレッドに過ぎず存在意義もないかと.
>「何でもあり」にすると無法地帯と化すのではないか
その危険性は大いにあります.
ですが, それを承知の上で あえてやっているので.
って, そもそも 2ch は無法地帯なのだ.
(有意義なスレッドが多数あるのも事実ですが, そもそもは けんか道場かと)
107 ： ◆.PT9876/4U ：2008/04/02(水) 18:48:28 ID:Wf2cgTQK
>>104
>雑談アリって事でいいんじゃないでしょうか？
同感です.
ただ, 質問が集中して来ると訳ワカメになる傾向があるのが欠点ですが.
(そんなときは無駄口を省かざるを得ないです)
どうでもいいけど, "一件落着" の快感を味わいたいですねぇ.
>雑談アリって事でいいんじゃないでしょうか？
同感です.
ただ, 質問が集中して来ると訳ワカメになる傾向があるのが欠点ですが.
(そんなときは無駄口を省かざるを得ないです)
どうでもいいけど, "一件落着" の快感を味わいたいですねぇ.
108 ：Name_Not_Found：2008/04/02(水) 20:45:42 ID:???
どうでもいいけどもっとマシなコードを書けるようになって下さい
109 ：Name_Not_Found：2008/04/02(水) 21:43:30 ID:GTaFzZM8
すみません、このスレで良いのかどうかも微妙なんですが・・・
ttp://www.conradtokyo.co.jp/
のページのフラッシュ領域の下、新着情報が表示されてる部分。
GUEST ROOMS、RESTAURANT&BARS、WEDDINGのタブをクリックすると
その下だけ読み込みされるんですが、これはどのようにやれば良いんでしょう？
iframeではないようで・・・。
一応、「スクリプト ページ 一部 読み込み」などでググってはみたのですが、
それらしい情報がみつかりませんでした。
そもそもこの効果がjavaスクリプトかどうかも怪しいのですが、せめて検索に有効な単語
でもわかれば・・・と思いまして。
よろしくお願いします。
ttp://www.conradtokyo.co.jp/
のページのフラッシュ領域の下、新着情報が表示されてる部分。
GUEST ROOMS、RESTAURANT&BARS、WEDDINGのタブをクリックすると
その下だけ読み込みされるんですが、これはどのようにやれば良いんでしょう？
iframeではないようで・・・。
一応、「スクリプト ページ 一部 読み込み」などでググってはみたのですが、
それらしい情報がみつかりませんでした。
そもそもこの効果がjavaスクリプトかどうかも怪しいのですが、せめて検索に有効な単語
でもわかれば・・・と思いまして。
よろしくお願いします。
110 ：Name_Not_Found：2008/04/02(水) 22:59:20 ID:???
なるほど。
てことはGUEST ROOMS、RESTAURANT&BARS、WEDDING3つそれぞれの内容を作っておいて
クリックされた時に指定領域の中に表示させてるてコトですね？
・・・と言ってはみたものの、具体的にどうしたらいいやらさっぱりわかりません。。。
てことはGUEST ROOMS、RESTAURANT&BARS、WEDDING3つそれぞれの内容を作っておいて
クリックされた時に指定領域の中に表示させてるてコトですね？
・・・と言ってはみたものの、具体的にどうしたらいいやらさっぱりわかりません。。。
113 ： ◆.PT9876/4U ：2008/04/02(水) 23:13:43 ID:Wf2cgTQK
>109
とりあえず, ここでの質問には制限なしです.
(答えられないときは正直に白状します)
>iframeではなようで
･ソースを見れば おおよその見当がつきます:
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" style="border-left:1px solid #515151" onfocus="this.blur()">GUEST ROOMS</li>
<li class="TabbedPanelsTab" onfocus="this.blur()">RESTAURANTS & BARS</li>
<li class="TabbedPanelsTab" onfocus="this.blur()">WEDDINGS</li>
</ul>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript">
･怪しいところを Googlo Search:
www.google.co.jp/search?hl=ja&q=SpryTabbedPanels.js&btnG=Google+%E6%A4%9C%E7%B4%A2&lr=lang_en%7Clang_ja
とりあえず, ここでの質問には制限なしです.
(答えられないときは正直に白状します)
>iframeではなようで
･ソースを見れば おおよその見当がつきます:
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" style="border-left:1px solid #515151" onfocus="this.blur()">GUEST ROOMS</li>
<li class="TabbedPanelsTab" onfocus="this.blur()">RESTAURANTS & BARS</li>
<li class="TabbedPanelsTab" onfocus="this.blur()">WEDDINGS</li>
</ul>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript">
･怪しいところを Googlo Search:
www.google.co.jp/search?hl=ja&q=SpryTabbedPanels.js&btnG=Google+%E6%A4%9C%E7%B4%A2&lr=lang_en%7Clang_ja
114 ：109：2008/04/02(水) 23:30:01 ID:GTaFzZM8
>>113さん
あぁぁぁｌ・・・・スミマセン。
ulね・・・liね・・・と流してしまっていてID名まで良く確認してませんでした。
突如ムチャ振りされて焦っていたもので。。。
これがSpryシリーズ(?)ってやつですか・・・。
で、あとは各タブに置いた画像にa:hoverで別画像をあててやれば良いってことですね。
ゴニョゴニョやってみます。
ありがとうございましたー！
あぁぁぁｌ・・・・スミマセン。
ulね・・・liね・・・と流してしまっていてID名まで良く確認してませんでした。
突如ムチャ振りされて焦っていたもので。。。
これがSpryシリーズ(?)ってやつですか・・・。
で、あとは各タブに置いた画像にa:hoverで別画像をあててやれば良いってことですね。
ゴニョゴニョやってみます。
ありがとうございましたー！
115 ：Name_Not_Found：2008/04/04(金) 08:06:39 ID:TvAIhnpM
var txt = "あああ\nいいい<>ううう\nえええ\nおおお<>かかか\nききき";
この文字列で<>に挟まれている部分以外の「\n」を「<br />\n」に置き換えたいのですが、
正規表現で実現できるでしょうか？
もしくは挟まれている部分の「\n」だけを削除する方法はありますでしょうか？
調べ方が悪いのか検索かけてもそれらしい情報を見つけられませんでした。
お願いします。
この文字列で<>に挟まれている部分以外の「\n」を「<br />\n」に置き換えたいのですが、
正規表現で実現できるでしょうか？
もしくは挟まれている部分の「\n」だけを削除する方法はありますでしょうか？
調べ方が悪いのか検索かけてもそれらしい情報を見つけられませんでした。
お願いします。
116 ： ◆.PT9876/4U ：2008/04/04(金) 12:10:33 ID:EYdkzWkX
>>115
掲示板 CGI で良くある処理ですねぇ～. (というか, 必ず やる処理)
>「\n」を「<br />\n」に置き換えたい
これって UNIX 系 OS 以外は対象外になるんですけどぉ～.
(承知の上でやってるのかなぁ ?)
>正規表現で実現できるでしょうか？
Yes !
var lb=u.match(/\x0D|\x0A|\x0D\x0A/);
もしくは
var lb=u.match(/\n|\r|\n\r/);
その後で
var lines=txt.split(lb);
とすれば "lines" の中には改行文字以前の文字列(群)が...
あなたは これだけで先に進める人だと予想しています.
(もしも解らなければ その旨 申し出てください)
>検索かけてもそれらしい情報を見つけられませんでした
JavaScript で このような処理をすることは 少ないですからねぇ.
CGI をいじれる人に取っては当たり前のことだし,
素人相手のサイトだとサンプルとしての押しが弱いってことでしょう.
掲示板 CGI で良くある処理ですねぇ～. (というか, 必ず やる処理)
>「\n」を「<br />\n」に置き換えたい
これって UNIX 系 OS 以外は対象外になるんですけどぉ～.
(承知の上でやってるのかなぁ ?)
>正規表現で実現できるでしょうか？
Yes !
var lb=u.match(/\x0D|\x0A|\x0D\x0A/);
もしくは
var lb=u.match(/\n|\r|\n\r/);
その後で
var lines=txt.split(lb);
とすれば "lines" の中には改行文字以前の文字列(群)が...
あなたは これだけで先に進める人だと予想しています.
(もしも解らなければ その旨 申し出てください)
>検索かけてもそれらしい情報を見つけられませんでした
JavaScript で このような処理をすることは 少ないですからねぇ.
CGI をいじれる人に取っては当たり前のことだし,
素人相手のサイトだとサンプルとしての押しが弱いってことでしょう.
117 ： ◆.PT9876/4U ：2008/04/04(金) 12:14:07 ID:EYdkzWkX
118 ：Name_Not_Found：2008/04/04(金) 13:09:52 ID:???
>>115
<>で挟まれた"ううう\nえええ\nおおお"の部分は除外したいという事かな?
var pieces = txt.split( '<>' );
var range = [pieces[0].length, pieces[0].length+pieces[1].length+4];
var newTxt = txt.replace( /\n/g, function(str,index) { return (index<range[0]||index>=range[1] ? '<br />\n' :str); } );
これでも出来るけど、txt.split( '<>' )で分けた後で、
配列の1番目と3番目だけ正規表現で\nを変換した後に、
join('<>')で文字列に戻すって方がシンプルで良さそうだけど。
<>で挟まれた"ううう\nえええ\nおおお"の部分は除外したいという事かな?
var pieces = txt.split( '<>' );
var range = [pieces[0].length, pieces[0].length+pieces[1].length+4];
var newTxt = txt.replace( /\n/g, function(str,index) { return (index<range[0]||index>=range[1] ? '<br />\n' :str); } );
これでも出来るけど、txt.split( '<>' )で分けた後で、
配列の1番目と3番目だけ正規表現で\nを変換した後に、
join('<>')で文字列に戻すって方がシンプルで良さそうだけど。
>>116-118
どうもありがとうございます。
お陰様で実装することが出来ました、感謝です。
>>116では改行コードのことも考慮に入れてもらって、大変参考になりました。
実はテキストエリアの内容をリアルタイムでプレビューする機能を作っていまして、
なるべくシンプルな動作にしたかったため、txt.split( '<>' );→\n変換→join('<>')という形で組み込みました。
蛇足な事後報告すみません、非常に嬉しかったもので。
>>116さん>>118さん、本当に助かりました！
どうもありがとうございます。
お陰様で実装することが出来ました、感謝です。
>>116では改行コードのことも考慮に入れてもらって、大変参考になりました。
実はテキストエリアの内容をリアルタイムでプレビューする機能を作っていまして、
なるべくシンプルな動作にしたかったため、txt.split( '<>' );→\n変換→join('<>')という形で組み込みました。
蛇足な事後報告すみません、非常に嬉しかったもので。
>>116さん>>118さん、本当に助かりました！
120 ： ◆.PT9876/4U ：2008/04/11(金) 07:37:54 ID:fSK1W8QS
僕は知っている.
このスレッドに誘導してくれている人がいることを.
でも, なぜか質問に来る人がいないのが現状.
なぜなんだろ?
このスレッドに誘導してくれている人がいることを.
でも, なぜか質問に来る人がいないのが現状.
なぜなんだろ?
121 ：Name_Not_Found：2008/04/11(金) 18:17:56 ID:nO37MGyk
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="src/scriptaculous.js"></script>
<script type="text/javascript"><!--
window.onload = function() {Sortable.create('menu');}
function serialize() {alert(Sortable.serialize('menu'));return false;}
// -->
</script>
<ul id="menu">
<li id="menu_1">メニュー1</li>
<li id="menu_2">メニュー2</li>
<li id="menu_3">メニュー3</li>
<li id="menu_4">メニュー4</li>
<li id="menu_5">メニュー5</li>
</ul>
でメニューの順番を保存する方法を聞いたのですがわけ分からないのでこちらに来ました。
貰った回答は、
Sortable.serialize('menu'))で得られた文字列を 次の関数の引数にする
function deserialize(cookieStr) {
var list = cookieStr.split('&'), seq = [];
for(var i = 0; i < list.length; i++){
seq.push(list[i].split('=')[1]); }
Sortable.setSequence('menu', seq.reverse()); };
とのことですが理解不能でした。
<script type="text/javascript" src="src/scriptaculous.js"></script>
<script type="text/javascript"><!--
window.onload = function() {Sortable.create('menu');}
function serialize() {alert(Sortable.serialize('menu'));return false;}
// -->
</script>
<ul id="menu">
<li id="menu_1">メニュー1</li>
<li id="menu_2">メニュー2</li>
<li id="menu_3">メニュー3</li>
<li id="menu_4">メニュー4</li>
<li id="menu_5">メニュー5</li>
</ul>
でメニューの順番を保存する方法を聞いたのですがわけ分からないのでこちらに来ました。
貰った回答は、
Sortable.serialize('menu'))で得られた文字列を 次の関数の引数にする
function deserialize(cookieStr) {
var list = cookieStr.split('&'), seq = [];
for(var i = 0; i < list.length; i++){
seq.push(list[i].split('=')[1]); }
Sortable.setSequence('menu', seq.reverse()); };
とのことですが理解不能でした。
122 ： ◆.PT9876/4U ：2008/04/11(金) 19:10:42 ID:fSK1W8QS
>>121
いらっしゃいませ～ !
>メニューの順番を保存する方法
cookie に記録するデータの format をいかにするかがポイントでしょうねぇ.
>わけ分からないのでこちらに来ました
動作確認をしてみましたか ?
具体的に何がどう解らないのかを詳しく書いてください.
(あちらと違って, こちらは質問についての制限が一切ない代わりに
色々と確認することが必要となるのです)
いらっしゃいませ～ !
>メニューの順番を保存する方法
cookie に記録するデータの format をいかにするかがポイントでしょうねぇ.
>わけ分からないのでこちらに来ました
動作確認をしてみましたか ?
具体的に何がどう解らないのかを詳しく書いてください.
(あちらと違って, こちらは質問についての制限が一切ない代わりに
色々と確認することが必要となるのです)
123 ：Name_Not_Found：2008/04/11(金) 20:15:31 ID:nO37MGyk
Cookieについては分かるのですが、
動作確認をするどころがどう組めばいいのかが分からないです
動作確認をするどころがどう組めばいいのかが分からないです
124 ： ◆.PT9876/4U ：2008/04/11(金) 20:35:00 ID:fSK1W8QS
>>123
僕はあちらのほうも見てますが, 話の流れがつかめまてません.
めんどうでも "何がしたいのか" を書き出してください.
(見たところ list の並び替えのようですが 操作部分が見えて来ません)
あと, もう一点 :
あなたの実力. (ある程度書けるとか, ある程度読める とか...)
僕はあちらのほうも見てますが, 話の流れがつかめまてません.
めんどうでも "何がしたいのか" を書き出してください.
(見たところ list の並び替えのようですが 操作部分が見えて来ません)
あと, もう一点 :
あなたの実力. (ある程度書けるとか, ある程度読める とか...)
125 ：Name_Not_Found：2008/04/11(金) 21:02:11 ID:???
メニューが並び変えるのは便利なのですが、それだけだと何の意味もないので
Cookieで保存して次見た時も並び変えられた状態で表示させたいのです。
どう組めば動作確認出来るのか、その動作まで行きません。
Sortable.serialize('menu')で文字をどうやって得るのか、そこが分からないです
Cookieで保存して次見た時も並び変えられた状態で表示させたいのです。
どう組めば動作確認出来るのか、その動作まで行きません。
Sortable.serialize('menu')で文字をどうやって得るのか、そこが分からないです
126 ： ◆.PT9876/4U ：2008/04/11(金) 21:14:14 ID:fSK1W8QS
>125
>メニューが並び変えるのは便利なのですが
ようは list の順番を並び替えたいのでしょ ?
だったら, どうやって並び替えるのかな ?
(たとえば Drag&Drop でやるとか...) <- やってやれないことはないだろう
面倒だけど ...
それと prototype.js とかの たぐいは使ったことがありません.
(そういったたぐいのものを使うよりも自作するのが好きなので)
どうしても "やれ !" ということならば それなりの時間を要することでしょう.
>メニューが並び変えるのは便利なのですが
ようは list の順番を並び替えたいのでしょ ?
だったら, どうやって並び替えるのかな ?
(たとえば Drag&Drop でやるとか...) <- やってやれないことはないだろう
面倒だけど ...
それと prototype.js とかの たぐいは使ったことがありません.
(そういったたぐいのものを使うよりも自作するのが好きなので)
どうしても "やれ !" ということならば それなりの時間を要することでしょう.
127 ：Name_Not_Found：2008/04/11(金) 21:35:35 ID:???
一応Drag&Drop出来るようなソースなんですがー…
どうしてもじゃないと出来ないような難しいものだったのならあきらめます…
無駄なお時間ありでした
どうしてもじゃないと出来ないような難しいものだったのならあきらめます…
無駄なお時間ありでした
128 ： ◆.PT9876/4U ：2008/04/11(金) 21:54:10 ID:fSK1W8QS
>>127
1. list の並び替え (D&D)
2. 並び替えた順番を cookie に記録
3. onload で cookie を読み取り順番を再現
これだけの条件でサンプル作るってのでどう ?
(ちと時間は掛るだろうけど...)
それを見てからの話で いいのでは ?
1. list の並び替え (D&D)
2. 並び替えた順番を cookie に記録
3. onload で cookie を読み取り順番を再現
これだけの条件でサンプル作るってのでどう ?
(ちと時間は掛るだろうけど...)
それを見てからの話で いいのでは ?
129 ：Name_Not_Found：2008/04/11(金) 22:20:20 ID:???
わかりました。
ありがとうございます
ありがとうございます
130 ： ◆.PT9876/4U ：2008/04/11(金) 22:35:15 ID:fSK1W8QS
>>129
土日でなんとか かっこが付くようにがんばる.
･ 参考: 昔作った Drag&Drop のサンプル (がらくた)
homepage2.nifty.com/alter/samples/misc/DragDrop/exam.html
土日でなんとか かっこが付くようにがんばる.
･ 参考: 昔作った Drag&Drop のサンプル (がらくた)
homepage2.nifty.com/alter/samples/misc/DragDrop/exam.html
131 ：Name_Not_Found：2008/04/12(土) 01:39:51 ID:???
>>121
JavaScriptを勉強したいというより、
とりあえず動く事が必要なようなのでコードだけ。
<script type="text/javascript">
<!--
function setCookie() {
document.cookie = 'n00b='+encodeURIComponent( Sortable.serialize('menu').replace(/[^\&]*=/g,'') );
}
window.onload = function() {
Sortable.create( 'menu', {'onUpdate':setCookie} );
var cookieArray = document.cookie.match('n00b=([^;]*)');
if ( cookieArray )
Sortable.setSequence('menu', decodeURIComponent(cookieArray[1]).split('&') );
}
-->
</script>
JavaScriptを勉強したいというより、
とりあえず動く事が必要なようなのでコードだけ。
<script type="text/javascript">
<!--
function setCookie() {
document.cookie = 'n00b='+encodeURIComponent( Sortable.serialize('menu').replace(/[^\&]*=/g,'') );
}
window.onload = function() {
Sortable.create( 'menu', {'onUpdate':setCookie} );
var cookieArray = document.cookie.match('n00b=([^;]*)');
if ( cookieArray )
Sortable.setSequence('menu', decodeURIComponent(cookieArray[1]).split('&') );
}
-->
</script>
132 ：Name_Not_Found：2008/04/12(土) 01:43:37 ID:???
上のコードではCookieの有効期間は現在のセッションになっているので、
>Cookieについては分かるのですが、
らしいので、Cookieの有効期限は適当に設定して下さい。
>Cookieについては分かるのですが、
らしいので、Cookieの有効期限は適当に設定して下さい。
133 ： ◆.PT9876/4U ：2008/04/12(土) 07:14:32 ID:WZvANyQQ
何のことやら さっぱり解らなかった...
そこで "scriptaculous.js" で GoogleSearch.
実動サンプル発見:
wiki.script.aculo.us/scriptaculous/page/print/SortableListsDemo
これを解析して改造すれば...
まさか, 質問内容の解析が必要になるとは... (やれやれ)
>>131-132
書き出されたソースを見て理解できるような(勘の良い)質問者ではなさそう.
(それを承知の上の回答でしょうが...)
そこで "scriptaculous.js" で GoogleSearch.
実動サンプル発見:
wiki.script.aculo.us/scriptaculous/page/print/SortableListsDemo
これを解析して改造すれば...
まさか, 質問内容の解析が必要になるとは... (やれやれ)
>>131-132
書き出されたソースを見て理解できるような(勘の良い)質問者ではなさそう.
(それを承知の上の回答でしょうが...)
134 ：Name_Not_Found：2008/04/12(土) 10:46:19 ID:???
>>131様ので直感でやってみたら、Firebugに
options has no properties dragdrop.js Line 934
と吐かれてしまいました・・・
そして並び変えも出来なくなったようです。
options has no properties dragdrop.js Line 934
と吐かれてしまいました・・・
そして並び変えも出来なくなったようです。
135 ：Name_Not_Found：2008/04/12(土) 13:18:07 ID:???
>>134
>>131の使用バージョンは、
prototype.js 1.6.0.2
scriptaculous 1.8.1
Firebugを使えるなら、
dragdrop.jsの734行目、
this.sortables[element.id] = options;
にBreakpointを置き、element.idに"menu"が設定されていて、optionsが空で無いのを確認。
それが問題無いなら、930行目、
var options = Object.extend(Sortable.options(element), arguments[1] || { });
のBreakpointからStep IntoでSortable.optionsへ行き、
return Sortable.sortables[element.id];
で空で無いobjectが返されるのかを確認。
>>131の使用バージョンは、
prototype.js 1.6.0.2
scriptaculous 1.8.1
Firebugを使えるなら、
dragdrop.jsの734行目、
this.sortables[element.id] = options;
にBreakpointを置き、element.idに"menu"が設定されていて、optionsが空で無いのを確認。
それが問題無いなら、930行目、
var options = Object.extend(Sortable.options(element), arguments[1] || { });
のBreakpointからStep IntoでSortable.optionsへ行き、
return Sortable.sortables[element.id];
で空で無いobjectが返されるのかを確認。
136 ：Name_Not_Found：2008/04/12(土) 13:50:33 ID:???
ブ、ブレークポイントってどう使うんでしょうか？
137 ：Name_Not_Found：2008/04/12(土) 14:07:06 ID:???
>>136
FirebugのScriptタブでdragdrop.jsを選択し、
目的の行番号をクリック。
ttp://www.getfirebug.com/screenScript-breakpoint.gif
FirebugのScriptタブでdragdrop.jsを選択し、
目的の行番号をクリック。
ttp://www.getfirebug.com/screenScript-breakpoint.gif
138 ：Name_Not_Found：2008/04/12(土) 14:34:27 ID:???
クリックしたら、○がつきましたが、
この後どうすればいいのでしょうか…
この後どうすればいいのでしょうか…
139 ：Name_Not_Found：2008/04/12(土) 18:22:06 ID:???
気の長い話だね…
140 ： ◆.PT9876/4U ：2008/04/13(日) 11:49:04 ID:+GJtYLtD
"scriptaculous.js" をダウンロードして text-editor で開く...
ぎゃぼ～ん ＼(@@)／
この話なかったことにしてくだせ～
ぎゃぼ～ん ＼(@@)／
この話なかったことにしてくだせ～
141 ：Name_Not_Found：2008/04/13(日) 12:04:04 ID:???
>>138
734行目に○が付いた後にページを再読み込みすると、
その○が、○の中に黄色い▽が描かれたアイコンに変わって実行が734行目で停止中となる。
この状態で、
this.sortables[element.id] = options;
の、element.idの上にマウスポインタを移動すると、"ul#menu"というtooltipが表示され、
同様にoptionsの上では、"Object element=ul#menu..."と表示される。
正常な動作ならこのような表示になるはず。
734行目に○が付いた後にページを再読み込みすると、
その○が、○の中に黄色い▽が描かれたアイコンに変わって実行が734行目で停止中となる。
この状態で、
this.sortables[element.id] = options;
の、element.idの上にマウスポインタを移動すると、"ul#menu"というtooltipが表示され、
同様にoptionsの上では、"Object element=ul#menu..."と表示される。
正常な動作ならこのような表示になるはず。
142 ：Name_Not_Found：2008/04/13(日) 12:06:41 ID:???
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="src/scriptaculous.js"></script>
<script type="text/javascript">
function setCookie() {
document.cookie = 'n00b='+encodeURIComponent( Sortable.serialize('menu').replace(/[^\&]*=/g,'') );
}
window.onload = function() {
Sortable.create( 'menu', {'onUpdate':setCookie} );
var cookieArray = document.cookie.match('n00b=([^;]*)');
if ( cookieArray )
Sortable.setSequence('menu', decodeURIComponent(cookieArray[1]).split('&') );
}
</script>
<style type="text/css">
ul {margin-left : 0;padding-left : 0;}
li {padding : 2px 5px;margin-bottom : 1px;border : 1px solid #ff0000;background-color : #ffeeee;list-style-type : none;cursor : move;}
</style></head>
<body>
<ul id="menu">
<li id="menu_a1">メニュー1</li><li id="menu_a2">メニュー2</li><li id="menu_a3">メニュー3</li><li id="menu_a4">メニュー4</li><li id="menu_a5">メニュー5</li>
</ul>
</body></html>
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="src/scriptaculous.js"></script>
<script type="text/javascript">
function setCookie() {
document.cookie = 'n00b='+encodeURIComponent( Sortable.serialize('menu').replace(/[^\&]*=/g,'') );
}
window.onload = function() {
Sortable.create( 'menu', {'onUpdate':setCookie} );
var cookieArray = document.cookie.match('n00b=([^;]*)');
if ( cookieArray )
Sortable.setSequence('menu', decodeURIComponent(cookieArray[1]).split('&') );
}
</script>
<style type="text/css">
ul {margin-left : 0;padding-left : 0;}
li {padding : 2px 5px;margin-bottom : 1px;border : 1px solid #ff0000;background-color : #ffeeee;list-style-type : none;cursor : move;}
</style></head>
<body>
<ul id="menu">
<li id="menu_a1">メニュー1</li><li id="menu_a2">メニュー2</li><li id="menu_a3">メニュー3</li><li id="menu_a4">メニュー4</li><li id="menu_a5">メニュー5</li>
</ul>
</body></html>
143 ：Name_Not_Found：2008/04/13(日) 12:09:08 ID:???
144 ： ◆.PT9876/4U ：2008/04/13(日) 13:51:44 ID:+GJtYLtD
145 ：Name_Not_Found：2008/04/13(日) 17:37:54 ID:???
手取り足取りお願いします(´･ω･`)
下記のようなセレクトメニューで
最初のセレクトで選んだ内容によってもう一方の中身を絞り込みたいのですがどうしたらいいでしょうか？
例）商品Bを選んだ際はBBB,BBB2,BBB3だけを表示
-----------------------------------------------
<select>
<option value="">
<option value="1"> 商品A
<option value="2"> 商品B
<option value="3"> 商品C
<option value="10"> その他
</select>
<select>
<option value="">
<option value="1"> ＡＡＡ
<option value="2"> ＢＢＢ
<option value="2"> ＢＢＢ2
<option value="2"> ＢＢＢ3
<option value="3"> ＣＣＣ
<option value="3"> ＣＣＣ2
</select>
下記のようなセレクトメニューで
最初のセレクトで選んだ内容によってもう一方の中身を絞り込みたいのですがどうしたらいいでしょうか？
例）商品Bを選んだ際はBBB,BBB2,BBB3だけを表示
-----------------------------------------------
<select>
<option value="">
<option value="1"> 商品A
<option value="2"> 商品B
<option value="3"> 商品C
<option value="10"> その他
</select>
<select>
<option value="">
<option value="1"> ＡＡＡ
<option value="2"> ＢＢＢ
<option value="2"> ＢＢＢ2
<option value="2"> ＢＢＢ3
<option value="3"> ＣＣＣ
<option value="3"> ＣＣＣ2
</select>
146 ：Name_Not_Found：2008/04/13(日) 18:16:22 ID:+GJtYLtD
>>145
まずは MENU をごらんになり, お好きな option を お選びくださいませ.
-------< MENU >-------
1. ヒントだけで良い
2. 完動するサンプルがほしい.
まずは MENU をごらんになり, お好きな option を お選びくださいませ.
-------< MENU >-------
1. ヒントだけで良い
2. 完動するサンプルがほしい.
147 ：Name_Not_Found：2008/04/13(日) 18:49:03 ID:???
>>146
できることなら２がいいです…
できることなら２がいいです…
148 ：Name_Not_Found：2008/04/13(日) 19:11:31 ID:+GJtYLtD
>>147
典型的な 2段 select のパターンなんだけど,
通常は "絞り込み" というよりも
1段目がカテゴリーの選択で それに呼応して
2段目の options が決まる形になるんじゃないかなぁ ?
( "絞り込み" という形でもできないことはないけれど
条件をきっちり決めないと作れない)
>>145 の例で言うと "A or B or C と言う文字が含まれる" かどうかが
判断材料となるだろうけど, これでいいのかな ?
典型的な 2段 select のパターンなんだけど,
通常は "絞り込み" というよりも
1段目がカテゴリーの選択で それに呼応して
2段目の options が決まる形になるんじゃないかなぁ ?
( "絞り込み" という形でもできないことはないけれど
条件をきっちり決めないと作れない)
>>145 の例で言うと "A or B or C と言う文字が含まれる" かどうかが
判断材料となるだろうけど, これでいいのかな ?
149 ：Name_Not_Found：2008/04/13(日) 19:48:35 ID:???
150 ：Name_Not_Found：2008/04/13(日) 19:59:10 ID:+GJtYLtD
>>149
了解.
とりあえず, それらしいものを作ってみる.
(比較的頻繁に書き換える必要が生ずるのが この手の物のキモであり,
色々なアプローチが考えられる.
したがって 少しずつ細かいところを まさに絞り込んで行かないと完成しない.)
了解.
とりあえず, それらしいものを作ってみる.
(比較的頻繁に書き換える必要が生ずるのが この手の物のキモであり,
色々なアプローチが考えられる.
したがって 少しずつ細かいところを まさに絞り込んで行かないと完成しない.)
151 ：Name_Not_Found：2008/04/13(日) 21:22:33 ID:+GJtYLtD
>>149
Sample:
homepage2.nifty.com/alter/exam/exam.html
JS:
homepage2.nifty.com/alter/exam/exam.js
･ 2段目の変化に対応する動作はありません
(単に連動するだけのサンプル)
Sample:
homepage2.nifty.com/alter/exam/exam.html
JS:
homepage2.nifty.com/alter/exam/exam.js
･ 2段目の変化に対応する動作はありません
(単に連動するだけのサンプル)
152 ：Name_Not_Found：2008/04/13(日) 22:14:22 ID:???
153 ：Name_Not_Found：2008/04/14(月) 00:13:12 ID:???
154 ：Name_Not_Found：2008/04/14(月) 01:36:27 ID:???
◆.PT9876/4Uさん
ご活躍のようで私も嬉しいです^^
以前こちらでファイル操作の事でお伺いしたものです
私のほうは全然進まない足踏み状態なので
こちらへ戻ってくるのはまだ先になりそうなのですが
いずれジャバスクリプトも覚えてみたいです
ジャバスクリプトとJスクリプトとはまた別なのでしょうか？
よくわからないんですがJスクリプトとはファイルの読み書き出来るのかな？
ちょっとスレ違いなので自分でググって見ます^^;
ファイル操作のきっかけはこちらで教えてくれたのでここは私の故郷ですよ^^;
私が帰ってくるまで守ってて下さいね
その頃には少しはパソコンのことわかるようになって戻ってきます(｀・ω・´)
んじゃ
オヤシミ ノシ
ご活躍のようで私も嬉しいです^^
以前こちらでファイル操作の事でお伺いしたものです
私のほうは全然進まない足踏み状態なので
こちらへ戻ってくるのはまだ先になりそうなのですが
いずれジャバスクリプトも覚えてみたいです
ジャバスクリプトとJスクリプトとはまた別なのでしょうか？
よくわからないんですがJスクリプトとはファイルの読み書き出来るのかな？
ちょっとスレ違いなので自分でググって見ます^^;
ファイル操作のきっかけはこちらで教えてくれたのでここは私の故郷ですよ^^;
私が帰ってくるまで守ってて下さいね
その頃には少しはパソコンのことわかるようになって戻ってきます(｀・ω・´)
んじゃ
オヤシミ ノシ
<html>
<head>
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="src/scriptaculous.js"></script>
<script type="text/javascript">
var expires = new Date();
expires.setDate(expires.getDate()+30);
function setCookie(){
var cookieStr = 'n00b=' + encodeURIComponent(Sortable.serialize('menu').replace(/[^\&]*=/g,''));
cookieStr += expires ? "expires=" + expires.toGMTString() : "";
document.cookie = cookieStr;
}
window.onload = function(){
Sortable.create('menu',{'onUpdate':setCookie});
var cookieArray = document.cookie.match('n00b=([^;]*)');
if(cookieArray)
Sortable.setSequence('menu',decodeURIComponent(cookieArray[1]).split('&'));
}
</script>
<style type="text/css">
ul {margin-left : 0;padding-left : 0;}
li {padding : 2px 5px;margin-bottom : 1px;border : 1px solid #ff0000;background-color : #ffeeee;list-style-type : none;cursor : move;}
</style></head><body>
<ul id="menu">
<li id="menu_a1">メニュー1<li id="menu_a2">メニュー2<li id="menu_a3">メニュー3<li id="menu_a4">メニュー4<li id="menu_a5">メニュー5
</ul>
</body></html>
こんな感じで有効期限を(30日後まで)決めようとしたのですが、
ブラウザを閉じると元に戻るし、しかもここが一番分からないところなのですが
なぜか並び変えて更新すると一つずつ消えていくです。
<head>
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="src/scriptaculous.js"></script>
<script type="text/javascript">
var expires = new Date();
expires.setDate(expires.getDate()+30);
function setCookie(){
var cookieStr = 'n00b=' + encodeURIComponent(Sortable.serialize('menu').replace(/[^\&]*=/g,''));
cookieStr += expires ? "expires=" + expires.toGMTString() : "";
document.cookie = cookieStr;
}
window.onload = function(){
Sortable.create('menu',{'onUpdate':setCookie});
var cookieArray = document.cookie.match('n00b=([^;]*)');
if(cookieArray)
Sortable.setSequence('menu',decodeURIComponent(cookieArray[1]).split('&'));
}
</script>
<style type="text/css">
ul {margin-left : 0;padding-left : 0;}
li {padding : 2px 5px;margin-bottom : 1px;border : 1px solid #ff0000;background-color : #ffeeee;list-style-type : none;cursor : move;}
</style></head><body>
<ul id="menu">
<li id="menu_a1">メニュー1<li id="menu_a2">メニュー2<li id="menu_a3">メニュー3<li id="menu_a4">メニュー4<li id="menu_a5">メニュー5
</ul>
</body></html>
こんな感じで有効期限を(30日後まで)決めようとしたのですが、
ブラウザを閉じると元に戻るし、しかもここが一番分からないところなのですが
なぜか並び変えて更新すると一つずつ消えていくです。
156 ：Name_Not_Found：2008/04/15(火) 00:50:28 ID:???
>>155
"expires="の前にセミコロンが無いので、expires以降の文字列もcookie値として認識されてしまうから。
メニューアイテムが消えるのも、最後の指定がexipresを含む無効な値である為。
cookieStr += expires ? "; expires=" + expires.toGMTString() : "";
あとCookieのkey名のn00bは一種の悪い冗談なので、実際の運用時には変更する事をお勧め。
"expires="の前にセミコロンが無いので、expires以降の文字列もcookie値として認識されてしまうから。
メニューアイテムが消えるのも、最後の指定がexipresを含む無効な値である為。
cookieStr += expires ? "; expires=" + expires.toGMTString() : "";
あとCookieのkey名のn00bは一種の悪い冗談なので、実際の運用時には変更する事をお勧め。
157 ： ◆.PT9876/4U ：2008/04/15(火) 06:05:51 ID:aPNaApFu
>>154
>私のほうは全然進まない足踏み状態なので
なぜ? どうして?
>いずれジャバスクリプトも覚えてみたいです
"いずれ" と言う部分が引っかかります.
(僕の場合は その昔の Dion の掲示板 template の改造のため,
避けて通れなかったためです.
必死になってあれこれやっているうちに...)
>ジャバスクリプトとJスクリプトとはまた別なのでしょうか？
JScript は JavaScript に M$ の独自拡張が加えられた代物です.
その "独自拡張" のせいで JScript 記述の virus が蔓延したことがあったとか.
(web-page を見ただけで感染するので凶悪)
そもそもは IE を OS の仕様に取り込んでしまった M$ が悪い.
>私のほうは全然進まない足踏み状態なので
なぜ? どうして?
>いずれジャバスクリプトも覚えてみたいです
"いずれ" と言う部分が引っかかります.
(僕の場合は その昔の Dion の掲示板 template の改造のため,
避けて通れなかったためです.
必死になってあれこれやっているうちに...)
>ジャバスクリプトとJスクリプトとはまた別なのでしょうか？
JScript は JavaScript に M$ の独自拡張が加えられた代物です.
その "独自拡張" のせいで JScript 記述の virus が蔓延したことがあったとか.
(web-page を見ただけで感染するので凶悪)
そもそもは IE を OS の仕様に取り込んでしまった M$ が悪い.
158 ：Name_Not_Found：2008/04/15(火) 21:58:14 ID:???
159 ： ◆.PT9876/4U ：2008/04/15(火) 23:09:16 ID:aPNaApFu
160 ：Name_Not_Found：2008/04/16(水) 14:58:00 ID:g+lV+8Rm
質問させてください。
テキスト入力フォームに文字を入力すると、
別のテキスト入力フォームにも同じ文字が入るスクリプトを作ってます。
var autoin=document.setting.basename.value;
↑まずbasenameと言うnameのvalueをautoinに代入。
if (document.forms[0].gaitou){document.forms[0].id.value=autoin;}
↑nameがgaitouに該当するフォームオブジェクトのvalueにautoinの値を入れる。
この時にnameがgaitou 尚かつ、inputtypeがhidden以外である事を条件に入れたいので何か良い方法をお願いいたします。
テキスト入力フォームに文字を入力すると、
別のテキスト入力フォームにも同じ文字が入るスクリプトを作ってます。
var autoin=document.setting.basename.value;
↑まずbasenameと言うnameのvalueをautoinに代入。
if (document.forms[0].gaitou){document.forms[0].id.value=autoin;}
↑nameがgaitouに該当するフォームオブジェクトのvalueにautoinの値を入れる。
この時にnameがgaitou 尚かつ、inputtypeがhidden以外である事を条件に入れたいので何か良い方法をお願いいたします。
161 ：Name_Not_Found：2008/04/16(水) 15:09:36 ID:TfC/S1ho
質問です。よろしくお願いします。
親ウィンドウから子ウィンドウを呼び出し、
子ウィンドウで何か選択させた結果を
親ウィンドウのテキストボックス等に入れたいのですが、どうすればよいでしょうか？
どうかよろしくお願いいたします。
親ウィンドウから子ウィンドウを呼び出し、
子ウィンドウで何か選択させた結果を
親ウィンドウのテキストボックス等に入れたいのですが、どうすればよいでしょうか？
どうかよろしくお願いいたします。
162 ：Name_Not_Found：2008/04/16(水) 23:11:38 ID:???
get?post?
163 ： ◆.PT9876/4U ：2008/04/16(水) 23:42:58 ID:JmqpNd/X
>>160
>var autoin=document.setting.basename.value;
これって, 書いた本人にしか判らないんですけどぉ～ ?
さらに一言 言わせてもらえば name attribute は廃止される予定.
(CGI に送信する場合は使わざるを得ないけれども)
document.forms[0].gaitou
"forms[0]" という表記法を使うならば
document.forms[0].elements[0] と言う表記に統一した方が...
(ほかに DOM による記述も可能)
>nameがgaitouに該当するフォームオブジェクトのvalueにautoinの値を入れる
どうも form 関連の理解が曖昧であると思えてなりません.
(何を言わんとしているのか判ったような判らないような...)
何をやろうとしているのかが判らないので答えようがありません.
>var autoin=document.setting.basename.value;
これって, 書いた本人にしか判らないんですけどぉ～ ?
さらに一言 言わせてもらえば name attribute は廃止される予定.
(CGI に送信する場合は使わざるを得ないけれども)
document.forms[0].gaitou
"forms[0]" という表記法を使うならば
document.forms[0].elements[0] と言う表記に統一した方が...
(ほかに DOM による記述も可能)
>nameがgaitouに該当するフォームオブジェクトのvalueにautoinの値を入れる
どうも form 関連の理解が曖昧であると思えてなりません.
(何を言わんとしているのか判ったような判らないような...)
何をやろうとしているのかが判らないので答えようがありません.
164 ： ◆.PT9876/4U ：2008/04/16(水) 23:56:08 ID:JmqpNd/X
>>161
いわゆる pop-up window を嫌う人は非常に多くて,
そういう動作をしないように(web-browserを)設定している人は多いものです.
script として作ることは可能でも web-browser の設定を変えなければ
動作不良とみなされる代物にしかなり得ません.
少なくとも僕は その手のものが蔓延する事を好ましいとは思っていません.
したがってあなたの質問に答えることはできかねます.
いわゆる pop-up window を嫌う人は非常に多くて,
そういう動作をしないように(web-browserを)設定している人は多いものです.
script として作ることは可能でも web-browser の設定を変えなければ
動作不良とみなされる代物にしかなり得ません.
少なくとも僕は その手のものが蔓延する事を好ましいとは思っていません.
したがってあなたの質問に答えることはできかねます.
165 ：Name_Not_Found：2008/04/17(木) 02:32:42 ID:/cg0hNO5
初めまして、
クリックした時に画面がグレーフェードアウト→もう一回クリックするとフェードイン
とゆうようにしたいです
一昨日初めてｼﾞｬﾊﾞｽｸ触りました。
手取り足取りお願いします。
クリックした時に画面がグレーフェードアウト→もう一回クリックするとフェードイン
とゆうようにしたいです
一昨日初めてｼﾞｬﾊﾞｽｸ触りました。
手取り足取りお願いします。
166 ： ◆.PT9876/4U ：2008/04/17(木) 03:41:40 ID:JJA0Gz7m
>>165
fade-out, fade-in と言う言葉から連想するのは
"徐々に" 消えていったり現れたりするというもの.
このイメージで正しいのですか ?
JavaScript で CSS をいじれば可能だと思われますが,
いわゆる Gimmic 効果というか, ちょっと目を奪う程度で実用性はゼロですね.
ところで,あなたは何をお求めなのでしょう ?
1. サンプル
2. JavaScript で CSS をいじる方法
fade-out, fade-in と言う言葉から連想するのは
"徐々に" 消えていったり現れたりするというもの.
このイメージで正しいのですか ?
JavaScript で CSS をいじれば可能だと思われますが,
いわゆる Gimmic 効果というか, ちょっと目を奪う程度で実用性はゼロですね.
ところで,あなたは何をお求めなのでしょう ?
1. サンプル
2. JavaScript で CSS をいじる方法
167 ：Name_Not_Found：2008/04/17(木) 04:32:50 ID:???
168 ：Name_Not_Found：2008/04/17(木) 04:40:25 ID:???
そうか？
ここの解答者はヒントだけで済まさないから好感度抜群だと思うよ
試しに他所で聞いてみればいいじゃん
答えなんか出てこないよ
ヒント言ってわかんない奴には罵声浴びせるだけ
ここの解答者の爪の垢でも煎じればいいよ
ここの解答者はヒントだけで済まさないから好感度抜群だと思うよ
試しに他所で聞いてみればいいじゃん
答えなんか出てこないよ
ヒント言ってわかんない奴には罵声浴びせるだけ
ここの解答者の爪の垢でも煎じればいいよ
169 ：Name_Not_Found：2008/04/17(木) 05:48:31 ID:???
あらあら、もうなんというか・・・
170 ： ◆.PT9876/4U ：2008/04/17(木) 06:11:30 ID:JJA0Gz7m
>>166
"ねちねち" というけれど, それは受け取る側が そう思うだけの話.
(単なる確認作業にすぎず, こちらに悪意がないことを理解して欲しい)
ここのような方信を取っていると幅広い質問が集まるのです.
中には "JavaScript の評価を落とすような質問" も含まれます.
質問者の言いなりに すべて答えるわけには いきません.
あなたは黙殺されるのと
たとえ苦言であっても反応があるのと
どちらが良いとお考えなのでしょう ?
"ねちねち" というけれど, それは受け取る側が そう思うだけの話.
(単なる確認作業にすぎず, こちらに悪意がないことを理解して欲しい)
ここのような方信を取っていると幅広い質問が集まるのです.
中には "JavaScript の評価を落とすような質問" も含まれます.
質問者の言いなりに すべて答えるわけには いきません.
あなたは黙殺されるのと
たとえ苦言であっても反応があるのと
どちらが良いとお考えなのでしょう ?
171 ： ◆.PT9876/4U ：2008/04/17(木) 06:16:51 ID:JJA0Gz7m
172 ：>>165です：2008/04/17(木) 07:33:17 ID:/cg0hNO5
そうですね、徐々に消えてったり徐々に出てきたり。
１、自分としての目標がそれ(フェードアウト、イン)を作れるようになる、
２、そのスクリプトがなにをしているかを理解する
という事なので解説つきで答えを知る事ができればうれしいです。
１、自分としての目標がそれ(フェードアウト、イン)を作れるようになる、
２、そのスクリプトがなにをしているかを理解する
という事なので解説つきで答えを知る事ができればうれしいです。
173 ：Name_Not_Found：2008/04/17(木) 16:21:29 ID:???
ｼﾞｬﾊﾞｽｸとか言ってるやつには教えたくない
174 ：Name_Not_Found：2008/04/17(木) 16:35:08 ID:???
>>173
http://pc11.2ch.net/test/read.cgi/hp/1208140663/
>>160
>テキスト入力フォームに文字を入力すると、
>別のテキスト入力フォームにも同じ文字が入るスクリプトを作ってます。
autoinの値取得云々には不明点が多いので、
とりあえず入力の内容を他のinputに反映するコード。
function copyText(elem)
{
var srcText = (elem ? elem.value : '');
var targ = document.forms[0].gaitou;
if ( targ && targ.type != 'hidden' )
targ.value = srcText;
}
<form id="testForm">
<input type="text" name="source" onkeyup="copyText(this)" />
<input type="text" name="gaitou" />
</form>
http://pc11.2ch.net/test/read.cgi/hp/1208140663/
>>160
>テキスト入力フォームに文字を入力すると、
>別のテキスト入力フォームにも同じ文字が入るスクリプトを作ってます。
autoinの値取得云々には不明点が多いので、
とりあえず入力の内容を他のinputに反映するコード。
function copyText(elem)
{
var srcText = (elem ? elem.value : '');
var targ = document.forms[0].gaitou;
if ( targ && targ.type != 'hidden' )
targ.value = srcText;
}
<form id="testForm">
<input type="text" name="source" onkeyup="copyText(this)" />
<input type="text" name="gaitou" />
</form>
175 ： ◆.PT9876/4U ：2008/04/17(木) 17:00:53 ID:JJA0Gz7m
176 ：Name_Not_Found：2008/04/17(木) 17:04:36 ID:???
prototype1.6.0.2なのですが
ffでは動いたのですがieでは動かないのです。。なぜでしょうか＞＜
よろしくお願いします。
function togglePallet(pallet) {
if ($(pallet).style.display == "none") {
Element.show(pallet);
} else {
Element.hide(pallet);
}
}
ffでは動いたのですがieでは動かないのです。。なぜでしょうか＞＜
よろしくお願いします。
function togglePallet(pallet) {
if ($(pallet).style.display == "none") {
Element.show(pallet);
} else {
Element.hide(pallet);
}
}
177 ：Name_Not_Found：2008/04/17(木) 17:38:07 ID:???
>>176
<input type="button" onclick="togglePallet('idTarg')" value="toggle"></input>
<div id="idTarg" style="background-color:#ffff00">foobar</div>
こんなのだとIE6,IE7の両方で正常に機能するから、
そのスクリプト以外の個所に問題が有りそうだけど。
とりあえず
function togglePallet(pallet) {
var targElem = $(pallet);
alert('pallet:['+pallet+'] elem['+targElem+']');
などと書いて、駄目な場合にはpalletとtargElemがどのような値になっているか確認するのが良さげ。
<input type="button" onclick="togglePallet('idTarg')" value="toggle"></input>
<div id="idTarg" style="background-color:#ffff00">foobar</div>
こんなのだとIE6,IE7の両方で正常に機能するから、
そのスクリプト以外の個所に問題が有りそうだけど。
とりあえず
function togglePallet(pallet) {
var targElem = $(pallet);
alert('pallet:['+pallet+'] elem['+targElem+']');
などと書いて、駄目な場合にはpalletとtargElemがどのような値になっているか確認するのが良さげ。
178 ：Name_Not_Found：2008/04/17(木) 17:53:48 ID:KOOVek3k
画像の上に矢印をもっていくと吹き出し風サムネイルがﾎﾟｺｯて出るやつありますよねよね？
あれってどうやってやってるんです？
あれってどうやってやってるんです？
179 ：Name_Not_Found：2008/04/17(木) 18:15:24 ID:???
>>178
別スレで自分も質問してログ漁ってましたが
同じような質問が出てるようですね。
＜http://www2.uploda.org/uporg1372872.jpg＞
おそらくこんな感じのイメージで>>178さんも間違いないのではないでしょうか？
同じような技術を使用しているページの紹介だけでもヨロシクです
別スレで自分も質問してログ漁ってましたが
同じような質問が出てるようですね。
＜http://www2.uploda.org/uporg1372872.jpg＞
おそらくこんな感じのイメージで>>178さんも間違いないのではないでしょうか？
同じような技術を使用しているページの紹介だけでもヨロシクです
180 ：Name_Not_Found：2008/04/17(木) 18:19:00 ID:???
>>177
こんな風になりました。。
http://gyazo.com/b74f94080b93cf26170f0ec69ce10e52.png
やっぱりIEだとうまくいかないです。。。地道にがんばりますー。
こんな風になりました。。
http://gyazo.com/b74f94080b93cf26170f0ec69ce10e52.png
やっぱりIEだとうまくいかないです。。。地道にがんばりますー。
181 ：Name_Not_Found：2008/04/17(木) 22:34:20 ID:???
えっと、簡単にメニューの最終更新アイコンを作ろうと思うのですが、
function lastUp(update){
～～～
}
って感じに書いてメニューの横に
<script>lastUp(080417)</script>
って感じで呼び出ししようと思うのですが、
現在の時間を取得して、updateの080417との時差を求めるにはどうすればいいのでしょうか
function lastUp(update){
～～～
}
って感じに書いてメニューの横に
<script>lastUp(080417)</script>
って感じで呼び出ししようと思うのですが、
現在の時間を取得して、updateの080417との時差を求めるにはどうすればいいのでしょうか
182 ： ◆.PT9876/4U ：2008/04/18(金) 07:07:54 ID:dukJeEAr
183 ：>>165です：2008/04/18(金) 07:59:47 ID:f1btJ6+x
184 ： ◆.PT9876/4U ：2008/04/18(金) 17:17:22 ID:dukJeEAr
>>165,>>172
サンプル:
homepage2.nifty.com/alter/fade/exam.html
js:
homepage2.nifty.com/alter/fade/exam.js
･ setInterval()の奇怪な仕様にてこずりました.
(global variable 使いまくりの ウゲゲ script です)
それと <button>～</button> を使おうとしたのですが,
WaMCom で誤動作を起こすのでわざわざ input type="button" を使っています.
とりあえず, 動作確認ができるだけの代物です.
必要なら手直し, 動作説明をするつもりです.
(要請がないのなら省略)
サンプル:
homepage2.nifty.com/alter/fade/exam.html
js:
homepage2.nifty.com/alter/fade/exam.js
･ setInterval()の奇怪な仕様にてこずりました.
(global variable 使いまくりの ウゲゲ script です)
それと <button>～</button> を使おうとしたのですが,
WaMCom で誤動作を起こすのでわざわざ input type="button" を使っています.
とりあえず, 動作確認ができるだけの代物です.
必要なら手直し, 動作説明をするつもりです.
(要請がないのなら省略)
185 ： ◆.PT9876/4U ：2008/04/18(金) 17:44:39 ID:dukJeEAr
186 ： ◆.PT9876/4U ：2008/04/18(金) 17:57:04 ID:dukJeEAr
>>181
"lastModified" は web-browser の対応がバラバラで使い物になりません:
www.tohoho-web.com/js/document.htm#lastModified
"lastModified" は web-browser の対応がバラバラで使い物になりません:
www.tohoho-web.com/js/document.htm#lastModified
187 ：Name_Not_Found：2008/04/18(金) 19:13:42 ID:pFLLaBYR
prototype.jsについての質問です。バージョンは1.6.0.2です。PHPとの組み合わせなので、WEB開発板の方かとも思いましたが、javascript側の問題をまず疑い、こちらに質問します。
[やりたいこと]
Ajax.Updaterを使って、test2.phpにローマ数字の「Ⅳ」をURLエンコードしたもの渡し、その文字をそのまま返し、受け取ったその文字を領域"pane"に表示。（URLエンコードしているのは、Form.serialize()を使うことを想定しているからです）
test.php（EUC-JP）……（ヘッダ指定等は省いて表記）
window.onLoad=function(){
new Ajax.Updater("pane","test2.php?" + (new Date()),{method:"POST", parameters: "test=%85%A3%21"});
}
test2.php（EUC-JP）
<?php
print $_POST["test"];
?>
[現状]
ローマ数字が表示されません。Ajax.updaterを使わず、通常のフォームで「Ⅳ」を送信すれば問題なく表示されますがこれは意図した動作ではありません。
[やったこと]
test.phpでは、以下を試しました
・URLエンコードせず、"test=Ⅳ"とした
test2.phpでは、以下の組み合わせを試しました
・test2.phpを、UTF-8でアップロードした
・mb_convert_encoding( $_POST["test"], "EUC-JP", "UTF-8")
・urldecode($_POST["test"])
・rawurldecode($_POST["test"])
・処理の前にmb_internal_encoding('UTF-8')を記述
いずれも、何も表示されません。「あいう」等に続けて書いた場合、「あいう」が表示されます。また、後ろに「-----」をつけた場合、後ろ側も含めて表示されません。
なお、ネットで調べてphp.iniの「mbstring.encoding_translation」をOFFにしましたが、解決しませんでした。
通常のPOST送信では反映されるのに、Ajaxを使ったときにできないのはやはり上手くないので、どなたかお知恵を拝借したいと思います。
[やりたいこと]
Ajax.Updaterを使って、test2.phpにローマ数字の「Ⅳ」をURLエンコードしたもの渡し、その文字をそのまま返し、受け取ったその文字を領域"pane"に表示。（URLエンコードしているのは、Form.serialize()を使うことを想定しているからです）
test.php（EUC-JP）……（ヘッダ指定等は省いて表記）
window.onLoad=function(){
new Ajax.Updater("pane","test2.php?" + (new Date()),{method:"POST", parameters: "test=%85%A3%21"});
}
test2.php（EUC-JP）
<?php
print $_POST["test"];
?>
[現状]
ローマ数字が表示されません。Ajax.updaterを使わず、通常のフォームで「Ⅳ」を送信すれば問題なく表示されますがこれは意図した動作ではありません。
[やったこと]
test.phpでは、以下を試しました
・URLエンコードせず、"test=Ⅳ"とした
test2.phpでは、以下の組み合わせを試しました
・test2.phpを、UTF-8でアップロードした
・mb_convert_encoding( $_POST["test"], "EUC-JP", "UTF-8")
・urldecode($_POST["test"])
・rawurldecode($_POST["test"])
・処理の前にmb_internal_encoding('UTF-8')を記述
いずれも、何も表示されません。「あいう」等に続けて書いた場合、「あいう」が表示されます。また、後ろに「-----」をつけた場合、後ろ側も含めて表示されません。
なお、ネットで調べてphp.iniの「mbstring.encoding_translation」をOFFにしましたが、解決しませんでした。
通常のPOST送信では反映されるのに、Ajaxを使ったときにできないのはやはり上手くないので、どなたかお知恵を拝借したいと思います。
188 ：Name_Not_Found：2008/04/18(金) 19:42:35 ID:???
>>187
・「Ⅳ」は %E2%85%A3(UTF-8) です。
・「Ⅳ」を mb_convert_encoding() するときは EUC-JP でなく eucJP-win で。
板違い個所しかわからないのです。
・「Ⅳ」は %E2%85%A3(UTF-8) です。
・「Ⅳ」を mb_convert_encoding() するときは EUC-JP でなく eucJP-win で。
板違い個所しかわからないのです。
190 ：Name_Not_Found：2008/04/18(金) 23:57:04 ID:???
>>187
回答にはなっていないけど。
prototype.jsのAJAX送信時には、
parametersで指定されている文字列をdecodeURIComponentでデコードしてから、
encodeURIComponentでエンコードするので、
ページ自体の文字コードに関係無くエスケープされたUTF-8文字列(>>188)に変換される模様。
で、Win版Firefox2やIE6では"test=%85%A3%21"自体がdecodeURIComponentでエラーとなるようだけど。
回答にはなっていないけど。
prototype.jsのAJAX送信時には、
parametersで指定されている文字列をdecodeURIComponentでデコードしてから、
encodeURIComponentでエンコードするので、
ページ自体の文字コードに関係無くエスケープされたUTF-8文字列(>>188)に変換される模様。
で、Win版Firefox2やIE6では"test=%85%A3%21"自体がdecodeURIComponentでエラーとなるようだけど。
>>190
ということは"test=あいうⅣ"というように、平文のまま
parametersを記述ということでしょうか？
（実際にはForm.serialize(myform)という形でフォームごと送信
しようとして失敗しているので、小さい部分から試している所です）
なお、先の書き込みで「あいう」等に続いて…と書いたのは、
「あいうⅣ」に当たる文字列を「URLエンコードして」渡したところ
「あいう」のみは表示されていた、という意味です。分かりにくくてすみません。
いま手元に実行環境がないので試せませんが、
日を改めて試してみたいと思います。
ということは"test=あいうⅣ"というように、平文のまま
parametersを記述ということでしょうか？
（実際にはForm.serialize(myform)という形でフォームごと送信
しようとして失敗しているので、小さい部分から試している所です）
なお、先の書き込みで「あいう」等に続いて…と書いたのは、
「あいうⅣ」に当たる文字列を「URLエンコードして」渡したところ
「あいう」のみは表示されていた、という意味です。分かりにくくてすみません。
いま手元に実行環境がないので試せませんが、
日を改めて試してみたいと思います。
192 ：Name_Not_Found：2008/04/19(土) 02:50:52 ID:???
"Ⅳ!"(隣のキー押しちゃった、の図）をエンコードした %E2%85%A3%21 から
%E2 を削ったもので試してるように見える。
%E2 を削ったもので試してるように見える。
193 ：Name_Not_Found：2008/04/19(土) 10:20:00 ID:???
>>185
サンプルありがとうございます。
うーん、同一ウインドウではなく、別ウインドウ
あるいは吹き出しで出てきて、ページのレイアウトには変化が無いのが
理想なんですよね。
引き続きいいサンプルあったらヨロシクです。
サンプルありがとうございます。
うーん、同一ウインドウではなく、別ウインドウ
あるいは吹き出しで出てきて、ページのレイアウトには変化が無いのが
理想なんですよね。
引き続きいいサンプルあったらヨロシクです。
195 ：Name_Not_Found：2008/04/19(土) 14:43:56 ID:???
>>194
ttp://jquery.bassistance.de/tooltip/demo/
あたりとか?
画像にイベントハンドラを設定し、
それに反応して表示するサムネイルを含むエレメントはposition:absoluteに設定という、
どこのframeworkにもあるようなtooltipsの流用で出来そうなので、
tooltip demo JavaScriptあたりでググってみると良いかも。
ttp://jquery.bassistance.de/tooltip/demo/
あたりとか?
画像にイベントハンドラを設定し、
それに反応して表示するサムネイルを含むエレメントはposition:absoluteに設定という、
どこのframeworkにもあるようなtooltipsの流用で出来そうなので、
tooltip demo JavaScriptあたりでググってみると良いかも。
196 ：187：2008/04/19(土) 21:31:48 ID:6hbEin2t
昨日の方法をうけ、>>188,190の方法を試してみたところ、
無事ローマ数字を表示できました。ありがとうございました。
ところが、別の問題が浮上してきました。ローマ数字の５の小文字版「ⅴ」を
HTMLのテーブル内に表示させようとすると「場・/td>」となり、</td>の
開きタグが化けてしまうのです。具体的にその箇所を抜き出すと、
print "<td>".htmlspecialchars(mb_convert_encoding($_POST["test"], "eucJP-win", "UTF-8") )."</td>";
//（ポストデータには、From.serializeで渡した"ⅴ"が入っています）
ⅴを好んで入力する人はいないと思いますが、不特定の人が使うものを想定しているので
アルファベット置き換え等に逃げることなく対応したいと思っています。
Javascriptで渡したデータは、PHP側でなにか特別なデコードなどが必要なのでしょうか？
重ねて宜しくお願いいたします。
無事ローマ数字を表示できました。ありがとうございました。
ところが、別の問題が浮上してきました。ローマ数字の５の小文字版「ⅴ」を
HTMLのテーブル内に表示させようとすると「場・/td>」となり、</td>の
開きタグが化けてしまうのです。具体的にその箇所を抜き出すと、
print "<td>".htmlspecialchars(mb_convert_encoding($_POST["test"], "eucJP-win", "UTF-8") )."</td>";
//（ポストデータには、From.serializeで渡した"ⅴ"が入っています）
ⅴを好んで入力する人はいないと思いますが、不特定の人が使うものを想定しているので
アルファベット置き換え等に逃げることなく対応したいと思っています。
Javascriptで渡したデータは、PHP側でなにか特別なデコードなどが必要なのでしょうか？
重ねて宜しくお願いいたします。
197 ：Name_Not_Found：2008/04/20(日) 00:00:24 ID:???
win版php 5.2.5でのテスト結果。
EUCでのⅴは0xFCF5。
が、
mb_convert_encoding("ⅴ", "eucJP-win", "UTF-8");
を通すと0xF3F7が返ってくる。
ちなみにmb_convert_encoding("ⅴ", "EUC-JP", "UTF-8")だと変換不可な結果の"?"。
EUCのⅴやⅤを、eucJP-win->UTF-8で変換する場合は両方共文字化けするけど、
ⅤのUTF-8->eucJP-win変換だけは正常に行われる模様。
要するに何故か変換出来ない状態なので、PHPスレで聞いた方が良さそう。
それと内部でEUCデータとして扱わないなら、わざわざEUCに変換する必要は無いのでは?
EUCでのⅴは0xFCF5。
が、
mb_convert_encoding("ⅴ", "eucJP-win", "UTF-8");
を通すと0xF3F7が返ってくる。
ちなみにmb_convert_encoding("ⅴ", "EUC-JP", "UTF-8")だと変換不可な結果の"?"。
EUCのⅴやⅤを、eucJP-win->UTF-8で変換する場合は両方共文字化けするけど、
ⅤのUTF-8->eucJP-win変換だけは正常に行われる模様。
要するに何故か変換出来ない状態なので、PHPスレで聞いた方が良さそう。
それと内部でEUCデータとして扱わないなら、わざわざEUCに変換する必要は無いのでは?
>>197
ご回答ありがとうございます。
つまり、PHP側の問題のようですね。それではこの質問は一旦打ち切りにして、
PHPの質問スレにポストすることにします。
>それと内部でEUCデータとして扱わないなら、わざわざEUCに変換する必要は無いのでは?
確かに内部ではUTF-8で扱っていますが（DBがUTF-8になっている）、これを表示する段階で
EUC-JPの文字コードで出力する必要があります。
それでは皆様、どうも有難うございました。
ご回答ありがとうございます。
つまり、PHP側の問題のようですね。それではこの質問は一旦打ち切りにして、
PHPの質問スレにポストすることにします。
>それと内部でEUCデータとして扱わないなら、わざわざEUCに変換する必要は無いのでは?
確かに内部ではUTF-8で扱っていますが（DBがUTF-8になっている）、これを表示する段階で
EUC-JPの文字コードで出力する必要があります。
それでは皆様、どうも有難うございました。
200 ：Name_Not_Found：2008/04/20(日) 01:20:26 ID:???
>>198
蛇足かもしれないけど。
現在の多くのブラウザでは、
AJAXの場合は、サーバー側のレスポンスヘッダでContent-typeで文字コードを指定すれば、
HTMLページの文字コードと同じにする必要は無い(ブラウザ側で自動変換)ので、
HTMLや通常のPHP出力ではEUCだが、AJAXに対する出力だけUTF-8にする事も可能。
というかdefaultではUTF-8が想定されているので、EUCだと駄目な(古い?)ブラウザも有る模様。
蛇足かもしれないけど。
現在の多くのブラウザでは、
AJAXの場合は、サーバー側のレスポンスヘッダでContent-typeで文字コードを指定すれば、
HTMLページの文字コードと同じにする必要は無い(ブラウザ側で自動変換)ので、
HTMLや通常のPHP出力ではEUCだが、AJAXに対する出力だけUTF-8にする事も可能。
というかdefaultではUTF-8が想定されているので、EUCだと駄目な(古い?)ブラウザも有る模様。
201 ：Name_Not_Found：2008/04/20(日) 07:00:48 ID:YBcoq57o
>>193
すると " lastup" は "定数" なのかな ?
すると単なる日付計算の問題となってしまう.
そうなると "数値の format" も変更したほうがよさそう.
参考:
www.tohoho-web.com/js/date.htm#Date
(批判の声も少なくないサイトだけど reference としては まだまだ使える)
すると " lastup" は "定数" なのかな ?
すると単なる日付計算の問題となってしまう.
そうなると "数値の format" も変更したほうがよさそう.
参考:
www.tohoho-web.com/js/date.htm#Date
(批判の声も少なくないサイトだけど reference としては まだまだ使える)
>200
ご回答いただきありがとうございます。
ご提示いただいた方法を試したところ、無事、意図した表示ができるようになりました。
具体的には、
(test2.php)
header("Content-Type: text/html;charset=utf-8");//文字コードをUTF-8にする
print "<td>". htmlspecialchars($_POST["test"])."</td>";//UTF-8を出力
これを、EUC-JP(eucJP-win)で記述したtest.phpからAjax.updater()で
呼び出し、文字化けが起こらないことを確認できました。
今回のことをまとめると：
・Ajax.request系（というかJavaScript）でPOST送信する際は、どのような文字コードであれ
UTF-8で送信される
・PHP上でEUC-JPを扱うときは、eucJP-winを使う（Windows限定？）
・Ajax.updateでレスポンスを受け取る際は、レスポンス側で明示的にヘッダを指定しておけば
受け取り側のデコードは、よきにはからってくれる(UTF-8が無難)。
今回の一連のやり取りは、非常に大きな財産となりました。
ご回答いただいた皆様、ありがとうございました。
ご回答いただきありがとうございます。
ご提示いただいた方法を試したところ、無事、意図した表示ができるようになりました。
具体的には、
(test2.php)
header("Content-Type: text/html;charset=utf-8");//文字コードをUTF-8にする
print "<td>". htmlspecialchars($_POST["test"])."</td>";//UTF-8を出力
これを、EUC-JP(eucJP-win)で記述したtest.phpからAjax.updater()で
呼び出し、文字化けが起こらないことを確認できました。
今回のことをまとめると：
・Ajax.request系（というかJavaScript）でPOST送信する際は、どのような文字コードであれ
UTF-8で送信される
・PHP上でEUC-JPを扱うときは、eucJP-winを使う（Windows限定？）
・Ajax.updateでレスポンスを受け取る際は、レスポンス側で明示的にヘッダを指定しておけば
受け取り側のデコードは、よきにはからってくれる(UTF-8が無難)。
今回の一連のやり取りは、非常に大きな財産となりました。
ご回答いただいた皆様、ありがとうございました。
203 ：193：2008/04/20(日) 17:46:32 ID:N3uxyx7k
>>201様
lastupは引数です。
メニューの横に
メニュー1<script>lastUp(080420)</script>
メニュー2<script>lastUp(080415)</script>
こんな感じにして、最終更新と現在の時間の差を求めて
何日前に更新したかというメッセージを表示させたいのです
lastupは引数です。
メニューの横に
メニュー1<script>lastUp(080420)</script>
メニュー2<script>lastUp(080415)</script>
こんな感じにして、最終更新と現在の時間の差を求めて
何日前に更新したかというメッセージを表示させたいのです
204 ：Name_Not_Found：2008/04/20(日) 18:26:55 ID:YBcoq57o
>>203
言っている意味は一致しているようであり, 微妙に食い違っているような...
念のためだけど, "080420", "080415" などは document ごとに
制作者が書きこむということで正しいのかな ?
(僕が "定数" と表現したのはこの意味... argument でも大ざっぱには同義)
ようするに これらの文字列をどこから引っ張って来るのかということ.
weblog の plug-in 感覚なんだろうか ?
(script としては難しくないけれど, 泥沼にはまりそうな よか～ん.)
言っている意味は一致しているようであり, 微妙に食い違っているような...
念のためだけど, "080420", "080415" などは document ごとに
制作者が書きこむということで正しいのかな ?
(僕が "定数" と表現したのはこの意味... argument でも大ざっぱには同義)
ようするに これらの文字列をどこから引っ張って来るのかということ.
weblog の plug-in 感覚なんだろうか ?
(script としては難しくないけれど, 泥沼にはまりそうな よか～ん.)
// もう見てないかな。
>>202
> ・PHP上でEUC-JPを扱うときは、eucJP-winを使う（Windows限定？）
Windows限定でなく、当初の「Ⅳ」などは狭義の SJIS や EUC-JP にないんです。
SJIS を拡張していろんな文字を追加したものを PHP では SJIS-win、
EUC-JPを （中略） eucJP-win として扱うことになってます。
Shift_JIS と CP932 の違い、EUC-JP と CP51932 の違いを調べてみてください。
// 多くの人たちが Shift_JIS だと思い込んでるのは CP932 な場合が多いです。
また板違い個所の話になってすみません。 > all
>>202
> ・PHP上でEUC-JPを扱うときは、eucJP-winを使う（Windows限定？）
Windows限定でなく、当初の「Ⅳ」などは狭義の SJIS や EUC-JP にないんです。
SJIS を拡張していろんな文字を追加したものを PHP では SJIS-win、
EUC-JPを （中略） eucJP-win として扱うことになってます。
Shift_JIS と CP932 の違い、EUC-JP と CP51932 の違いを調べてみてください。
// 多くの人たちが Shift_JIS だと思い込んでるのは CP932 な場合が多いです。
また板違い個所の話になってすみません。 > all
207 ：Name_Not_Found：2008/04/20(日) 18:50:54 ID:???
メニュー1
メニュー1-1
メニュー1-2
メニュー2
メニュー2-1
メニュー2-2
こんな感じでメニューがあって
大メニューをクリックすると小メニューを折りたたんで、
もう一回クリックすると開くようにするにはどうすればいいのですか？
メニュー1-1
メニュー1-2
メニュー2
メニュー2-1
メニュー2-2
こんな感じでメニューがあって
大メニューをクリックすると小メニューを折りたたんで、
もう一回クリックすると開くようにするにはどうすればいいのですか？
208 ：Name_Not_Found：2008/04/20(日) 19:18:13 ID:K7rGXREB
209 ：Name_Not_Found：2008/04/20(日) 19:25:39 ID:K7rGXREB
>>207
JavaScript で target.style.display を 切り替える.
原理的にはこれだけのもの...
だけど 細かい部分の違いで さまざまなバリエーションが考えられます.
さて, あなた様のお望みは ?
JavaScript で target.style.display を 切り替える.
原理的にはこれだけのもの...
だけど 細かい部分の違いで さまざまなバリエーションが考えられます.
さて, あなた様のお望みは ?
210 ：206：2008/04/20(日) 19:45:38 ID:N3uxyx7k
>>208様
お願いします
お願いします
211 ：208：2008/04/20(日) 19:58:37 ID:K7rGXREB
>>209
最小限のサンプルが欲しいです
最小限のサンプルが欲しいです
213 ：Name_Not_Found：2008/04/20(日) 20:26:39 ID:K7rGXREB
214 ：Name_Not_Found：2008/04/20(日) 21:03:21 ID:???
質問です。（プログラム板から誘導されてきました）
あるJavasprictを改造中なのですが、フォルダの構成上、ファイルまでのパスをURL指定にしたいのですが、
以下の記述をどのように修正すればよいのでしょうか？
downloadDir : '../ファイル名.php?img=フォルダ名/'
あるJavasprictを改造中なのですが、フォルダの構成上、ファイルまでのパスをURL指定にしたいのですが、
以下の記述をどのように修正すればよいのでしょうか？
downloadDir : '../ファイル名.php?img=フォルダ名/'
215 ：Name_Not_Found：2008/04/20(日) 21:31:32 ID:???
何をしたいのかよく分からないんだけど、
クエリの後にスラッシュってつくもんなの？
クエリの後にスラッシュってつくもんなの？
216 ：Name_Not_Found：2008/04/20(日) 22:41:19 ID:???
>>207
<style type="text/css">
#menu ul { display: none; }
</style>
<script type="text/javascript">
function toggle(target) {
var elem = document.getElementById( target );
if ( !elem ) return;
elem.style.display = (elem.style.display!='block' ? 'block' : 'none');
}
</script>
<ul id="menu">
<li id="menu1" onclick="toggle('sub1')">メニュー1<ul id="sub1"><li>サブメニュー1_1</li><li>サブメニュー1_2</li></ul></li>
<li id="menu2" onclick="toggle('sub2')">メニュー2<ul id="sub2"><li>サブメニュー2_1</li><li>サブメニュー2_2</li></ul></li>
</ul>
えらく簡単に書けばこんな感じ。
サブメニューを初期で非表示にしたいなら、cssで該当個所にdisplay:noneを設定しておく。
次にクリックによる反応をさせたい個所にイベント(onclick)を設定し、
そのイベントからの処理で、表示切替したい個所のstyle.displayを変更。
通常は全てのタグにonclickを書くなど面倒な事はしないし、
メニュー1,2にアンカー(<a>)が設定されていた場合にはイベントでpreventDefaultなどを行うとか、
実際の運用時には追加変更すべき点が多いけれど、基本的にはこのような処理。
<style type="text/css">
#menu ul { display: none; }
</style>
<script type="text/javascript">
function toggle(target) {
var elem = document.getElementById( target );
if ( !elem ) return;
elem.style.display = (elem.style.display!='block' ? 'block' : 'none');
}
</script>
<ul id="menu">
<li id="menu1" onclick="toggle('sub1')">メニュー1<ul id="sub1"><li>サブメニュー1_1</li><li>サブメニュー1_2</li></ul></li>
<li id="menu2" onclick="toggle('sub2')">メニュー2<ul id="sub2"><li>サブメニュー2_1</li><li>サブメニュー2_2</li></ul></li>
</ul>
えらく簡単に書けばこんな感じ。
サブメニューを初期で非表示にしたいなら、cssで該当個所にdisplay:noneを設定しておく。
次にクリックによる反応をさせたい個所にイベント(onclick)を設定し、
そのイベントからの処理で、表示切替したい個所のstyle.displayを変更。
通常は全てのタグにonclickを書くなど面倒な事はしないし、
メニュー1,2にアンカー(<a>)が設定されていた場合にはイベントでpreventDefaultなどを行うとか、
実際の運用時には追加変更すべき点が多いけれど、基本的にはこのような処理。
217 ：Name_Not_Found：2008/04/21(月) 07:17:43 ID:bpP9CRFh
今、掲示板を自作しているのですが、
各レスごとにページ内リンク(一番目のレスだと<a href="#1">)をつけていて、
レスアンカーをクリックすると、該当レスに移動するようにしています
もっと便利にしたいと思い、レスアンカーにマウスをのせるだけで該当レスがポップアップで表示されるようにしたいのですが、
JavaScriptに関しては全くわかりません
どのようにすればいいのでしょうか
よろしくお願いします
各レスごとにページ内リンク(一番目のレスだと<a href="#1">)をつけていて、
レスアンカーをクリックすると、該当レスに移動するようにしています
もっと便利にしたいと思い、レスアンカーにマウスをのせるだけで該当レスがポップアップで表示されるようにしたいのですが、
JavaScriptに関しては全くわかりません
どのようにすればいいのでしょうか
よろしくお願いします
218 ：217：2008/04/21(月) 07:23:08 ID:bpP9CRFh
すいません >>217訂正です
×各レスごとにページ内リンク(一番目のレスだと<a href="#1">)をつけていて、
○各レスごとにページ内リンク(一番目のレスだと<a name="1">)をつけていて、
×各レスごとにページ内リンク(一番目のレスだと<a href="#1">)をつけていて、
○各レスごとにページ内リンク(一番目のレスだと<a name="1">)をつけていて、
219 ：Name_Not_Found：2008/04/21(月) 10:03:53 ID:???
read.js でも読めば？
220 ：Name_Not_Found：2008/04/21(月) 10:36:05 ID:???
>>217
1. 2chのread.jsのように、レスの内容をJavaScriptデータとして保持し、適当に整形して表示。
2. 同じページ内に当該レスが表示されているなら、そのレスのnodeごとコピーしてpopup表示。
>>219
http://pc11.2ch.net/test/read.cgi/hp/1208140663/
1. 2chのread.jsのように、レスの内容をJavaScriptデータとして保持し、適当に整形して表示。
2. 同じページ内に当該レスが表示されているなら、そのレスのnodeごとコピーしてpopup表示。
>>219
http://pc11.2ch.net/test/read.cgi/hp/1208140663/
221 ：Name_Not_Found：2008/04/21(月) 10:58:34 ID:???
2.の場合の簡易サンプル
<style type="text/css">
.msgList li { position: relative; }
.message { width: 400px; border: 1px solid #600000; margin-bottom: 20px; }
.msgDate { background-color: #ffdd00; color: #000000; }
.popupMsg { filter: alpha(opacity=70); opacity: 0.7; position: absolute; top: 20px; left: 40px; background-color: #ffffff; border: 1px solid #600000; }
</style>
<script type="text/javascript">
var cloneElems = {};
function popupMsg( baseElem, messageid )
{
if ( !baseElem || cloneElems[messageid] ) return;
var elem = document.getElementById( messageid );
if ( !elem ) return;
var clone = elem.cloneNode( true );
clone.id = ''; clone.className = 'popupMsg';
cloneElems[messageid] = baseElem.appendChild( clone );
}
function hideMsg( baseElem, messageid ) {
if ( !baseElem || !cloneElems[messageid] ) return;
baseElem.removeChild( cloneElems[messageid] );
cloneElems[messageid] = null;
}
</script>
<ul class="msgList">
<li onmouseover="popupMsg(this,'msg1')" onmouseout="hideMsg(this,'msg1')"><a href="#1">レス1</a></li>
<li onmouseover="popupMsg(this,'msg2')" onmouseout="hideMsg(this,'msg2')"><a href="#2">レス2</a></li>
</ul>
<div id="msg1" class="message"><a name="1"></a><div class="msgDate">Apr 20 2008, 07:24 PM</div><div class="msgBody">foobar</div></div>
<div id="msg2" class="message"><a name="2"></a><div class="msgDate">Apr 19 2008, 05:10 AM</div><div class="msgBody">hoge</div></div>
<style type="text/css">
.msgList li { position: relative; }
.message { width: 400px; border: 1px solid #600000; margin-bottom: 20px; }
.msgDate { background-color: #ffdd00; color: #000000; }
.popupMsg { filter: alpha(opacity=70); opacity: 0.7; position: absolute; top: 20px; left: 40px; background-color: #ffffff; border: 1px solid #600000; }
</style>
<script type="text/javascript">
var cloneElems = {};
function popupMsg( baseElem, messageid )
{
if ( !baseElem || cloneElems[messageid] ) return;
var elem = document.getElementById( messageid );
if ( !elem ) return;
var clone = elem.cloneNode( true );
clone.id = ''; clone.className = 'popupMsg';
cloneElems[messageid] = baseElem.appendChild( clone );
}
function hideMsg( baseElem, messageid ) {
if ( !baseElem || !cloneElems[messageid] ) return;
baseElem.removeChild( cloneElems[messageid] );
cloneElems[messageid] = null;
}
</script>
<ul class="msgList">
<li onmouseover="popupMsg(this,'msg1')" onmouseout="hideMsg(this,'msg1')"><a href="#1">レス1</a></li>
<li onmouseover="popupMsg(this,'msg2')" onmouseout="hideMsg(this,'msg2')"><a href="#2">レス2</a></li>
</ul>
<div id="msg1" class="message"><a name="1"></a><div class="msgDate">Apr 20 2008, 07:24 PM</div><div class="msgBody">foobar</div></div>
<div id="msg2" class="message"><a name="2"></a><div class="msgDate">Apr 19 2008, 05:10 AM</div><div class="msgBody">hoge</div></div>
222 ： ◆.PT9876/4U ：2008/04/21(月) 12:51:23 ID:Fdos8Q2T
>>210
サンプル:
homepage2.nifty.com/alter/samples/timecalc/exam.html
js:
homepage2.nifty.com/alter/samples/timecalc/exam.js
･ "Month" を "Apr" 形式に変換するという激しく無駄なことをやってます.
(web-brouzer ごとの解釈の違いが発生しにくいだろうと考えてのことです)
(実際, 有効な format は複数あって自動解釈される模様)
参考リンク:
1106.suac.net/johoB/JavaScript/jscriptd.html#date
("とほほ" よりも良いのでは? 激しく読みづらいけど...)
("とほほ" は良く整理されているけれど,
今時, IE2 だとか使う やつぁ いねぇよ !)
サンプル:
homepage2.nifty.com/alter/samples/timecalc/exam.html
js:
homepage2.nifty.com/alter/samples/timecalc/exam.js
･ "Month" を "Apr" 形式に変換するという激しく無駄なことをやってます.
(web-brouzer ごとの解釈の違いが発生しにくいだろうと考えてのことです)
(実際, 有効な format は複数あって自動解釈される模様)
参考リンク:
1106.suac.net/johoB/JavaScript/jscriptd.html#date
("とほほ" よりも良いのでは? 激しく読みづらいけど...)
("とほほ" は良く整理されているけれど,
今時, IE2 だとか使う やつぁ いねぇよ !)
223 ：Name_Not_Found：2008/04/21(月) 14:00:45 ID:???
ﾜﾛﾀ
224 ：Name_Not_Found：2008/04/21(月) 15:14:14 ID:???
json データって データ内にタグ付きの文字列をいれてjson_encode使っても問題でない？
missing } after property listってエラーがでてプロパティにアクセスできないんだけど
missing } after property listってエラーがでてプロパティにアクセスできないんだけど
225 ：Name_Not_Found：2008/04/21(月) 15:29:15 ID:???
>>224
ぐだぐだ言わずにソース出せよカス
ぐだぐだ言わずにソース出せよカス
226 ：Name_Not_Found：2008/04/21(月) 17:46:40 ID:???
>>224
json_encodeというのはPHPの関数しか知らんけど、
PHPのjson_encodeなら問題無いはず。
エラーが出るのは、json_encodeで吐いたデータの前後に余計な文字列が加わっているなどでは。
json_encodeというのはPHPの関数しか知らんけど、
PHPのjson_encodeなら問題無いはず。
エラーが出るのは、json_encodeで吐いたデータの前後に余計な文字列が加わっているなどでは。
227 ：Name_Not_Found：2008/04/21(月) 18:30:54 ID:bpP9CRFh
228 ： ◆.PT9876/4U ：2008/04/21(月) 18:47:56 ID:Fdos8Q2T
>>227
動作確認のためのサンプルなので,
(select field を使ったりして)
希望通りのものとは似ても似つかない...
改造できるのですか ?
無駄が多いとはいえ, 単純なので大丈夫のかな ?
動作確認のためのサンプルなので,
(select field を使ったりして)
希望通りのものとは似ても似つかない...
改造できるのですか ?
無駄が多いとはいえ, 単純なので大丈夫のかな ?
229 ：Name_Not_Found：2008/04/21(月) 22:08:17 ID:???
javascript で外部のhtmlを取得してブログなどの記事部分だけを取得したいんだけど
なんかいい方法はないっすか？
希望ではローカルPCにスクリプトを置いておいてスクリプトからhttpでrequestだして
class名指定かID指定で記事取得したいんだけど。←このへんはprototype.jsか
なんかつかって
＜気になる点＞
・httpへのリクエストがクロスドメインになる
・ローカルでjavascriptをバッチで実行
ってできるん？
なんかいい方法はないっすか？
希望ではローカルPCにスクリプトを置いておいてスクリプトからhttpでrequestだして
class名指定かID指定で記事取得したいんだけど。←このへんはprototype.jsか
なんかつかって
＜気になる点＞
・httpへのリクエストがクロスドメインになる
・ローカルでjavascriptをバッチで実行
ってできるん？
231 ：Name_Not_Found：2008/04/22(火) 09:36:31 ID:???
>>230
perlでやれ
perlでやれ
232 ：Name_Not_Found：2008/04/22(火) 10:29:37 ID:???
やぱ 無理ぽいですな
クロスドメインもJSONPみたくするには 取得サーバ側で対応する必要があるとは思って
いたけど
クロスドメインもJSONPみたくするには 取得サーバ側で対応する必要があるとは思って
いたけど
234 ：Name_Not_Found：2008/04/22(火) 17:52:08 ID:???
IEのinnerHTMLって
WEBからとってきたタグ付きの文字列（具体的にはimg srcなどで
onclickでWindow.Openなども含まれている）
をhoge.innerHTMLでだしてみるんだけど
画像パスがおかしくなるのってIEの仕様でつか？
WEBからとってきたタグ付きの文字列（具体的にはimg srcなどで
onclickでWindow.Openなども含まれている）
をhoge.innerHTMLでだしてみるんだけど
画像パスがおかしくなるのってIEの仕様でつか？
235 ：Name_Not_Found：2008/04/22(火) 19:55:16 ID:???
>>181
解決したのか否かは不明だけど、面白げなテーマなので試しに書いてみた。
<script type="text/javascript">
function lastUp( lastmod ) {
alert( calcElapse(lastmod) );
}
var msecperday = 1000*60*60*24;
function calcElapse( lastmod ) {
if ( typeof lastmod != 'string' ) return NaN;
var curDate = new Date();
curDate.setHours( 0,0,0,0 );
var values = lastmod.match( /\d{2}/g );
if ( values.length < 3 ) return NaN;
var update = new Date( 2000+Number(values[0]), Number(values[1])-1, values[2] );
if ( !update ) return NaN;
return Math.floor( (curDate.getTime()-update.getTime())/msecperday );
}
</script>
<script>lastUp('080422')</script>
<script>lastUp('070131')</script>
<script>lastUp('090421')</script>
lastUpの引数には'か"で囲まれたyymmdd形式の文字列を指定。
calcElapseに更新日文字列を渡すと、今日の日付との日数の差分を返し、
文字列が無効な形式であった場合など、差分を取得出来なかった場合はNaNを返す。
後は取得出来た数字を使って、lastUp内の処理で表示するなり何なりどうぞ。
2000年と2100年問題には未対応。
解決したのか否かは不明だけど、面白げなテーマなので試しに書いてみた。
<script type="text/javascript">
function lastUp( lastmod ) {
alert( calcElapse(lastmod) );
}
var msecperday = 1000*60*60*24;
function calcElapse( lastmod ) {
if ( typeof lastmod != 'string' ) return NaN;
var curDate = new Date();
curDate.setHours( 0,0,0,0 );
var values = lastmod.match( /\d{2}/g );
if ( values.length < 3 ) return NaN;
var update = new Date( 2000+Number(values[0]), Number(values[1])-1, values[2] );
if ( !update ) return NaN;
return Math.floor( (curDate.getTime()-update.getTime())/msecperday );
}
</script>
<script>lastUp('080422')</script>
<script>lastUp('070131')</script>
<script>lastUp('090421')</script>
lastUpの引数には'か"で囲まれたyymmdd形式の文字列を指定。
calcElapseに更新日文字列を渡すと、今日の日付との日数の差分を返し、
文字列が無効な形式であった場合など、差分を取得出来なかった場合はNaNを返す。
後は取得出来た数字を使って、lastUp内の処理で表示するなり何なりどうぞ。
2000年と2100年問題には未対応。
236 ：Name_Not_Found：2008/04/25(金) 14:27:54 ID:52i12fhG
すみません、質問させて下さい。
凄い初歩的な事だとは思うのですが、どうにも上手くいきません。
ttp://never-ever.info/modules/bulletin/index.php?page=article&storyid=346
ここで紹介下さっているスクリプトについて
webページを開いた最初の１回だけ自動で並び替えを実行したいのですがどのようにすればよいでしょうか？
最初の１回以降は自分でドラック＆ドロップする形で。
以下のような方法で、Sortable.create("sort");としてみたり、onloadとしてみたりしたのですが上手くいきません。
どうかお力添えして頂けないでしょうか。
宜しくお願い致します。
// <![CDATA[
Sortable.create(
'sort',
{
constraint: false,
handle: 'hl',
onUpdate: function( ele ) {
var weight = 1 ;
Sortable.sequence( ele ).each(
function( num ) {
$('sw_'+num).value = weight++ ;
}
) ;
}
}
);
Sortable.create("sort");
// ]]>
</script>
凄い初歩的な事だとは思うのですが、どうにも上手くいきません。
ttp://never-ever.info/modules/bulletin/index.php?page=article&storyid=346
ここで紹介下さっているスクリプトについて
webページを開いた最初の１回だけ自動で並び替えを実行したいのですがどのようにすればよいでしょうか？
最初の１回以降は自分でドラック＆ドロップする形で。
以下のような方法で、Sortable.create("sort");としてみたり、onloadとしてみたりしたのですが上手くいきません。
どうかお力添えして頂けないでしょうか。
宜しくお願い致します。
// <![CDATA[
Sortable.create(
'sort',
{
constraint: false,
handle: 'hl',
onUpdate: function( ele ) {
var weight = 1 ;
Sortable.sequence( ele ).each(
function( num ) {
$('sw_'+num).value = weight++ ;
}
) ;
}
}
);
Sortable.create("sort");
// ]]>
</script>
237 ：Name_Not_Found：2008/04/25(金) 21:44:01 ID:???
プルダウンの一部だけ文字列を変更したいのですが、サッパリです
実際書いてるJavascriptは長いので、分からないところだけ簡素化して記述します
<html><head>
<script language="javascript" type="text/javascript">
function change(){
document.form.select.value.getElementById('a3').innerText = "DDD";
}
// -->
</script>
</head><body>
<form name="form">
<select name="select" size="1" tabindex="0">
<option selected value="0">aaa</option>
<option value="1">bbb</option>
<option value="2">ccc</option>
<option value="3"><span id="a3">ddd</span></option>
<br>
<input type="button" onClick="change()" value="GO">
</form></body></html>
実際書いてるJavascriptは長いので、分からないところだけ簡素化して記述します
<html><head>
<script language="javascript" type="text/javascript">
function change(){
document.form.select.value.getElementById('a3').innerText = "DDD";
}
// -->
</script>
</head><body>
<form name="form">
<select name="select" size="1" tabindex="0">
<option selected value="0">aaa</option>
<option value="1">bbb</option>
<option value="2">ccc</option>
<option value="3"><span id="a3">ddd</span></option>
<br>
<input type="button" onClick="change()" value="GO">
</form></body></html>
238 ：Name_Not_Found：2008/04/25(金) 22:19:42 ID:???
document.getElementById('a3').innerHTML
var select = document.forms['form'].elements['select']
select.options[select.selectedIndex]
var select = document.forms['form'].elements['select']
select.options[select.selectedIndex]
239 ：Name_Not_Found：2008/04/25(金) 22:22:44 ID:???
<html>
<head>
<script>
function textChange(){
a3.innerText = "DDD";
}
</script>
</head>
<body>
<select>
<option>aaa
<option>bbb
<option>ccc
<option id="a3">ddd
</select>
<input type="button" value="変換" onclick="textChange()">
</body>
</html>
これでどうだろうか？
<head>
<script>
function textChange(){
a3.innerText = "DDD";
}
</script>
</head>
<body>
<select>
<option>aaa
<option>bbb
<option>ccc
<option id="a3">ddd
</select>
<input type="button" value="変換" onclick="textChange()">
</body>
</html>
これでどうだろうか？
ありがとうございました！！！
241 ：Name_Not_Found：2008/04/25(金) 23:25:24 ID:???
z=x+y;
のとき
変数aを作ってz+bを代入するにはどうすればいいですか？
のとき
変数aを作ってz+bを代入するにはどうすればいいですか？
242 ：Name_Not_Found：2008/04/26(土) 00:37:04 ID:???
243 ：Name_Not_Found：2008/04/26(土) 03:16:14 ID:???
>>237
<option>の中では文字データだけが有効なので、
<option value="3"><span id="a3">ddd</span></option>
は、<span>が存在しないものとして<option value="3">ddd</option>としてブラウザに解釈される。
その為document.getElementById('a2')も無効。
なのでoptionとして表示される文字列を変更したい場合には、
>>239のようにoption自体にIDなどを割り振って、
var elem = document.getElementById('a3');
elem[(elem.innerText!=undefined ? 'innerText' : 'textContent')] = "DDD";
とか。
IE以外にも対応する為に、textContentでの設定も行った方が良さげ。
<option>の中では文字データだけが有効なので、
<option value="3"><span id="a3">ddd</span></option>
は、<span>が存在しないものとして<option value="3">ddd</option>としてブラウザに解釈される。
その為document.getElementById('a2')も無効。
なのでoptionとして表示される文字列を変更したい場合には、
>>239のようにoption自体にIDなどを割り振って、
var elem = document.getElementById('a3');
elem[(elem.innerText!=undefined ? 'innerText' : 'textContent')] = "DDD";
とか。
IE以外にも対応する為に、textContentでの設定も行った方が良さげ。
244 ：Name_Not_Found：2008/04/26(土) 17:58:33 ID:???
>>236
Sortable.createの後に、
順番を指定した配列をSortable.setSequenceに渡すと、その順番に並び替える事が可能。
この例ではseqDataという名前の固定データを利用しているけれど、
実際はfragment-idやCookieなどからデータを取得し配列を作成するケースが多いかな。
Cookieを利用するサンプルが>>142。
Sortable.create(
'sort', {
constraint: false, handle: 'hl',
onUpdate: function( ele ) {
var weight = 1 ;
Sortable.sequence( ele ).each( function( num ) { $('sw_'+num).value = weight++; } );
}
}
);
var seqData = [10,1,9,2,8,3,7,4,5,6];
Sortable.setSequence( 'sort', seqData );
var weight = 1 ;
Sortable.sequence( 'sort' ).each(
function( num ) { $('sw_'+num).value = weight++; }
);
Sortable.createの後に、
順番を指定した配列をSortable.setSequenceに渡すと、その順番に並び替える事が可能。
この例ではseqDataという名前の固定データを利用しているけれど、
実際はfragment-idやCookieなどからデータを取得し配列を作成するケースが多いかな。
Cookieを利用するサンプルが>>142。
Sortable.create(
'sort', {
constraint: false, handle: 'hl',
onUpdate: function( ele ) {
var weight = 1 ;
Sortable.sequence( ele ).each( function( num ) { $('sw_'+num).value = weight++; } );
}
}
);
var seqData = [10,1,9,2,8,3,7,4,5,6];
Sortable.setSequence( 'sort', seqData );
var weight = 1 ;
Sortable.sequence( 'sort' ).each(
function( num ) { $('sw_'+num).value = weight++; }
);
245 ：Name_Not_Found：2008/04/27(日) 00:00:50 ID:???
246 ：Name_Not_Found：2008/04/27(日) 09:33:20 ID:???
>>245
確かに、あっちならネタだと気付いてもらえたかもしれないね
でもこっちでああいうことをすると、もしかしたらその人が引退するまで >>239 みたいなコードを量産し続ける恐れがあるわけで。
せめて "最低限" の JavaScript を提供してね
確かに、あっちならネタだと気付いてもらえたかもしれないね
でもこっちでああいうことをすると、もしかしたらその人が引退するまで >>239 みたいなコードを量産し続ける恐れがあるわけで。
せめて "最低限" の JavaScript を提供してね
247 ：Name_Not_Found：2008/04/27(日) 12:50:33 ID:???
あんなクソース量産されたら困るわな
248 ： ◆.PT9876/4U ：2008/04/27(日) 13:24:44 ID:otfhk5pv
先週末から "ずっと人大杉" 状態で読むことさえも不可能でした.
しかし質疑応答が続いてる...
ということは nifty だけ弾かれていたってこと ?
(故意に特定の ISP を弾いて金を無心すると言う噂は... もしかして)
しかし質疑応答が続いてる...
ということは nifty だけ弾かれていたってこと ?
(故意に特定の ISP を弾いて金を無心すると言う噂は... もしかして)
249 ：Name_Not_Found：2008/04/27(日) 13:42:56 ID:???
250 ：Name_Not_Found：2008/04/27(日) 13:45:43 ID:???
まあ ID 出ないしねぇ
251 ：Name_Not_Found：2008/04/27(日) 13:59:56 ID:???
>>248
ふつうに2chブラウザで読めば良いだけの話とちゃうのか？
ふつうに2chブラウザで読めば良いだけの話とちゃうのか？
252 ：Name_Not_Found：2008/04/27(日) 17:20:06 ID:???
ネタソース>説教で上級者振り
253 ：Name_Not_Found：2008/04/27(日) 18:12:26 ID:???
254 ：Name_Not_Found：2008/04/27(日) 18:26:41 ID:???
>>246
つーかその前にDOMかけてるんだからそのコードもちゃんと改良して書けると思われ。
つーかその前にDOMかけてるんだからそのコードもちゃんと改良して書けると思われ。
255 ： ◆.PT9876/4U ：2008/04/27(日) 19:24:06 ID:otfhk5pv
>237
もう解決済み ?
>プルダウンの一部だけ文字列を変更したい
こういうときには
document.form.select.value.getElementById('a3').innerText
( "innerText" のサポートは IE のみのはず)
と言う記述よりも form 操作の基本の記述の方が使いやすいです:
document.forms[x].elements[y].options[z].text='DDD';
(もしくは document.forms[x].elements[y].options[z].value='DDD';)
これが form 操作の基本なので この理解ができていれば応用が効きます.
(document.forms[x].elements[y] までの部分を DOM でアクセスするとか)
もう解決済み ?
>プルダウンの一部だけ文字列を変更したい
こういうときには
document.form.select.value.getElementById('a3').innerText
( "innerText" のサポートは IE のみのはず)
と言う記述よりも form 操作の基本の記述の方が使いやすいです:
document.forms[x].elements[y].options[z].text='DDD';
(もしくは document.forms[x].elements[y].options[z].value='DDD';)
これが form 操作の基本なので この理解ができていれば応用が効きます.
(document.forms[x].elements[y] までの部分を DOM でアクセスするとか)
256 ：Name_Not_Found：2008/04/27(日) 19:35:49 ID:???
>>253
＿＿＿_
／ ＼ ／＼ ｷﾘｯ
. ／ （ー） （ー）＼
／ ⌒（__人__）⌒ ＼ お前はJavaScript界全体から不要だよ
| |r┬-| |
＼ `ー'´ ／
ノ ＼
"スレの常連"だとか"JavaScript界"だとか、
JavaScript質問スレ関係は真性による珍妙発言が多いから面白いね。
＿＿＿_
／ ＼ ／＼ ｷﾘｯ
. ／ （ー） （ー）＼
／ ⌒（__人__）⌒ ＼ お前はJavaScript界全体から不要だよ
| |r┬-| |
＼ `ー'´ ／
ノ ＼
"スレの常連"だとか"JavaScript界"だとか、
JavaScript質問スレ関係は真性による珍妙発言が多いから面白いね。
257 ：Name_Not_Found：2008/04/28(月) 00:45:08 ID:8hTx4yM1
<img name="test" src="http://ooo.net/z?s=AAA&1" border="0"></a>
<input onclick="document.test.src='http://ooo.net/z?s=AAA&1'" type="button" value="a">
<input onclick="document.test.src='http://ooo.net/z?s=BBB&1'" type="button" value="b">
<input onclick="document.test.src='http://ooo.net/z?s=CCC&1'" type="button" value="c">
<input onclick="document.test.src='http://ooo.net/z?s=DDD&1'" type="button" value="d">
↑
現在このように画像を切り替えられるようにしているのですが
さらに以下のボタンを追加して「&1」の「1」の部分だけを「2」に変えて画像を表示できるように
したいのですが（ﾃﾞﾌｫﾙﾄ表示では1）どのように書けばよいでしょうか？ 御願いいたします。
<input onclick="document.test.???????='1'" type="button" value="画像バージョンを1に切り替える">
<input onclick="document.test.???????='2'" type="button" value="画像バージョンを2に切り替える">
↑
イメージ図（まったくわかりません）
<input onclick="document.test.src='http://ooo.net/z?s=AAA&1'" type="button" value="a">
<input onclick="document.test.src='http://ooo.net/z?s=BBB&1'" type="button" value="b">
<input onclick="document.test.src='http://ooo.net/z?s=CCC&1'" type="button" value="c">
<input onclick="document.test.src='http://ooo.net/z?s=DDD&1'" type="button" value="d">
↑
現在このように画像を切り替えられるようにしているのですが
さらに以下のボタンを追加して「&1」の「1」の部分だけを「2」に変えて画像を表示できるように
したいのですが（ﾃﾞﾌｫﾙﾄ表示では1）どのように書けばよいでしょうか？ 御願いいたします。
<input onclick="document.test.???????='1'" type="button" value="画像バージョンを1に切り替える">
<input onclick="document.test.???????='2'" type="button" value="画像バージョンを2に切り替える">
↑
イメージ図（まったくわかりません）
258 ：Name_Not_Found：2008/04/28(月) 02:05:17 ID:???
質問です。
innerHTMLやiframeなどを使って、
連番URLのbodyタグ内のソースをコピーしてきて、
tableにして並べることは可能でしょうか？
可能であるならば、どのようにすればできるでしょうか？
http://ime.nu/2ch.net/0001/ ～ http://ime.nu/2ch.net/0100/
というようなURL先のbodyの中身を
iframeを使わず表またはインライン要素として並べたいのです。
innerHTMLやiframeなどを使って、
連番URLのbodyタグ内のソースをコピーしてきて、
tableにして並べることは可能でしょうか？
可能であるならば、どのようにすればできるでしょうか？
http://ime.nu/2ch.net/0001/ ～ http://ime.nu/2ch.net/0100/
というようなURL先のbodyの中身を
iframeを使わず表またはインライン要素として並べたいのです。
259 ：Name_Not_Found：2008/04/28(月) 06:10:24 ID:???
>>257
1. 画像を表示するimgタグにid=idImgを設定。
2. 変更ボタンのonclickで、&1以前のURL(http://example.com/z?s=AAAなど)を引数として指定し、setImageを呼び出す。
3. 切り替えボタンのonclickで、切り替えたい数字を指定してchangeIdxを呼び出す。
<script>
var appendIdx = 1;
var range = {'min':1,'max':2};
function setImage( url ) {
var elem = document.getElementById( 'idImg' );
elem.src = url + '&' +appendIdx;
}
function changeIdx( idx ) {
appendIdx = ((range['min']<=idx&&range['max']>=idx) ? idx : range['min']);
}
</script>
<img id="idImg" name="test" src="http://example.com/z?s=AAA&1" border="0"></a>
<input onclick="setImage('http://example.com/z?s=AAA')" type="button" value="a">
<input onclick="setImage('http://example.com/z?s=BBB')" type="button" value="b">
<input onclick="setImage('http://example.com/z?s=CCC')" type="button" value="c">
<input onclick="setImage('http://example.com/z?s=DDD')" type="button" value="d">
<input onclick="changeIdx(1)" type="button" value="画像バージョンを1に切り替える">
<input onclick="changeIdx(2)" type="button" value="画像バージョンを2に切り替える">
1. 画像を表示するimgタグにid=idImgを設定。
2. 変更ボタンのonclickで、&1以前のURL(http://example.com/z?s=AAAなど)を引数として指定し、setImageを呼び出す。
3. 切り替えボタンのonclickで、切り替えたい数字を指定してchangeIdxを呼び出す。
<script>
var appendIdx = 1;
var range = {'min':1,'max':2};
function setImage( url ) {
var elem = document.getElementById( 'idImg' );
elem.src = url + '&' +appendIdx;
}
function changeIdx( idx ) {
appendIdx = ((range['min']<=idx&&range['max']>=idx) ? idx : range['min']);
}
</script>
<img id="idImg" name="test" src="http://example.com/z?s=AAA&1" border="0"></a>
<input onclick="setImage('http://example.com/z?s=AAA')" type="button" value="a">
<input onclick="setImage('http://example.com/z?s=BBB')" type="button" value="b">
<input onclick="setImage('http://example.com/z?s=CCC')" type="button" value="c">
<input onclick="setImage('http://example.com/z?s=DDD')" type="button" value="d">
<input onclick="changeIdx(1)" type="button" value="画像バージョンを1に切り替える">
<input onclick="changeIdx(2)" type="button" value="画像バージョンを2に切り替える">
260 ：Name_Not_Found：2008/04/28(月) 06:17:54 ID:???
ただこれだと、現在選択されているバージョンが判らないのと、
バージョンが増えた場合にボタンの数も増えるので、切り替えボタンを変更してみる。
下記のコードを上記に追加すると、ボタンを押す毎に設定するバージョンが切り替わる。
バージョンの範囲は、
var range = {'min':1,'max':2};
の値で変更可能。バージョン1から4まで有効にしたい場合にはmaxを4に設定。
<script>
function getNextIdx() {
var tmpIdx = appendIdx+1;
return (tmpIdx>range['max'] ? range['min'] : tmpIdx);
}
function toggleIdx( elem ) {
appendIdx = getNextIdx( appendIdx );
elem.value = '現在のバージョン'+appendIdx+' 画像バージョンを'+getNextIdx(appendIdx)+'に切り替える';
}
</script>
<input onclick="toggleIdx(this)" type="button" value="現在のバージョン1 画像バージョンを2に切り替える">
バージョンが増えた場合にボタンの数も増えるので、切り替えボタンを変更してみる。
下記のコードを上記に追加すると、ボタンを押す毎に設定するバージョンが切り替わる。
バージョンの範囲は、
var range = {'min':1,'max':2};
の値で変更可能。バージョン1から4まで有効にしたい場合にはmaxを4に設定。
<script>
function getNextIdx() {
var tmpIdx = appendIdx+1;
return (tmpIdx>range['max'] ? range['min'] : tmpIdx);
}
function toggleIdx( elem ) {
appendIdx = getNextIdx( appendIdx );
elem.value = '現在のバージョン'+appendIdx+' 画像バージョンを'+getNextIdx(appendIdx)+'に切り替える';
}
</script>
<input onclick="toggleIdx(this)" type="button" value="現在のバージョン1 画像バージョンを2に切り替える">
262 ：Name_Not_Found：2008/04/28(月) 18:35:57 ID:ZwdN243g
ttps://edit.yahoo.co.jp/config/eval_register
このページの[?]画像をクリックすると文字が表示されるのですが
まったく同じことをするにはどうしたらいいのでしょうか？
ちなみにソース見てもわかりませんでした。よろしくお願いします。
このページの[?]画像をクリックすると文字が表示されるのですが
まったく同じことをするにはどうしたらいいのでしょうか？
ちなみにソース見てもわかりませんでした。よろしくお願いします。
263 ： ◆.PT9876/4U ：2008/04/28(月) 19:55:57 ID:lk7CAgp9
>>262
>ソース見てもわかりませんでした
ソース汚なすぎ !!!
(わざと複雑にしているんだろうなぁ)
時間が掛りますがサンプルは作れるでしょう.
ただし, この手の Gimmic 効果を生む library は いろいろ出回ってます.
使い方が解っていれば それを利用した方が簡単かもしれません.
ただ... ぼくは "black-box" な存在である "library" は肌に合いません.
>ソース見てもわかりませんでした
ソース汚なすぎ !!!
(わざと複雑にしているんだろうなぁ)
時間が掛りますがサンプルは作れるでしょう.
ただし, この手の Gimmic 効果を生む library は いろいろ出回ってます.
使い方が解っていれば それを利用した方が簡単かもしれません.
ただ... ぼくは "black-box" な存在である "library" は肌に合いません.
264 ： ◆.PT9876/4U ：2008/04/28(月) 20:02:19 ID:lk7CAgp9
>>258
URL が同一 domain であるなら XMLHttpRequest などの手が使えるでしょう.
しかし, たとえば Google の "Cach" のような事を考えているのであれば,
JavaScript の守備範囲から外れます.
URL が同一 domain であるなら XMLHttpRequest などの手が使えるでしょう.
しかし, たとえば Google の "Cach" のような事を考えているのであれば,
JavaScript の守備範囲から外れます.
265 ：Name_Not_Found：2008/04/28(月) 20:31:15 ID:???
すいません質問があります。
ブラウザで表示中の画像をファイルに保存したいのですが、
imageオブジェクトを触れるところまでは行きました。しかし、その後でつまづいております。。
ActiveWin.Images( 0 ) が目的のイメージオブジェクトだとして、これを例えば c:\test001.bmp として保存したい場合どうすればいいのでしょうか？
ブラウザで表示中の画像をファイルに保存したいのですが、
imageオブジェクトを触れるところまでは行きました。しかし、その後でつまづいております。。
ActiveWin.Images( 0 ) が目的のイメージオブジェクトだとして、これを例えば c:\test001.bmp として保存したい場合どうすればいいのでしょうか？
266 ： ◆.PT9876/4U ：2008/04/28(月) 20:45:21 ID:lk7CAgp9
>>265
>これを例えば c:\test001.bmp として保存したい
JavaScript は security 上の問題発生を避けるため
そのようなことはできないように設計されています.
IE 限定の JScript なら可能かもしれません.(詳しくは知りませんが)
しかし, このスレッドでは そのようなテーマは対象外です.
>これを例えば c:\test001.bmp として保存したい
JavaScript は security 上の問題発生を避けるため
そのようなことはできないように設計されています.
IE 限定の JScript なら可能かもしれません.(詳しくは知りませんが)
しかし, このスレッドでは そのようなテーマは対象外です.
268 ：262：2008/04/28(月) 21:12:51 ID:ZwdN243g
269 ： ◆.PT9876/4U ：2008/04/28(月) 21:27:39 ID:lk7CAgp9
270 ：Name_Not_Found：2008/04/28(月) 22:37:50 ID:???
>>268
>やはりわざと複雑にしてるみたいですね
そんな事は有り得ない。
素人がソース(プログラム文)を見ても理解出来ないだけ。
そもそもただ使う分には、
API(機能群とそれを利用する為の規約/仕様)のドキュメント(文章)が用意されているので、
素人がソースを見る必要も無いけれど。
>やはりわざと複雑にしてるみたいですね
そんな事は有り得ない。
素人がソース(プログラム文)を見ても理解出来ないだけ。
そもそもただ使う分には、
API(機能群とそれを利用する為の規約/仕様)のドキュメント(文章)が用意されているので、
素人がソースを見る必要も無いけれど。
272 ：Name_Not_Found：2008/04/29(火) 00:44:31 ID:???
>>261
'max':'1'のような文字列でも'max':1のような数値でも、
この場合は文脈によって適切に変換されるのでどちらでも問題無し。
>>259-260ではバージョンナンバーが連続した数値という事を前提にしてしまっているので、
a,bのようなアルファベットや、'foo','bar'のような文字列も利用したい場合には、
>>259のchangeIdxでのチェックを省いて、
function changeIdx( idx ) {
appendIdx = idx;
}
のようにして下さい。
その場合にはvar range = {'min':1,'max':2}; の記述も不要。
'max':'1'のような文字列でも'max':1のような数値でも、
この場合は文脈によって適切に変換されるのでどちらでも問題無し。
>>259-260ではバージョンナンバーが連続した数値という事を前提にしてしまっているので、
a,bのようなアルファベットや、'foo','bar'のような文字列も利用したい場合には、
>>259のchangeIdxでのチェックを省いて、
function changeIdx( idx ) {
appendIdx = idx;
}
のようにして下さい。
その場合にはvar range = {'min':1,'max':2}; の記述も不要。
273 ：Name_Not_Found：2008/04/29(火) 01:17:59 ID:???
>>264
レスありがとうございます。
GoogleのCachというのが検索してみてもよくわかりませんでした。βサービスかなにかですか？
JavaScriptのソースを眺めていて、思いついたことなのです。
やりたいことは、
１．親ページで隠しiframeを使い子ページ（連番）を開く
２．jsで隠しiframe内の子ページが持つbody要素内を取得する ←innerHTMLとかでできそう
３．取得した子ページのhtml要素を親ページに書き出す。 ←tableと組み合わせて一覧表にできそう
４．連番の子ページを、frameを使わない親ページの一部としてhtmlを構成する。
関係有りそうなキーワード： innerHTML cloneNode() importNode あたりかなと。
ということなんですが…jsで出来ることを超越してしまっているでしょうか。
これが突破できたなら、
取得した子ページのhtml要素をチェックして、
一覧に加えるかどうかを自動判別したいなと考えています。
レスありがとうございます。
GoogleのCachというのが検索してみてもよくわかりませんでした。βサービスかなにかですか？
JavaScriptのソースを眺めていて、思いついたことなのです。
やりたいことは、
１．親ページで隠しiframeを使い子ページ（連番）を開く
２．jsで隠しiframe内の子ページが持つbody要素内を取得する ←innerHTMLとかでできそう
３．取得した子ページのhtml要素を親ページに書き出す。 ←tableと組み合わせて一覧表にできそう
４．連番の子ページを、frameを使わない親ページの一部としてhtmlを構成する。
関係有りそうなキーワード： innerHTML cloneNode() importNode あたりかなと。
ということなんですが…jsで出来ることを超越してしまっているでしょうか。
これが突破できたなら、
取得した子ページのhtml要素をチェックして、
一覧に加えるかどうかを自動判別したいなと考えています。
274 ：Name_Not_Found：2008/04/29(火) 01:22:53 ID:???
275 ： ◆.PT9876/4U ：2008/04/29(火) 04:56:47 ID:ahYvJZ56
>>270
edit.yahoo.co.jp/config/eval_register
の HTML部の事を僕は言ってるんだけど.
(document.write()で <script>～</script> を書き出すなど, 謎な部分 多すぎ)
>>271
気にする必要はありません.
>>273-274
うっ! (恥ずかしいスペルミス... 近ごろ多すぎ)
>>273
frame, iframe などには多くの問題点がありますが,
その内の一つに
"他人のコンテンツをあたかも自分のコンテンツのように表示できる可能性"
があります.
これは一般的にルール違反とされています.
他人のコンテンツを加工して表示するのも同様です.
Google の "cache" は この点でグレーゾーンと言えなくもありません.
(あまり問題にされていないようですが...)
edit.yahoo.co.jp/config/eval_register
の HTML部の事を僕は言ってるんだけど.
(document.write()で <script>～</script> を書き出すなど, 謎な部分 多すぎ)
>>271
気にする必要はありません.
>>273-274
うっ! (恥ずかしいスペルミス... 近ごろ多すぎ)
>>273
frame, iframe などには多くの問題点がありますが,
その内の一つに
"他人のコンテンツをあたかも自分のコンテンツのように表示できる可能性"
があります.
これは一般的にルール違反とされています.
他人のコンテンツを加工して表示するのも同様です.
Google の "cache" は この点でグレーゾーンと言えなくもありません.
(あまり問題にされていないようですが...)
276 ： ◆.PT9876/4U ：2008/04/29(火) 20:22:31 ID:GrVHofSG
>>261
サンプル:
homepage2.nifty.com/alter/samples/popuptext/exam.html
･ script よりも素材作りに苦心したりして...
･ popup-text の表示開始位置は
ボタンにポインターが乗ったときの
ポインターの座標を元に計算しています.
(なので そのタイミングにより微妙に上下左右に...)
･ 動作確認: WaMCom(Mozilla1.31相等)
どういうものか IE5.17(MacOS9.x 最終盤) では動作不良を起こします.
(script そのものの問題ではなく, CSSレンダリングの問題の模様)
･ 希望があれば手直し もしくは zip 圧縮などの手配をします.
サンプル:
homepage2.nifty.com/alter/samples/popuptext/exam.html
･ script よりも素材作りに苦心したりして...
･ popup-text の表示開始位置は
ボタンにポインターが乗ったときの
ポインターの座標を元に計算しています.
(なので そのタイミングにより微妙に上下左右に...)
･ 動作確認: WaMCom(Mozilla1.31相等)
どういうものか IE5.17(MacOS9.x 最終盤) では動作不良を起こします.
(script そのものの問題ではなく, CSSレンダリングの問題の模様)
･ 希望があれば手直し もしくは zip 圧縮などの手配をします.
277 ：Name_Not_Found：2008/04/30(水) 02:31:59 ID:???
278 ：Name_Not_Found：2008/04/30(水) 04:00:14 ID:???
>>270
>>やはりわざと複雑にしてるみたいですね
>そんな事は有り得ない。
>素人がソース(プログラム文)を見ても理解出来ないだけ。
流れと関係ないけど、難読化や圧縮が常用されてるご時世に、
その解答は感心しませんな
ましてや初心者への解答を趣旨とするスレで。。
Google物のjs群をみて「これはわざとじゃない」とか
のたまえる方の解析マニアなら、逆にそんな言葉は出て来んだろうしな
>>やはりわざと複雑にしてるみたいですね
>そんな事は有り得ない。
>素人がソース(プログラム文)を見ても理解出来ないだけ。
流れと関係ないけど、難読化や圧縮が常用されてるご時世に、
その解答は感心しませんな
ましてや初心者への解答を趣旨とするスレで。。
Google物のjs群をみて「これはわざとじゃない」とか
のたまえる方の解析マニアなら、逆にそんな言葉は出て来んだろうしな
279 ： ◆.PT9876/4U ：2008/04/30(水) 05:20:24 ID:yBAEg2UA
>>277
>>258 前半部:
"iframeなどを使って"
>>258 後半部:
" iframeを使わず"
どっちなんですか ?
(僕も恥ずかしいミスが多数あるので偉そうなことは言えませんが)
仮に "iframe を使ってでも力ずくで" と言う話なら僕の出番はありません.
ぼくは XHTML 1.0 strict の支持者なので frame, iframe は禁じ手だからです.
他の回答者の出現を待ってください.
frame のたぐいを使わないのなら いわゆる Ajax を利用することになりますが,
こちらの方は "同じ domain に限る" と言う制限があります.
ただし, IE の ActiveX 利用の場合は話が別なようですが...
この場合も僕の出番は あり得ません.
>>258 前半部:
"iframeなどを使って"
>>258 後半部:
" iframeを使わず"
どっちなんですか ?
(僕も恥ずかしいミスが多数あるので偉そうなことは言えませんが)
仮に "iframe を使ってでも力ずくで" と言う話なら僕の出番はありません.
ぼくは XHTML 1.0 strict の支持者なので frame, iframe は禁じ手だからです.
他の回答者の出現を待ってください.
frame のたぐいを使わないのなら いわゆる Ajax を利用することになりますが,
こちらの方は "同じ domain に限る" と言う制限があります.
ただし, IE の ActiveX 利用の場合は話が別なようですが...
この場合も僕の出番は あり得ません.
280 ：Name_Not_Found：2008/04/30(水) 05:53:10 ID:???
>>278
>>262 >>263 >>268を受けての>>270
あれはBSDライセンスで公開され、
ドキュメントも完備されたJavaScriptFrameworkであるYUIに関する話という前提での発言。
まあ>>121あたりからこのスレを読んでみれば、
>>270では本当は"誰に何を"言いたかったのかを理解出来るよ。
>>262 >>263 >>268を受けての>>270
あれはBSDライセンスで公開され、
ドキュメントも完備されたJavaScriptFrameworkであるYUIに関する話という前提での発言。
まあ>>121あたりからこのスレを読んでみれば、
>>270では本当は"誰に何を"言いたかったのかを理解出来るよ。
281 ：Name_Not_Found：2008/04/30(水) 09:58:44 ID:???
282 ：Name_Not_Found：2008/04/30(水) 18:54:22 ID:???
失礼いたします。
はじめは占い系スクリプトを改変してやろうとしていたのですが、要素が一定数以上になると
表示がされなくなってしまいます。下記のソースは省略したものです。
（例えば字の数が１０００個だとすると、１～１０００の乱数を変数a,bにそれぞれいれて、
１文字目・２文字目をifで取得、最後に表示させるようなものだと解釈しています）
まずどうにかして文字を１０００以上使いたいです。
可能ならば、もうすこし簡単なスクリプトにしたいです。
<script language = "JavaScript">
function myrandom(max) {
var v = max * Math.random()
if (v == 0.0) {v = 1;}
else {v = Math.ceil(v)}
return v}
var r = myrandom(1000); //１文字目
if(r==1) {c="私"}
…（省略）…
if(r==1000) {c="君"}
var j = myrandom(1000); //2文字目
if(j==1) {d="私"}
…（省略）…
if(j==1000) {d="君"}
document.write("<p>" + "【" + c + d + "】" + "</p>")
</script>
宜しくお願いします。
はじめは占い系スクリプトを改変してやろうとしていたのですが、要素が一定数以上になると
表示がされなくなってしまいます。下記のソースは省略したものです。
（例えば字の数が１０００個だとすると、１～１０００の乱数を変数a,bにそれぞれいれて、
１文字目・２文字目をifで取得、最後に表示させるようなものだと解釈しています）
まずどうにかして文字を１０００以上使いたいです。
可能ならば、もうすこし簡単なスクリプトにしたいです。
<script language = "JavaScript">
function myrandom(max) {
var v = max * Math.random()
if (v == 0.0) {v = 1;}
else {v = Math.ceil(v)}
return v}
var r = myrandom(1000); //１文字目
if(r==1) {c="私"}
…（省略）…
if(r==1000) {c="君"}
var j = myrandom(1000); //2文字目
if(j==1) {d="私"}
…（省略）…
if(j==1000) {d="君"}
document.write("<p>" + "【" + c + d + "】" + "</p>")
</script>
宜しくお願いします。
283 ：Name_Not_Found：2008/04/30(水) 19:24:22 ID:???
>>282
<script type="text/javascript">
function myrandom(max) {
return Math.floor(Math.random() * max) + 1;
}
var a = ['私', '君', ...];
var c = a[myrandom(a.length)];
document.write('<p>' + '【' + c + '】' + '<\/p>');
</script>
<script type="text/javascript">
function myrandom(max) {
return Math.floor(Math.random() * max) + 1;
}
var a = ['私', '君', ...];
var c = a[myrandom(a.length)];
document.write('<p>' + '【' + c + '】' + '<\/p>');
</script>
284 ：Name_Not_Found：2008/04/30(水) 19:51:58 ID:???
285 ： ◆.PT9876/4U ：2008/05/01(木) 12:14:08 ID:GpZvn/5z
別に お礼を言って欲しくて やってるんじゃないんだけど,
サンプルを発表すると無反応になる のは なぜなんだろう.
せめて動作確認の報告を返して欲しい.
(僕の PC 環境は特殊すぎるので 違う環境の人の動作確認情報は貴重)
問題があるのなら手直しします !
(というか手直ししないと使えないものばかり)
サンプルを発表すると無反応になる のは なぜなんだろう.
せめて動作確認の報告を返して欲しい.
(僕の PC 環境は特殊すぎるので 違う環境の人の動作確認情報は貴重)
問題があるのなら手直しします !
(というか手直ししないと使えないものばかり)
286 ：Name_Not_Found：2008/05/01(木) 12:30:03 ID:8LtS/N5+
こちらで良いのかわかりませんが、よろしくお願いします。
テキストボックス＋セレクトボックスの機能を
作りたいのですが、可能でしょうか？
テキストボックス＋セレクトボックスの機能を
作りたいのですが、可能でしょうか？
287 ：Name_Not_Found：2008/05/01(木) 12:40:44 ID:???
>>286
意味が分かりません
意味が分かりません
288 ：Name_Not_Found：2008/05/01(木) 12:46:03 ID:???
289 ： ◆.PT9876/4U ：2008/05/01(木) 13:07:36 ID:GpZvn/5z
290 ：Name_Not_Found：2008/05/01(木) 13:26:17 ID:???
>>289
対象の HTML の断片を貼ってあげればいいんじゃないの？
対象の HTML の断片を貼ってあげればいいんじゃないの？
291 ： ◆.PT9876/4U ：2008/05/01(木) 13:41:20 ID:5UVaSIZn
>>290
意味が分かりません
冗談はさておき, 何かの目的のため,
select field と text field の併用が必要らしいのは解る.
ここで問題となるのが優先順位.
両方カラの場合も あるし, 両方 value のある場合も ありえる.
それにしても >>288 の求めるものは何なのだろう ?
意味が分かりません
冗談はさておき, 何かの目的のため,
select field と text field の併用が必要らしいのは解る.
ここで問題となるのが優先順位.
両方カラの場合も あるし, 両方 value のある場合も ありえる.
それにしても >>288 の求めるものは何なのだろう ?
292 ：Name_Not_Found：2008/05/01(木) 13:44:54 ID:???
>>289
ページジャンプは別のボタンで行っています。
上手く説明できなくてもどかしいですが、
POSTorGETで送信する時にそのセレクト＆テキストボックスのvalueを次の画面に
渡せればいいです。
ページジャンプは別のボタンで行っています。
上手く説明できなくてもどかしいですが、
POSTorGETで送信する時にそのセレクト＆テキストボックスのvalueを次の画面に
渡せればいいです。
293 ：Name_Not_Found：2008/05/01(木) 13:52:37 ID:???
294 ：Name_Not_Found：2008/05/01(木) 13:52:51 ID:8LtS/N5+
リロードすればよかった。
>>291
検索画面を作っていて、当初はセレクトボックスで選べるようにしていたのですが、
セレクトボックスで逐一選ぶのも面倒だという人のために
直接入力も可能なものを作りたかった次第です。
優先順位は
直接入力＞セレクト
両方空も有です。
>>291
検索画面を作っていて、当初はセレクトボックスで選べるようにしていたのですが、
セレクトボックスで逐一選ぶのも面倒だという人のために
直接入力も可能なものを作りたかった次第です。
優先順位は
直接入力＞セレクト
両方空も有です。
295 ： ◆.PT9876/4U ：2008/05/01(木) 13:53:06 ID:5UVaSIZn
296 ：Name_Not_Found：2008/05/01(木) 14:00:17 ID:???
<form action="">
<input type="text" name="hoge">
<script type="text/javascript">
(function() {
var a = ['これ', 'それ', 'あれ', 'どれ'];
var s = '<select onchange="this.form.elements.hoge.value=this.value">';
for (var i = 0, len = a.length; i < len; i++) {
s += '<option value="' + a[i] + '">' + a[i] + '<\/option>';
}
s += '<\/select>';
document.write(s);
})();
</script>
<input type="submit" value="送信">
</form>
<input type="text" name="hoge">
<script type="text/javascript">
(function() {
var a = ['これ', 'それ', 'あれ', 'どれ'];
var s = '<select onchange="this.form.elements.hoge.value=this.value">';
for (var i = 0, len = a.length; i < len; i++) {
s += '<option value="' + a[i] + '">' + a[i] + '<\/option>';
}
s += '<\/select>';
document.write(s);
})();
</script>
<input type="submit" value="送信">
</form>
297 ： ◆.PT9876/4U ：2008/05/01(木) 14:01:39 ID:5UVaSIZn
298 ：Name_Not_Found：2008/05/01(木) 14:02:33 ID:???
299 ： ◆.PT9876/4U ：2008/05/01(木) 14:11:17 ID:5UVaSIZn
300 ：Name_Not_Found：2008/05/01(木) 14:22:33 ID:???
スレ進行速度に書込み速度がついていけない私
>>296
物凄い勢いでコードまで書いていただきありがとうございます！
動作確認しました。
かなり良い感じです。ありがとうございます！
できれば、できればでいいのですが、完全一体化していただきたいっっ
>>299
上げ下げ関係なしなんですね。
>>297の条件で構いませんのでよろしくお願いいたします。
>>296
物凄い勢いでコードまで書いていただきありがとうございます！
動作確認しました。
かなり良い感じです。ありがとうございます！
できれば、できればでいいのですが、完全一体化していただきたいっっ
>>299
上げ下げ関係なしなんですね。
>>297の条件で構いませんのでよろしくお願いいたします。
301 ：Name_Not_Found：2008/05/01(木) 14:27:41 ID:???
302 ：Name_Not_Found：2008/05/01(木) 14:35:58 ID:???
303 ： ◆.PT9876/4U ：2008/05/01(木) 14:36:27 ID:5UVaSIZn
>>300
どうせだから CGI の入手先を教えてもらえないかな ?
どうせなら CGI と連動するサンプルの方がおもしろいのでは ?
(ただ, nifty で動くようなものは極めて少ない)
(そのときは xrea と再契約...)
どうせだから CGI の入手先を教えてもらえないかな ?
どうせなら CGI と連動するサンプルの方がおもしろいのでは ?
(ただ, nifty で動くようなものは極めて少ない)
(そのときは xrea と再契約...)
304 ：Name_Not_Found：2008/05/01(木) 14:43:08 ID:???
305 ： ◆.PT9876/4U ：2008/05/01(木) 14:47:57 ID:5UVaSIZn
306 ：Name_Not_Found：2008/05/01(木) 14:57:52 ID:???
>>304
Java のソースが出せる状況なら、サーバ側で対処した方が確実と思うが。
Java のソースが出せる状況なら、サーバ側で対処した方が確実と思うが。
307 ：Name_Not_Found：2008/05/01(木) 15:09:56 ID:???
308 ：Name_Not_Found：2008/05/01(木) 15:11:20 ID:???
>>305
よろしくお願いします。
>>304
サーバ側で対処というのが良く分かりませんでした。理解力不足です。。
送信された内容はサーバ側でどうとでも処理できるのですが、
画面にセレクト＆テキストボックスフィールドを作るというのが
ネックになっています。
上手く伝えられなくて申し訳ないです
よろしくお願いします。
>>304
サーバ側で対処というのが良く分かりませんでした。理解力不足です。。
送信された内容はサーバ側でどうとでも処理できるのですが、
画面にセレクト＆テキストボックスフィールドを作るというのが
ネックになっています。
上手く伝えられなくて申し訳ないです
309 ：Name_Not_Found：2008/05/01(木) 15:15:55 ID:???
310 ：Name_Not_Found：2008/05/01(木) 15:24:10 ID:???
・select すると textarea に選択肢（の表示）がコピーされる // 実際の value をどうするかは知らん
・textarea に何かが入力されていても select されたら上書きでいい
・select した値も textarea の内容もまとめて submit すればあとは鯖側でどうにかする
・まとめると「select した文字列を textarea へコピー」という動作だけが欲しい
こういう要件なんだと思う。たぶん。
・textarea に何かが入力されていても select されたら上書きでいい
・select した値も textarea の内容もまとめて submit すればあとは鯖側でどうにかする
・まとめると「select した文字列を textarea へコピー」という動作だけが欲しい
こういう要件なんだと思う。たぶん。
311 ：Name_Not_Found：2008/05/01(木) 15:24:40 ID:???
312 ：Name_Not_Found：2008/05/01(木) 15:28:58 ID:???
>>311
だからどうした？ 同じ form に select と textarea を突っ込めば終了。
あとは、サーバ側でやりゃいいやんって言ってるの。
>>310のように書かれれば別だが。
ただ、質問者からは textarea に反映するなんて一言も出てないが？
だからどうした？ 同じ form に select と textarea を突っ込めば終了。
あとは、サーバ側でやりゃいいやんって言ってるの。
>>310のように書かれれば別だが。
ただ、質問者からは textarea に反映するなんて一言も出てないが？
俺も勘違いしてた。
「入力可能なドロップダウンリスト」（MSが言うところのコンボボックス）が欲しいのね。
「入力可能なドロップダウンリスト」（MSが言うところのコンボボックス）が欲しいのね。
314 ：Name_Not_Found：2008/05/01(木) 15:30:15 ID:???
316 ：Name_Not_Found：2008/05/01(木) 15:37:14 ID:???
うお
319 ：Name_Not_Found：2008/05/01(木) 15:55:25 ID:???
横からだけど、>>313がかなり欲しい。
よろしくお願いします！
よろしくお願いします！
元の質問者ですが、
熱い眼差しで>>313が欲しいです。
熱い眼差しで>>313が欲しいです。
こうかな
<style type="text/css">
div.combobox {
position: relative;
}
div.combobox select{
position: absolute;
top: 1em;
display: none;
}
</style>
<form action="">
<div class="combobox">
<input type="text" name="hoge">
<script type="text/javascript">
(function() {
var a = ['これ', 'それ', 'あれ', 'どれ'];
var s = '<input type="button" value="▽" onclick="this.nextSibling.style.display=\'block\'">';
s += '<select size="' + a.length + '" onchange="this.form.elements.hoge.value=this.value;this.style.display=\'none\'">';
for (var i = 0, len = a.length; i < len; i++) {
s += '<option value="' + a[i] + '">' + a[i] + '<\/option>';
}
s += '<\/select>';
document.write(s);
})();
</script>
</div>
<p><input type="submit" value="送信"></p>
</form>
<style type="text/css">
div.combobox {
position: relative;
}
div.combobox select{
position: absolute;
top: 1em;
display: none;
}
</style>
<form action="">
<div class="combobox">
<input type="text" name="hoge">
<script type="text/javascript">
(function() {
var a = ['これ', 'それ', 'あれ', 'どれ'];
var s = '<input type="button" value="▽" onclick="this.nextSibling.style.display=\'block\'">';
s += '<select size="' + a.length + '" onchange="this.form.elements.hoge.value=this.value;this.style.display=\'none\'">';
for (var i = 0, len = a.length; i < len; i++) {
s += '<option value="' + a[i] + '">' + a[i] + '<\/option>';
}
s += '<\/select>';
document.write(s);
})();
</script>
</div>
<p><input type="submit" value="送信"></p>
</form>
323 ： ◆.PT9876/4U ：2008/05/01(木) 16:50:40 ID:5UVaSIZn
出遅れてしまったけど
homepage2.nifty.com/alter/samples/combo_fields/exam.html
homepage2.nifty.com/alter/samples/combo_fields/exam.html
325 ：Name_Not_Found：2008/05/01(木) 17:15:18 ID:???
>>324
でもグローバルの汚染は真似しないようにね
でもグローバルの汚染は真似しないようにね
326 ： ◆.PT9876/4U ：2008/05/01(木) 17:17:39 ID:5UVaSIZn
327 ：Name_Not_Found：2008/05/01(木) 20:08:31 ID:???
328 ： ◆.PT9876/4U ：2008/05/01(木) 20:30:20 ID:ORdhU0yv
>>327
これでも押し殺しているんだ.
>>299 の発言の理由をきちんと説明したほうがよかったのかな ?
(そうすることによって ぎくしゃくした流れになるのを僕は恐れたのだ)
>>296 の問題点:
1. var s の内容は select element そのものだけど... スマートなやり方とは思えない
(n 個の options の準備 -> slc.options.length=n;)
(実に単純なことなのに知らない人が多い)
2.document.write(s); は極力使うべきではない.
(document.write() には落とし穴というか, とんでもない副作用がある !)
これでも押し殺しているんだ.
>>299 の発言の理由をきちんと説明したほうがよかったのかな ?
(そうすることによって ぎくしゃくした流れになるのを僕は恐れたのだ)
>>296 の問題点:
1. var s の内容は select element そのものだけど... スマートなやり方とは思えない
(n 個の options の準備 -> slc.options.length=n;)
(実に単純なことなのに知らない人が多い)
2.document.write(s); は極力使うべきではない.
(document.write() には落とし穴というか, とんでもない副作用がある !)
まあ、要領を得ない遠吠えは華麗にスルーして、
実は>>321もまだかなり手抜きで、
JS CSS
on on … ◎
on off … × 用途が不明なボタンとセレクトボックスが見えてしまい、混乱させる
off on … ○ 普通に検索できる
off off … ○ 同上
ということで、ユーザビリティの観点から言えば CSS に頼らずに JS で全部やるべき。
もちろん、そんなこと考えてすらいない>>323は論外
実は>>321もまだかなり手抜きで、
JS CSS
on on … ◎
on off … × 用途が不明なボタンとセレクトボックスが見えてしまい、混乱させる
off on … ○ 普通に検索できる
off off … ○ 同上
ということで、ユーザビリティの観点から言えば CSS に頼らずに JS で全部やるべき。
もちろん、そんなこと考えてすらいない>>323は論外
330 ： ◆.PT9876/4U ：2008/05/01(木) 20:55:56 ID:ORdhU0yv
331 ：Name_Not_Found：2008/05/01(木) 22:43:32 ID:???
いいぞもっとやれ
>>330
大変残念ですが、今までお疲れ様でした。
質問者に全く見当違いな回答をして、
敢えて質問者に考えさせるという、2chの質問スレでは珍しい高度な回答をなさっていたようですが、
今後は他の非コテな回答者による通常の質問スレ形態になるかと思われます。
大変残念ですが、今までお疲れ様でした。
質問者に全く見当違いな回答をして、
敢えて質問者に考えさせるという、2chの質問スレでは珍しい高度な回答をなさっていたようですが、
今後は他の非コテな回答者による通常の質問スレ形態になるかと思われます。
333 ：Name_Not_Found：2008/05/02(金) 01:42:04 ID:???
結局これらの質問には何の意味があったのだろうか
＞で, 最終的に どうしたいのかな ?
＞両方カラの場合も あるし, 両方 value のある場合も ありえる.
＞POSTorGET ?
＞テキストボックスのvalueを次の画面 ?
＞すると CGI 相手に何かがしたいってこと ?
＞で, それは どういうたぐいの物なのかな ?
＞とりあえず >>297 の条件でサンプル書くってことでどう ?
＞どうせだから CGI の入手先を教えてもらえないかな ?
＞どうせなら CGI と連動するサンプルの方がおもしろいのでは ?
＞で, 最終的に どうしたいのかな ?
＞両方カラの場合も あるし, 両方 value のある場合も ありえる.
＞POSTorGET ?
＞テキストボックスのvalueを次の画面 ?
＞すると CGI 相手に何かがしたいってこと ?
＞で, それは どういうたぐいの物なのかな ?
＞とりあえず >>297 の条件でサンプル書くってことでどう ?
＞どうせだから CGI の入手先を教えてもらえないかな ?
＞どうせなら CGI と連動するサンプルの方がおもしろいのでは ?
334 ：Name_Not_Found：2008/05/02(金) 12:16:13 ID:???
>>323
完全一体化してないじゃんｗ
完全一体化してないじゃんｗ
335 ：Name_Not_Found：2008/05/02(金) 12:25:34 ID:zzLRFS1U
>>285
DIONアク禁でレス出来なかっただけだが？
DIONアク禁でレス出来なかっただけだが？
336 ：Name_Not_Found：2008/05/02(金) 12:33:46 ID:EAZeVRKm
すみません。
FC2ブログでコメントを送信するためにコメント編集の画面を開いた状態で、
サイドバーの検索フォームに文字を入れてブログ内を検索しようとすると
検索結果ではなくコメントの送信確認画面になってしまいます。
不具合の原因が分かる方いましたらお願いいたします。
FC2ブログでコメントを送信するためにコメント編集の画面を開いた状態で、
サイドバーの検索フォームに文字を入れてブログ内を検索しようとすると
検索結果ではなくコメントの送信確認画面になってしまいます。
不具合の原因が分かる方いましたらお願いいたします。
337 ： ◆.PT9876/4U ：2008/05/02(金) 12:44:45 ID:SEfED6DA
>>335
僕も昔... (今は "Dion" ではなく, "AU...")
文句言ってるのでは ないってことを理解して欲しいんですよぉ.
"手直しが必要なら応じます... 必要なはずだ..."
そう思いながらサンプルを発表してるんです.
僕も昔... (今は "Dion" ではなく, "AU...")
文句言ってるのでは ないってことを理解して欲しいんですよぉ.
"手直しが必要なら応じます... 必要なはずだ..."
そう思いながらサンプルを発表してるんです.
338 ：Name_Not_Found：2008/05/02(金) 17:17:48 ID:???
>>338
専用スレで聞いたほうが良かったですね。すみません。
専用スレで聞いたほうが良かったですね。すみません。
340 ：Name_Not_Found：2008/05/03(土) 00:24:35 ID:???
文字入力ウィンドウってpromptで簡単にできるじゃないですか。
あれみたいなので複数の値を入力できるような簡単なのはないものですかね。
GoogleMapsの管理画面で簡単に登録を行いたく、
マーカーをクリック→本文、URL、画像等を入力→csvとかに保存
としたいのですが、自力ではpromptを何度も表示する的なもの、
あるいは完全に別ページで入力フォームにしてしまう、くらいしかできませんでした。
JavaScriptで入力フォームみたいなの？をポップアップする？みたいなの？
のサンプルみたいなのがあればありがたいです。
あれみたいなので複数の値を入力できるような簡単なのはないものですかね。
GoogleMapsの管理画面で簡単に登録を行いたく、
マーカーをクリック→本文、URL、画像等を入力→csvとかに保存
としたいのですが、自力ではpromptを何度も表示する的なもの、
あるいは完全に別ページで入力フォームにしてしまう、くらいしかできませんでした。
JavaScriptで入力フォームみたいなの？をポップアップする？みたいなの？
のサンプルみたいなのがあればありがたいです。
341 ：Name_Not_Found：2008/05/03(土) 00:29:52 ID:???
ポップアップといったら position: absolute; だろうが
終わったら removeChild すればいい
終わったら removeChild すればいい
342 ：Name_Not_Found：2008/05/03(土) 00:39:41 ID:???
343 ：339：2008/05/03(土) 02:47:49 ID:GUHa6X7P
すみません。FC2ブログのスレで技術フォーラムに書き込む様薦められたのですが、その前にもう一度だけ質問させてください。
テンプレートを色々いじってみたところ、下のコメント投稿フォーム部分を消すと検索が可能になるのですが、
ソース内容に２つのフォームが同時に表示されていると問題が起こるような原因は見受けられますでしょうか？
■コメント投稿フォーム
<div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<table border="0" celpadding="0" cellspacing="1">
<tr>
<td><label for="name">Name:</label></td><td><input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>"></td>
</tr><tr>
<td><label for="mail">Mail:</label></td><td><input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>"></td>
</tr><tr>
<td><label for="url">URL:</label></td><td><input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>"></td>
</tr><tr>
<td><label for="comment">Comment:</label></td><td>
<textarea id="comment" cols="40" rows="6" name="comment[body]"></textarea></td>
</tr><tr>
テンプレートを色々いじってみたところ、下のコメント投稿フォーム部分を消すと検索が可能になるのですが、
ソース内容に２つのフォームが同時に表示されていると問題が起こるような原因は見受けられますでしょうか？
■コメント投稿フォーム
<div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<table border="0" celpadding="0" cellspacing="1">
<tr>
<td><label for="name">Name:</label></td><td><input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>"></td>
</tr><tr>
<td><label for="mail">Mail:</label></td><td><input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>"></td>
</tr><tr>
<td><label for="url">URL:</label></td><td><input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>"></td>
</tr><tr>
<td><label for="comment">Comment:</label></td><td>
<textarea id="comment" cols="40" rows="6" name="comment[body]"></textarea></td>
</tr><tr>
<td><label for="pass">Pass:</label></td><td><input id="pass" type="password" name="comment[pass]" size="12"></td>
</tr><tr>
<td><label for="himitu">Secret:</label></td><td><input id="himitu" type="checkbox" name="comment[himitu]"> 管理人にだけ表示を許可する</td>
</tr><tr>
<td> </td>
<td><br><input type="submit" name="submit[send]" value=" Send "></td>
</tr>
</table>
</div>
■検索フォーム
<form action="./" method="get">
<p class="plugin-search" &align>
<input type="text" size="20" name="q" value="" maxlength="200"><br>
<input type="submit" value=" 検索 ">
</p>
</form>
</tr><tr>
<td><label for="himitu">Secret:</label></td><td><input id="himitu" type="checkbox" name="comment[himitu]"> 管理人にだけ表示を許可する</td>
</tr><tr>
<td> </td>
<td><br><input type="submit" name="submit[send]" value=" Send "></td>
</tr>
</table>
</div>
■検索フォーム
<form action="./" method="get">
<p class="plugin-search" &align>
<input type="text" size="20" name="q" value="" maxlength="200"><br>
<input type="submit" value=" 検索 ">
</p>
</form>
345 ：Name_Not_Found：2008/05/03(土) 04:27:57 ID:???
>>344
かける言葉が見つからない
かける言葉が見つからない
346 ：Name_Not_Found：2008/05/03(土) 04:41:15 ID:SjtB5wcI
347 ：Name_Not_Found：2008/05/03(土) 04:45:42 ID:???
>>346
名無しにすれば相手してもらえるとでも？
名無しにすれば相手してもらえるとでも？
348 ：Name_Not_Found：2008/05/03(土) 05:01:42 ID:SjtB5wcI
349 ：Name_Not_Found：2008/05/03(土) 07:46:19 ID:???
>>344
とりあえずコメントフォームの閉じタグ</form>ぐらい入れたらどうだろうか
とりあえずコメントフォームの閉じタグ</form>ぐらい入れたらどうだろうか
350 ：339：2008/05/03(土) 09:25:37 ID:WBVJjONj
何か、本当にすみませんな流れなんですけどご指摘の通り、</form>を追加したら直りました。ありがとうございます。
HTMLはやったことがあるのですが、Javaスクリプトは完全に素人だったのでソースひとつひとつ消して確認してました。
<form>も<meta ～>みたいなものだと思ってたんですが、違うんですね。
他の共有テンプレを見たら確かに上記の様に</form>入ってました。
フォーラムに投稿してたらちょっと恥ずかしい事になってましたね。本当にありがとうございました。
HTMLはやったことがあるのですが、Javaスクリプトは完全に素人だったのでソースひとつひとつ消して確認してました。
<form>も<meta ～>みたいなものだと思ってたんですが、違うんですね。
他の共有テンプレを見たら確かに上記の様に</form>入ってました。
フォーラムに投稿してたらちょっと恥ずかしい事になってましたね。本当にありがとうございました。
351 ：Name_Not_Found：2008/05/03(土) 11:06:10 ID:???
よろしくお願いします。
複数のAタグのonclickに同じファンクションを入れていて、
クリックされた時にfunctionでそれぞれの子要素等を取得するにはどうすれば良いでしょうか？
というか可能でしょうか？
<a href="dummy" id="anchor1" onclick="message();return false;">All Hail Britannia</a><br>
<a href="dummy" id="anchor2" onclick="message();return false;">Yes, Your Highness.</a><br>
<a href="dummy" id="anchor3" onclick="message();return false;">Yes, My Lord.</a><br>
function message(){
alert(クリックされた子要素のIDやらテキストを表示);
}
複数のAタグのonclickに同じファンクションを入れていて、
クリックされた時にfunctionでそれぞれの子要素等を取得するにはどうすれば良いでしょうか？
というか可能でしょうか？
<a href="dummy" id="anchor1" onclick="message();return false;">All Hail Britannia</a><br>
<a href="dummy" id="anchor2" onclick="message();return false;">Yes, Your Highness.</a><br>
<a href="dummy" id="anchor3" onclick="message();return false;">Yes, My Lord.</a><br>
function message(){
alert(クリックされた子要素のIDやらテキストを表示);
}
352 ：Name_Not_Found：2008/05/03(土) 12:30:28 ID:SjtB5wcI
>>351
>複数のAタグのonclick
一般的によく使われる手だけど
良く考えると変則的な使われ方だと僕は思います.
(だから return false なんて(無駄な)記述が必要な訳だし)
"クリックした時に何かが起きますよ" と知らせたいのなら
CSS でそのように表示するように工夫するよろし.
>それぞれの子要素等を取得
見たところ textNode しかないようですが ?
(日本語で "要素" というのは element を指す訳で node とは別物)
もっとも DOM でアクセスするときには childNodes と言う形だけど.
>複数のAタグのonclick
一般的によく使われる手だけど
良く考えると変則的な使われ方だと僕は思います.
(だから return false なんて(無駄な)記述が必要な訳だし)
"クリックした時に何かが起きますよ" と知らせたいのなら
CSS でそのように表示するように工夫するよろし.
>それぞれの子要素等を取得
見たところ textNode しかないようですが ?
(日本語で "要素" というのは element を指す訳で node とは別物)
もっとも DOM でアクセスするときには childNodes と言う形だけど.
353 ：Name_Not_Found：2008/05/03(土) 12:43:35 ID:SjtB5wcI
補足:
firstChild, lastChild で elemnt を得られます.
文字通り "最初の子供", "末っ子" てな感じ
firstChild, lastChild で elemnt を得られます.
文字通り "最初の子供", "末っ子" てな感じ
354 ：Name_Not_Found：2008/05/03(土) 13:22:22 ID:???
>>352,353
レスありがとうございます。
>良く考えると変則的な使われ方だと僕は思います.
なんとなく私もそんな気がしています。。
日本語がおかしくて失礼しました。
取得したいのは、クリックされたテキスト部分だけなのですが
（>>351で言うと、1番目のaタグをクリックしたら「All Hail Britannia」を取得する）
これをfirstChild,lastChildを使ってどう取れば良いのかが分からないです。
レスありがとうございます。
>良く考えると変則的な使われ方だと僕は思います.
なんとなく私もそんな気がしています。。
日本語がおかしくて失礼しました。
取得したいのは、クリックされたテキスト部分だけなのですが
（>>351で言うと、1番目のaタグをクリックしたら「All Hail Britannia」を取得する）
これをfirstChild,lastChildを使ってどう取れば良いのかが分からないです。
355 ：Name_Not_Found：2008/05/03(土) 13:48:14 ID:???
thisでも渡しとけば。
356 ：Name_Not_Found：2008/05/03(土) 14:13:35 ID:SjtB5wcI
>>354
まったくに初心者と言うわけではなさそうですね.
>1番目のaタグをクリックしたら「All Hail Britannia」を取得する
var ancs=document.getElementsByTagName('a');
// documet 中のすべての a タグのコレクション
･ "1番目のaタグ":
ancs[0]
･ 「All Hail Britannia」を取得する
1. 一番手っ取り早いのはancs[0].innerHTML
(IE が大元だけど ほとんどの web-browser がサポート)
(ただし, innerText は IE のみ)
2. ancs[0].childNodes とやると子供の node collection が得られる.
(element と text が交互に現れるので かなり面倒臭いけど...)
で, この場合は ancs[0].childNodes が "All Hail Britannia" に当たる
参考:
alert(~); もしくは confirm(~); とやって対象を調べるのが良くやられる手
(confirm は escキーでキャンセルボタンが押せるので個人的に好き)
(alert は loop 処理などで抜け出せなくなることがある)
まったくに初心者と言うわけではなさそうですね.
>1番目のaタグをクリックしたら「All Hail Britannia」を取得する
var ancs=document.getElementsByTagName('a');
// documet 中のすべての a タグのコレクション
･ "1番目のaタグ":
ancs[0]
･ 「All Hail Britannia」を取得する
1. 一番手っ取り早いのはancs[0].innerHTML
(IE が大元だけど ほとんどの web-browser がサポート)
(ただし, innerText は IE のみ)
2. ancs[0].childNodes とやると子供の node collection が得られる.
(element と text が交互に現れるので かなり面倒臭いけど...)
で, この場合は ancs[0].childNodes が "All Hail Britannia" に当たる
参考:
alert(~); もしくは confirm(~); とやって対象を調べるのが良くやられる手
(confirm は escキーでキャンセルボタンが押せるので個人的に好き)
(alert は loop 処理などで抜け出せなくなることがある)
>>355
解決しました！ありがとうございます。！
解決しました！ありがとうございます。！
358 ：Name_Not_Found：2008/05/03(土) 14:15:00 ID:SjtB5wcI
訂正:
ancs[0].childNodes -> ancs[0].childNodes[0]
ancs[0].childNodes -> ancs[0].childNodes[0]
359 ：Name_Not_Found：2008/05/03(土) 14:17:34 ID:SjtB5wcI
>>355 が 一番スマート... やられた...
361 ：Name_Not_Found：2008/05/03(土) 17:18:25 ID:???
JavaScriptが使える人にだけサイトを表示して
使えない人にはメッセージを表示するにはどうすればいいのでしょうか？
今までは<script>document.write("サイトの内容");</script><noscript>メッセージ</noscript>
って感じで無理やりやっていましたが他に方法ありますか？
使えない人にはメッセージを表示するにはどうすればいいのでしょうか？
今までは<script>document.write("サイトの内容");</script><noscript>メッセージ</noscript>
って感じで無理やりやっていましたが他に方法ありますか？
362 ：Name_Not_Found：2008/05/03(土) 17:41:39 ID:SjtB5wcI
>>361
いろいろ方法があるだろうけれど僕ならば document.write() は使わない.
なぜならロードするときの一回きりしか使えないから.
これを使うくせを付けてしまうと柔軟な script を書けなくなってしまう.
一つの案として css で display:none もしくは vizibility:hidden を指定しておく.
(両者の表示は異なるので目的に応じて使い分けること)
あとは onload で切り替えてやれば良い.
いろいろ方法があるだろうけれど僕ならば document.write() は使わない.
なぜならロードするときの一回きりしか使えないから.
これを使うくせを付けてしまうと柔軟な script を書けなくなってしまう.
一つの案として css で display:none もしくは vizibility:hidden を指定しておく.
(両者の表示は異なるので目的に応じて使い分けること)
あとは onload で切り替えてやれば良い.
363 ：Name_Not_Found：2008/05/03(土) 17:43:48 ID:SjtB5wcI
訂正:
visibility:hidden
visibility:hidden
364 ：Name_Not_Found：2008/05/03(土) 22:26:17 ID:???
なるほど、もともとnoneにしてonloadした時にスクリプトでnoneをblockに変えて
使える人だけ見れるようにすればよかったんですね、
ありがとうございました
使える人だけ見れるようにすればよかったんですね、
ありがとうございました
365 ：Name_Not_Found：2008/05/03(土) 22:49:33 ID:???
>>364
そんなのスタイルシートを使わない、にされたら終わりじゃん
そんなのスタイルシートを使わない、にされたら終わりじゃん
366 ：Name_Not_Found：2008/05/03(土) 23:23:24 ID:???
そういうやつは終わりでいいよ。
367 ：Name_Not_Found：2008/05/03(土) 23:25:40 ID:???
今時CSS弾いてる人は珍しいし
そこまでしてJavaScript限定にしたいわけじゃないように思われ。
もしそこまでして限定したいなら何があるのか自分も知りたいが。
そこまでしてJavaScript限定にしたいわけじゃないように思われ。
もしそこまでして限定したいなら何があるのか自分も知りたいが。
368 ：Name_Not_Found：2008/05/03(土) 23:29:53 ID:???
ケータイのブラウザで見られても一発
369 ：Name_Not_Found：2008/05/04(日) 01:29:38 ID:???
>>285
亀レスになってしまって、すみません。
動作確認ですが、想定どおりに要素がランダムで表示されるのですが、
undefined というのが表示される場合があります。
要素の数が少ないほど表示される可能性が高いようです。
亀レスになってしまって、すみません。
動作確認ですが、想定どおりに要素がランダムで表示されるのですが、
undefined というのが表示される場合があります。
要素の数が少ないほど表示される可能性が高いようです。
370 ：Name_Not_Found：2008/05/04(日) 02:41:19 ID:???
>>369
ランダムというと(恐らく>>285は全く関係無い)>>282-283あたりかと思って見てみたけど、
下記のようにすればundefinedは出なくなるのでは。
function myrandom(max) {
return Math.floor(Math.random() * max);
}
配列の添字の範囲は0から配列のサイズ-1までが有効だけど、
>>283だと、1から配列のサイズまでの値を返すという間違いがあったので、
ランダムで最大値が出た場合には、配列の範囲を超えていたのがundefinedとなった原因。
ランダムというと(恐らく>>285は全く関係無い)>>282-283あたりかと思って見てみたけど、
下記のようにすればundefinedは出なくなるのでは。
function myrandom(max) {
return Math.floor(Math.random() * max);
}
配列の添字の範囲は0から配列のサイズ-1までが有効だけど、
>>283だと、1から配列のサイズまでの値を返すという間違いがあったので、
ランダムで最大値が出た場合には、配列の範囲を超えていたのがundefinedとなった原因。
371 ：Name_Not_Found：2008/05/04(日) 02:55:25 ID:???
>>370
そうですね、今思えば+1しているのがよくわからなかったです・・・
これを機にjavascriptをもう少し勉強してみようと思います。
>>283、>>370、どうもありがとうございました。
そうですね、今思えば+1しているのがよくわからなかったです・・・
これを機にjavascriptをもう少し勉強してみようと思います。
>>283、>>370、どうもありがとうございました。
372 ：Name_Not_Found：2008/05/04(日) 02:56:14 ID:58pMrOTZ
373 ：Name_Not_Found：2008/05/04(日) 12:13:01 ID:???
var woman;
var man;
manをwomanに挿入したいんですが、手取り足取り教えてくれますか？
var man;
manをwomanに挿入したいんですが、手取り足取り教えてくれますか？
374 ：Name_Not_Found：2008/05/04(日) 13:56:11 ID:???
woman = man
375 ：Name_Not_Found：2008/05/04(日) 14:03:23 ID:???
それは代入
挿入するとchildNodeができるってことがわかりましたが
やはり挿入の仕方がわかりません。
やはり挿入の仕方がわかりません。
377 ：Name_Not_Found：2008/05/04(日) 18:52:09 ID:???
378 ：Name_Not_Found：2008/05/05(月) 05:22:17 ID:???
この場合のlengthは何をさしているのだろうね
379 ：Name_Not_Found：2008/05/05(月) 08:49:03 ID:???
manの文字数じゃん？
i<manの数量指定の方がよさそうだけど。
i<manの数量指定の方がよさそうだけど。
380 ：Name_Not_Found：2008/05/05(月) 14:54:09 ID:???
このスレに手取り足取り教えられる人がいるのだろうかｗ
381 ：Name_Not_Found：2008/05/05(月) 16:35:08 ID:???
まず手取り足取りと丸投げの違いを把握してほしい。
このスレは手取り足取りと言うより質問攻めで細かいところを追及してからサンプルを出すだけ。
このスレは手取り足取りと言うより質問攻めで細かいところを追及してからサンプルを出すだけ。
382 ：Name_Not_Found：2008/05/05(月) 16:35:57 ID:???
383 ：Name_Not_Found：2008/05/05(月) 17:13:30 ID:42oncmaA
>>381
現状ではその通りではある.
というか, そうならざるを得ないだけ.
知っていることを長々と説明されても迷惑なだけでしょ ?
質問者の理解度の把握なしでは本当の意味での手取り足取りは あり得ない.
しかし, それは難しいというか, おそらく今のような形態では不可能だろう.
自分の理解度を説明できる人ならば こういうところに頼る必要はない.
現状ではその通りではある.
というか, そうならざるを得ないだけ.
知っていることを長々と説明されても迷惑なだけでしょ ?
質問者の理解度の把握なしでは本当の意味での手取り足取りは あり得ない.
しかし, それは難しいというか, おそらく今のような形態では不可能だろう.
自分の理解度を説明できる人ならば こういうところに頼る必要はない.
384 ：Name_Not_Found：2008/05/05(月) 17:39:38 ID:42oncmaA
>>383 では何が言いたいのか判らないかも知れない.
ようするに web 上では手探りで質問者の理解度を推し量るしかなく,
本当の意味での "手取り足取り" を追求するならば面と向かって
1:1 でやる必要があるだろうということ.
ようするに web 上では手探りで質問者の理解度を推し量るしかなく,
本当の意味での "手取り足取り" を追求するならば面と向かって
1:1 でやる必要があるだろうということ.
385 ：Name_Not_Found：2008/05/05(月) 17:47:45 ID:???
ネタをネタと・・・
386 ：Name_Not_Found：2008/05/05(月) 18:20:49 ID:???
>>381
それはこのスレというよりも、
日本語の読解力が無く、空気も読めない(あるいはコミュニケーション能力に欠陥のある)約一名の真性だけ。
まあでも実際サンプルを出すだけじゃなく、
何故そのように書いたのかの説明もした方が良いとは思うけどね。
質問者がJavaScriptによるプログラミングに興味が無く、
とりあえず機能すれば良いという人では無いならば。
それはこのスレというよりも、
日本語の読解力が無く、空気も読めない(あるいはコミュニケーション能力に欠陥のある)約一名の真性だけ。
まあでも実際サンプルを出すだけじゃなく、
何故そのように書いたのかの説明もした方が良いとは思うけどね。
質問者がJavaScriptによるプログラミングに興味が無く、
とりあえず機能すれば良いという人では無いならば。
387 ：Name_Not_Found：2008/05/05(月) 18:38:39 ID:+hFyxvav
>>386
>何故そのように書いたのかの説明もした方が良いとは思うけどね
頼まれもしない説明を長々とやるのも どうかと思うけどねぇ.
完動するサンプルがあればそれを読み解いていけば良い.
解らないところ, もしくは動作上の問題があればツッコミを入れれば良い.
ところが そういった feedback はどういう物か現状ではない.
そもそも ここで提示しているサンプルだって
いくつかのパターンの組み合わせでしかない.
逆に言えば そのパターンを読み解いていけば 自作が可能だ.
>何故そのように書いたのかの説明もした方が良いとは思うけどね
頼まれもしない説明を長々とやるのも どうかと思うけどねぇ.
完動するサンプルがあればそれを読み解いていけば良い.
解らないところ, もしくは動作上の問題があればツッコミを入れれば良い.
ところが そういった feedback はどういう物か現状ではない.
そもそも ここで提示しているサンプルだって
いくつかのパターンの組み合わせでしかない.
逆に言えば そのパターンを読み解いていけば 自作が可能だ.
388 ：Name_Not_Found：2008/05/05(月) 19:29:27 ID:+hFyxvav
document.write() を平気で書いて慢心している輩が
偉そうな顔をしているようでは ここも終わりだな
んなもんが蔓延したらと思うと... 恐ろしい !
偉そうな顔をしているようでは ここも終わりだな
んなもんが蔓延したらと思うと... 恐ろしい !
389 ：Name_Not_Found：2008/05/05(月) 20:54:53 ID:???
質問者のコードを流用するのでは無く、
document.writeを使っているのは>>296だけのようだけど、
僕ちゃんは、自分を批判する書きこみは全て同一人物によるものだとでも思っているのだろうか。
document.writeを使っているのは>>296だけのようだけど、
僕ちゃんは、自分を批判する書きこみは全て同一人物によるものだとでも思っているのだろうか。
390 ：Name_Not_Found：2008/05/05(月) 23:48:25 ID:???
これからは
//コメント
/* コメント */
を細かく使ってさりげなく一文一分のお仕事を伝えるとかさ
//コメント
/* コメント */
を細かく使ってさりげなく一文一分のお仕事を伝えるとかさ
391 ：Name_Not_Found：2008/05/05(月) 23:56:20 ID:???
こんばんはロムッてました
javaスクリプト全く素人です
document.write()これは何か悪いことなのでしょうか？
どのような命令なんですか？
javaスクリプト全く素人です
document.write()これは何か悪いことなのでしょうか？
どのような命令なんですか？
392 ：Name_Not_Found：2008/05/06(火) 00:17:45 ID:???
>>390
それで手取り足取りってことになるならやるけどさ…
なんか「コメント多くてうっとおしい」とか言われそうだし、やってる人居ないしね
>>391
あなたがだれなのかがわかりません。
document.write();
は、documentに()内のものを書き込む命令です。
それで手取り足取りってことになるならやるけどさ…
なんか「コメント多くてうっとおしい」とか言われそうだし、やってる人居ないしね
>>391
あなたがだれなのかがわかりません。
document.write();
は、documentに()内のものを書き込む命令です。
393 ：Name_Not_Found：2008/05/06(火) 00:20:18 ID:???
document.writeを知らないなら
今のうちからこれを多用しない癖を付けておきましょう。
これを多用するとリアルタイムでの書き換えが面倒で、柔軟なスクリプトを書くのに向いていません。
document.write()は非可逆なので、一度やったら取り消せないような気がします。
どうせなら自分はDOMを多用する。
今のうちからこれを多用しない癖を付けておきましょう。
これを多用するとリアルタイムでの書き換えが面倒で、柔軟なスクリプトを書くのに向いていません。
document.write()は非可逆なので、一度やったら取り消せないような気がします。
どうせなら自分はDOMを多用する。
394 ：Name_Not_Found：2008/05/06(火) 00:25:11 ID:???
>>391です
えぇええっ！
それじゃー私が以前ファイルの読み書きがしたいのでjavaスクリプト教えてくださいと言った時に
「javaスクリプトではできません」って誰か発言してたのは・・・騙されてたのかorz
>>392さん教えてくれてありがとう
参考書がたくさんありそうなのでjavaスクリプトでやってみたかったんですよ
でも他の言語でってことで他に廻ったんですが
なぜかみんな教えたがらないんですよ
それで解説本いっぱい買ってみたけどぜんぜん前進しないままですショボーン(´；ω；｀)
えぇええっ！
それじゃー私が以前ファイルの読み書きがしたいのでjavaスクリプト教えてくださいと言った時に
「javaスクリプトではできません」って誰か発言してたのは・・・騙されてたのかorz
>>392さん教えてくれてありがとう
参考書がたくさんありそうなのでjavaスクリプトでやってみたかったんですよ
でも他の言語でってことで他に廻ったんですが
なぜかみんな教えたがらないんですよ
それで解説本いっぱい買ってみたけどぜんぜん前進しないままですショボーン(´；ω；｀)
395 ：Name_Not_Found：2008/05/06(火) 00:59:15 ID:???
>>394
通常の2chのスレでは考えられないくらいに親切な◆.PT9876/4Uさんは、
http://pc11.2ch.net/test/read.cgi/jobs/1152314771/
にいるようなので、そちらで聞いてみれば何でも答えて貰えると思いますよ。
通常の2chのスレでは考えられないくらいに親切な◆.PT9876/4Uさんは、
http://pc11.2ch.net/test/read.cgi/jobs/1152314771/
にいるようなので、そちらで聞いてみれば何でも答えて貰えると思いますよ。
396 ：Name_Not_Found：2008/05/06(火) 01:25:07 ID:???
>>394
その人の言うファイルの読み書きは「外部ファイル(.datとか.log)」のことで、
>>392のdocumentが差すものはページのドキュメントであって外部ファイルを書き換えることはできない。
JavaScriptで記録するものはCookieしかなく、鯖側言語はファイル操作ができる。
自分中2だから何言ってるかわかんないかもだけどファイル操作がしたいなら
PHPらへんから始めると簡単でした
その人の言うファイルの読み書きは「外部ファイル(.datとか.log)」のことで、
>>392のdocumentが差すものはページのドキュメントであって外部ファイルを書き換えることはできない。
JavaScriptで記録するものはCookieしかなく、鯖側言語はファイル操作ができる。
自分中2だから何言ってるかわかんないかもだけどファイル操作がしたいなら
PHPらへんから始めると簡単でした
いつの間にか「document.write を愛用してる人」にされてしまったわけだが・・・
>>393
あんたは適材適所という言葉を覚えたほうがいい
>>286 には「リアルタイムでの書き換え」も「柔軟なスクリプト」である必要も無いだろ
あと
> document.write()は非可逆なので、一度やったら取り消せないような気がします。
気がしますと言われても説得力が無いのでｋｗｓｋ
>>393
あんたは適材適所という言葉を覚えたほうがいい
>>286 には「リアルタイムでの書き換え」も「柔軟なスクリプト」である必要も無いだろ
あと
> document.write()は非可逆なので、一度やったら取り消せないような気がします。
気がしますと言われても説得力が無いのでｋｗｓｋ
398 ：Name_Not_Found：2008/05/06(火) 02:01:17 ID:???
>>395
ありがと
私はWindows環境なのでちょっと立ち入れないや
>>396
そのファイル操作ってのがやりたいんだ
教えてくれてありがとう
中2って中学2年生ですか？
凄いす
私が中2の時はパソコンを個人で持ってる人なんか居なかったよｗ
PHPはファイル操作できるのかな？
本屋さんでついでに買った解説本が４～５冊あるけど
超凄いらしいサンプルにもファイル操作は見当たらなかったので
今は違うのをお勉強中なんだ
またどこかで会えば教えてください
オヤシミ
ありがと
私はWindows環境なのでちょっと立ち入れないや
>>396
そのファイル操作ってのがやりたいんだ
教えてくれてありがとう
中2って中学2年生ですか？
凄いす
私が中2の時はパソコンを個人で持ってる人なんか居なかったよｗ
PHPはファイル操作できるのかな？
本屋さんでついでに買った解説本が４～５冊あるけど
超凄いらしいサンプルにもファイル操作は見当たらなかったので
今は違うのをお勉強中なんだ
またどこかで会えば教えてください
オヤシミ
399 ：sage：2008/05/06(火) 03:56:05 ID:SDv92iiK
>397
>あんたは適材適所という言葉を覚えたほうがいい
ならば あんた自身は不適材不適所だ.
サンプルを鵜呑みする人が少なからず居る事をなぜ考えない ?
初心者が一度は はまる落とし穴が document.write() だって事を知らないのか ?
この事実さえも知らないのなら あんたは初心者以下だ.
もしも知りながらやってるのなら あんたは有害人物でしかない.
>あんたは適材適所という言葉を覚えたほうがいい
ならば あんた自身は不適材不適所だ.
サンプルを鵜呑みする人が少なからず居る事をなぜ考えない ?
初心者が一度は はまる落とし穴が document.write() だって事を知らないのか ?
この事実さえも知らないのなら あんたは初心者以下だ.
もしも知りながらやってるのなら あんたは有害人物でしかない.
400 ：Name_Not_Found：2008/05/06(火) 04:07:48 ID:???
>>399
なんで具体例を出さないの？
なんで具体例を出さないの？
>>398
スレ違いというならこのスレも十分スレ違いですが、
どちらかと言うと向こうのスレの方が適切だと思われますので、
お気になされる必要もありませんよ。
それに◆.PT9876/4Uさんは>>330-332のように、
残念ながらもうこのスレには来ない模様ですので。
非常に良く似た文体の偽者(異常者)は出没しているようですが。
スレ違いというならこのスレも十分スレ違いですが、
どちらかと言うと向こうのスレの方が適切だと思われますので、
お気になされる必要もありませんよ。
それに◆.PT9876/4Uさんは>>330-332のように、
残念ながらもうこのスレには来ない模様ですので。
非常に良く似た文体の偽者(異常者)は出没しているようですが。
402 ：sage：2008/05/06(火) 04:27:03 ID:SDv92iiK
念のため.
perl の print と違って
document.write() は読込時と読み込み後では動作が異なる.
読込時では単に書き出すだけなのに対し,
読み込み後ではdocument を一旦クリアしてから書き出す
という摩訶不思議な動作をする.
だから非常に使い勝手が悪い.
おそらくJavaScript 初期の設計では
読み込み後の書換え表示は(security上)好ましくないと見なされたのだろう.
(憶測に過ぎないので鵜呑みに しないで欲しい)
perl の print と違って
document.write() は読込時と読み込み後では動作が異なる.
読込時では単に書き出すだけなのに対し,
読み込み後ではdocument を一旦クリアしてから書き出す
という摩訶不思議な動作をする.
だから非常に使い勝手が悪い.
おそらくJavaScript 初期の設計では
読み込み後の書換え表示は(security上)好ましくないと見なされたのだろう.
(憶測に過ぎないので鵜呑みに しないで欲しい)
403 ：Name_Not_Found：2008/05/06(火) 04:35:50 ID:???
404 ：Name_Not_Found：2008/05/06(火) 04:36:26 ID:???
【馬鹿と鋏は使いよう】
適切な使用法を知った上で使うなら、
あまり役に立たないと思われるものでも有効に利用出来るという諺。
馬鹿に鋏を持たせても、どうせ上手く使えないだろ。という意味ではありません。
適切な使用法を知った上で使うなら、
あまり役に立たないと思われるものでも有効に利用出来るという諺。
馬鹿に鋏を持たせても、どうせ上手く使えないだろ。という意味ではありません。
405 ：異常者：2008/05/06(火) 04:38:58 ID:SDv92iiK
406 ：Name_Not_Found：2008/05/06(火) 04:42:36 ID:???
>>405
そろそろ自分が間違っている(かなりズレている)事に気が付いても良さそうなものだけど。
そろそろ自分が間違っている(かなりズレている)事に気が付いても良さそうなものだけど。
407 ：異常者：2008/05/06(火) 04:51:21 ID:SDv92iiK
408 ：Name_Not_Found：2008/05/06(火) 04:53:58 ID:???
409 ：異常者：2008/05/06(火) 05:02:07 ID:SDv92iiK
410 ：異常者：2008/05/06(火) 05:16:11 ID:SDv92iiK
"スキル不足" と言われれば返す言葉がない.
知らないことが まだまだあるのが本当のところ.
たとえば prototype 何たら などは理解できていないし,
library 関連はまったくの無知.
おそらく, このあたりが僕の限界なのだろう.
ただ... 独自の工夫も また あることも...
(2番煎じかも知れないが)
知らないことが まだまだあるのが本当のところ.
たとえば prototype 何たら などは理解できていないし,
library 関連はまったくの無知.
おそらく, このあたりが僕の限界なのだろう.
ただ... 独自の工夫も また あることも...
(2番煎じかも知れないが)
411 ：異常者：2008/05/06(火) 05:57:39 ID:SDv92iiK
そもそもの争いの種をまいたのは ほかでもない私めです.
回答者どおしの批判はタブーだってことは解っていたはずなのに.
当然ながら罰を受けなければなりません.
ってわけで 以後, 自らをここの出入り禁止人物指定といたします.
本当に御免なさい.
(これで許してくれや ! わりゃ～)
回答者どおしの批判はタブーだってことは解っていたはずなのに.
当然ながら罰を受けなければなりません.
ってわけで 以後, 自らをここの出入り禁止人物指定といたします.
本当に御免なさい.
(これで許してくれや ! わりゃ～)
412 ：Name_Not_Found：2008/05/06(火) 10:32:15 ID:???
ここで高度な質問とか出たら
一気にそっちに取り掛かって解決なんだけどな
一気にそっちに取り掛かって解決なんだけどな
413 ：Name_Not_Found：2008/05/06(火) 11:10:02 ID:???
296だったら
<form name="a">
<input type="text" name="hoge">
<select onchange="document.a.hoge.value=this.value" id="b">
<script type="text/javascript">
var a = ['これ', 'それ', 'あれ', 'どれ'];
var b = document.getElementById("b");
var c,d;
for(i=0;i<a.length;i++){
c = document.createElement("option");
d = document.createTextNode(a[i]);
c.value = a[i];
b.appendChild(c);
c.appendChild(d);
}
</script>
</select>
<input type="submit" value="送信">
</form>
で良いと思う
<form name="a">
<input type="text" name="hoge">
<select onchange="document.a.hoge.value=this.value" id="b">
<script type="text/javascript">
var a = ['これ', 'それ', 'あれ', 'どれ'];
var b = document.getElementById("b");
var c,d;
for(i=0;i<a.length;i++){
c = document.createElement("option");
d = document.createTextNode(a[i]);
c.value = a[i];
b.appendChild(c);
c.appendChild(d);
}
</script>
</select>
<input type="submit" value="送信">
</form>
で良いと思う
414 ：Name_Not_Found：2008/05/06(火) 11:50:20 ID:0HjPTTSX
>>413
DOM 利用のモダンなアプローチだね.
だけど, form select element に限っては
古典的な やり方の方がシンプルになると思うんだけどなぁ.
"options.length は read only" とする解説もあるけれど,
実際には設定も可能になっていると...
(こだわってます !)
DOM 利用のモダンなアプローチだね.
だけど, form select element に限っては
古典的な やり方の方がシンプルになると思うんだけどなぁ.
"options.length は read only" とする解説もあるけれど,
実際には設定も可能になっていると...
(こだわってます !)
415 ：Name_Not_Found：2008/05/06(火) 12:02:01 ID:0HjPTTSX
言ってる意味が判らないかも知れないので補足.
以下の部分を古典的記述で書くと...
c = document.createElement("option");
d = document.createTextNode(a[i]);
c.value = a[i];
b.appendChild(c);
c.appendChild(d);
slc.options.length=a.length; // slc: select element
slc.options[i].text=a[i];
以下の部分を古典的記述で書くと...
c = document.createElement("option");
d = document.createTextNode(a[i]);
c.value = a[i];
b.appendChild(c);
c.appendChild(d);
slc.options.length=a.length; // slc: select element
slc.options[i].text=a[i];
416 ：Name_Not_Found：2008/05/06(火) 13:30:03 ID:???
417 ：Name_Not_Found：2008/05/06(火) 14:39:25 ID:???
>>413
aが被ってるよ
aが被ってるよ
418 ：Name_Not_Found：2008/05/06(火) 14:43:09 ID:???
document.aだから大丈夫か。
あまり褒められたやり方じゃないけど
あまり褒められたやり方じゃないけど
419 ：Name_Not_Found：2008/05/06(火) 17:38:13 ID:???
元々>>1が立てた馴れ合いスレを、
JavaScript入門用スレとして便乗的に利用してきたのだから、
ここらで別スレを立てるのも手かもね。
匿名掲示板なんだから、回答者のプライドなんてどうでも良い(改善すべき点があれば指摘すれば良い)し、
質問者が反応しなくても気にしない。
要するにスレ自体が、第三者が見てもそこそこ参考になるような、
一種のデザインパターン的なサンプルになれば十分では。
JavaScript入門用スレとして便乗的に利用してきたのだから、
ここらで別スレを立てるのも手かもね。
匿名掲示板なんだから、回答者のプライドなんてどうでも良い(改善すべき点があれば指摘すれば良い)し、
質問者が反応しなくても気にしない。
要するにスレ自体が、第三者が見てもそこそこ参考になるような、
一種のデザインパターン的なサンプルになれば十分では。
420 ：Name_Not_Found：2008/05/07(水) 03:39:27 ID:???
あー・・・理屈しらんままdocument.write()多用したサイトにjQuery導入した時泣いたなぁ
素人であった当時の俺の目には、「とんでもない副作用」に映ったな
素人であった当時の俺の目には、「とんでもない副作用」に映ったな
421 ：Name_Not_Found：2008/05/07(水) 22:02:48 ID:???
自分は1週間ぐらいdocument.writeの罠にはまってたので
これから始める人たちにはなってほしくないなぁ
これから始める人たちにはなってほしくないなぁ
422 ：Name_Not_Found：2008/05/08(木) 03:19:46 ID:???
"自ら出入り禁止宣言" しといて出しゃばるのも なんですが...
>>419
>匿名掲示板なんだから、回答者のプライドなんてどうでも良い
まさにその通りなんですが,
以外に(結果待ちの間)ビクビクしているのが回答者心理なので,
恐怖心が冷静さを失わせる結果になりやすいかと.
答える側の心理を考えると極力干渉しないのがベストだと考えてます.
解っちゃいるけど予定通りにはいかないってことも あるってもんです.
>>419
>匿名掲示板なんだから、回答者のプライドなんてどうでも良い
まさにその通りなんですが,
以外に(結果待ちの間)ビクビクしているのが回答者心理なので,
恐怖心が冷静さを失わせる結果になりやすいかと.
答える側の心理を考えると極力干渉しないのがベストだと考えてます.
解っちゃいるけど予定通りにはいかないってことも あるってもんです.
423 ：Name_Not_Found：2008/05/10(土) 00:11:25 ID:???
>>422
>>174 >>216 >>221 >>235などを書いた人間だけど、
コードを貼る時点で、質問者の意図を汲んだ回答だという自信があるし、
Firefox2とIE6で動作確認済みなのでビクビクなんてしやしないよ。
軽く見ているという訳では無いが、そもそも匿名掲示板なんぞでビビッていたら、
利害関係者を始め多方面への影響がある仕事なんか出来やしない。
バイトでも良いから一度実務経験を積んでみれば?
>>174 >>216 >>221 >>235などを書いた人間だけど、
コードを貼る時点で、質問者の意図を汲んだ回答だという自信があるし、
Firefox2とIE6で動作確認済みなのでビクビクなんてしやしないよ。
軽く見ているという訳では無いが、そもそも匿名掲示板なんぞでビビッていたら、
利害関係者を始め多方面への影響がある仕事なんか出来やしない。
バイトでも良いから一度実務経験を積んでみれば?
424 ：Name_Not_Found：2008/05/10(土) 00:35:11 ID:???
>423
>そもそも匿名掲示板なんぞでビビッていたら
まあ, 自分自身の体験だとと解釈してもらって構わない.
可能な限り動作確認しながら公表しているけど, すべての環境で動く保証などない.
だから
"現時点では Mozilla なら必ず動くはずだ."
"しかし, IE は まったく当てにならないから動作不良の可能性がある"
と予測しながら発表している.
実際に "評価以来スレッド" おかしな反応があったのを体験している.
当時は IE を完全に切り捨てていた.
だから相手の主張がまったく理解できなかった.
念のため IE5.17 で確認した時に 納得した.
一応, 対策はしているものの 同じプラットホームでも
わずかなバージョンの違いで挙動が全く異なるのが IE.
Mozilla 系の方は とりあえず大丈夫なようだけど.
>質問者の意図を汲んだ回答だという自信があるし
その自信が本当に当てになるもなのだろうか ?
特にソースだけ貼った物は
動作確認にたどり着くまでにミスが混入する可能性がある.
逆にぱっと見ただけで動作確認さえしてもらえないことだってある.
>そもそも匿名掲示板なんぞでビビッていたら
まあ, 自分自身の体験だとと解釈してもらって構わない.
可能な限り動作確認しながら公表しているけど, すべての環境で動く保証などない.
だから
"現時点では Mozilla なら必ず動くはずだ."
"しかし, IE は まったく当てにならないから動作不良の可能性がある"
と予測しながら発表している.
実際に "評価以来スレッド" おかしな反応があったのを体験している.
当時は IE を完全に切り捨てていた.
だから相手の主張がまったく理解できなかった.
念のため IE5.17 で確認した時に 納得した.
一応, 対策はしているものの 同じプラットホームでも
わずかなバージョンの違いで挙動が全く異なるのが IE.
Mozilla 系の方は とりあえず大丈夫なようだけど.
>質問者の意図を汲んだ回答だという自信があるし
その自信が本当に当てになるもなのだろうか ?
特にソースだけ貼った物は
動作確認にたどり着くまでにミスが混入する可能性がある.
逆にぱっと見ただけで動作確認さえしてもらえないことだってある.
425 ：Name_Not_Found：2008/05/10(土) 01:01:12 ID:???
特に >>329 あたりなどは "単なる負け惜しみ" としか受け取れなかった.
今時, CSS 切って見るヤツなどいない.
IE がダメダメだといっても CSS2 に対応していないだけで
CSS1 の範囲なら 取り合えず大丈夫.
>ユーザビリティの観点から言えば CSS に頼らずに JS で全部やるべき
その気になれば JS だけで CSS をコントロールできる.
というか, 近ごろの script はそうすることが当たり前.
そのあげく, "そんなこと考えてすらいない>>323は論外" と結ばれた日にゃ～.
こっちだって同じ事を考えたもんだ:
">>329 は論外" だとね.
だけど, あえて黙っていた.
話が解る相手とは思えなかったからさ.
今時, CSS 切って見るヤツなどいない.
IE がダメダメだといっても CSS2 に対応していないだけで
CSS1 の範囲なら 取り合えず大丈夫.
>ユーザビリティの観点から言えば CSS に頼らずに JS で全部やるべき
その気になれば JS だけで CSS をコントロールできる.
というか, 近ごろの script はそうすることが当たり前.
そのあげく, "そんなこと考えてすらいない>>323は論外" と結ばれた日にゃ～.
こっちだって同じ事を考えたもんだ:
">>329 は論外" だとね.
だけど, あえて黙っていた.
話が解る相手とは思えなかったからさ.
426 ：Name_Not_Found：2008/05/10(土) 01:12:08 ID:???
427 ：Name_Not_Found：2008/05/10(土) 01:18:21 ID:???
相変わらずの反応なので、マジレスして損したというかさすがに見ていて痛々しい感じだけど、
自分より下に見えるものを探して叩くってのは2chらしいね。
ちょっと面白そうなので、
>>181の質問に対する回答としての>>235を同じ様に批評してみて下さい。
自分より下に見えるものを探して叩くってのは2chらしいね。
ちょっと面白そうなので、
>>181の質問に対する回答としての>>235を同じ様に批評してみて下さい。
429 ：Name_Not_Found：2008/05/10(土) 02:10:47 ID:J9HDZW0d
>>428
>自分より下に見えるものを探して叩くってのは2chらしいね
それは誤解だ.
他人を批判する事(叩く事)などに興味はない.
そもそも何かの問題に対する solution が一つであるはずなどない.
興味深いものであればパクレば良いし, さもなくば無視するに限る.
今回は その判断を誤った感があるけど.
>>181の質問に対する回答としての>>235を同じ様に批評してみて下さい
a solution.
まさに "質問者の意をくみ取った物".
しかし, パクる ほどのものでもないって感じ.
>自分より下に見えるものを探して叩くってのは2chらしいね
それは誤解だ.
他人を批判する事(叩く事)などに興味はない.
そもそも何かの問題に対する solution が一つであるはずなどない.
興味深いものであればパクレば良いし, さもなくば無視するに限る.
今回は その判断を誤った感があるけど.
>>181の質問に対する回答としての>>235を同じ様に批評してみて下さい
a solution.
まさに "質問者の意をくみ取った物".
しかし, パクる ほどのものでもないって感じ.
430 ：Name_Not_Found：2008/05/10(土) 02:14:22 ID:???
うっかり上げちまった.
JS 切ってると cookie が効かない.
JS 切ってると cookie が効かない.
431 ：Name_Not_Found：2008/05/10(土) 03:00:17 ID:???
鯖サイドが絡んだとき以外はROMの人間だけど、横レス。
>>429
> 興味深いものであればパクレば良いし, さもなくば無視するに限る.
「パクる」という表現は語弊の種なので、まあ、言葉のアヤということで。
産物が「興味深くない」もんであっても、無視すべきでないときもあるよ。例えば。
> まさに "質問者の意をくみ取った物".
> しかし, パクる ほどのものでもないって感じ.
ここに、ほかの人らとの違いがよく出てると感じたんだけど、
質問者の意をくみ取る術を、それこそ「パクり」たいとは思わないのかな？
あまり興味がないのかもしれないけど、相手のモヤモヤ→要件定義→仕様策定辺りの
上流工程って大事ですよ。
>>429
> 興味深いものであればパクレば良いし, さもなくば無視するに限る.
「パクる」という表現は語弊の種なので、まあ、言葉のアヤということで。
産物が「興味深くない」もんであっても、無視すべきでないときもあるよ。例えば。
> まさに "質問者の意をくみ取った物".
> しかし, パクる ほどのものでもないって感じ.
ここに、ほかの人らとの違いがよく出てると感じたんだけど、
質問者の意をくみ取る術を、それこそ「パクり」たいとは思わないのかな？
あまり興味がないのかもしれないけど、相手のモヤモヤ→要件定義→仕様策定辺りの
上流工程って大事ですよ。
432 ：Name_Not_Found：2008/05/10(土) 03:18:17 ID:???
>>431
そもそも, 僕は出入り禁止人間なんですけど ?
(自分で言った禁を自分で破ってりゃ世話はない)
議論がお好きな方には別の場をご用意させて頂きますが, いかが ?
(nifty 用 0ch script) <- レスポンスがひどく悪いときあり
そもそも, 僕は出入り禁止人間なんですけど ?
(自分で言った禁を自分で破ってりゃ世話はない)
議論がお好きな方には別の場をご用意させて頂きますが, いかが ?
(nifty 用 0ch script) <- レスポンスがひどく悪いときあり
433 ：Name_Not_Found：2008/05/10(土) 03:40:47 ID:???
>>432
んー、この流れでその「そもそも」を出されるとは思わなかったな。
自分はその禁とやらに興味がありませんし。
議論したいわけでもないし議論好きでもないけど、要件定義に限らず
「意を汲む」のズレがいろいろな問題を招いてそうなので触れてみただけです。
別の場の需要については不明。
んー、この流れでその「そもそも」を出されるとは思わなかったな。
自分はその禁とやらに興味がありませんし。
議論したいわけでもないし議論好きでもないけど、要件定義に限らず
「意を汲む」のズレがいろいろな問題を招いてそうなので触れてみただけです。
別の場の需要については不明。
434 ：Name_Not_Found：2008/05/10(土) 03:54:15 ID:???
安価がついたのでまた出てきました
> 特に >>329 あたりなどは "単なる負け惜しみ" としか受け取れなかった.
「>>329に勝った！」と言ってるのと同じだけど、どうして>>323は>>329より優れていると思ったのかな？
技術的に踏み込んだ質問はいつもスルーしてるようだけど、名指しで批判したんだからちゃんと答えてNE
議論なんかに興味はなくて JavaScript の話がしたいので。
> 特に >>329 あたりなどは "単なる負け惜しみ" としか受け取れなかった.
「>>329に勝った！」と言ってるのと同じだけど、どうして>>323は>>329より優れていると思ったのかな？
技術的に踏み込んだ質問はいつもスルーしてるようだけど、名指しで批判したんだからちゃんと答えてNE
議論なんかに興味はなくて JavaScript の話がしたいので。
436 ：Name_Not_Found：2008/05/10(土) 08:00:32 ID:???
>>435
そもそもの話の発端は >>321 に対する >>329 の発言だよね.
正直, 動作確認なしの発言だったので,
取り合えず, 謝っておきますです (御免なさい)
その後, 動作確認をしたら不思議(??)に動く. (なんじや, こりゃ?)
異質なものを否定するのは間違っているとしても,
見ただけで "何じゃ, こりゃ" と思う要素満載:
1. はっきり言って HTML 部を補うのが面倒
(僕は常に XHTML 記述であり, css, js 共に別ファイルにするのが普通.
しかし, >>321 は明らかに 4.01 以前の記述なので反射的に面倒臭いと)
2. "(function() { " から始り, " })(); " で終わる記述.
(BookMarklet で しばしば見かけるけど まさに "あり得ない" と思っていた)
(もしかすると僕が無知だったのかも知れないけど)
3. DOM 記述を使いながらも options を設定するのは DOM 表記ではない.
4. 極めつきの document.write() 表記.
5. 明らかに普通に CSS 指定しているにもかかわらず,
その後の "CSS が切られている場合"発言
そもそもの話の発端は >>321 に対する >>329 の発言だよね.
正直, 動作確認なしの発言だったので,
取り合えず, 謝っておきますです (御免なさい)
その後, 動作確認をしたら不思議(??)に動く. (なんじや, こりゃ?)
異質なものを否定するのは間違っているとしても,
見ただけで "何じゃ, こりゃ" と思う要素満載:
1. はっきり言って HTML 部を補うのが面倒
(僕は常に XHTML 記述であり, css, js 共に別ファイルにするのが普通.
しかし, >>321 は明らかに 4.01 以前の記述なので反射的に面倒臭いと)
2. "(function() { " から始り, " })(); " で終わる記述.
(BookMarklet で しばしば見かけるけど まさに "あり得ない" と思っていた)
(もしかすると僕が無知だったのかも知れないけど)
3. DOM 記述を使いながらも options を設定するのは DOM 表記ではない.
4. 極めつきの document.write() 表記.
5. 明らかに普通に CSS 指定しているにもかかわらず,
その後の "CSS が切られている場合"発言
437 ：Name_Not_Found：2008/05/10(土) 08:28:01 ID:???
>>435
">>329に勝った！" だぁ ?
">>323は>>329より優れている" だぁ ?
お互いの受け取り方に大きな食い違いがあるように思えてならないなぁ.
(web では ありがちなことであるけれど)
僕は常に思っています:
"一つの問題に対しての solution は複数あるのが当たり前である" と.
"他を批判する隙があれば黙ってより良いものを提出すべきだ"
というのが個人的なスタンス.
>技術的に踏み込んだ質問はいつもスルーしてるようだけど
そう見えるのだろうか ?
もしかするとその通りかも知れない.
一旦話がこじれると ものすごい努力が必要になるのが web 上の会話.
下手に突っ込む隙があるのなら,
過去に作ったサンプルの改良でもしていた方が はるかに楽しい.
">>329に勝った！" だぁ ?
">>323は>>329より優れている" だぁ ?
お互いの受け取り方に大きな食い違いがあるように思えてならないなぁ.
(web では ありがちなことであるけれど)
僕は常に思っています:
"一つの問題に対しての solution は複数あるのが当たり前である" と.
"他を批判する隙があれば黙ってより良いものを提出すべきだ"
というのが個人的なスタンス.
>技術的に踏み込んだ質問はいつもスルーしてるようだけど
そう見えるのだろうか ?
もしかするとその通りかも知れない.
一旦話がこじれると ものすごい努力が必要になるのが web 上の会話.
下手に突っ込む隙があるのなら,
過去に作ったサンプルの改良でもしていた方が はるかに楽しい.
438 ：Name_Not_Found：2008/05/10(土) 09:52:21 ID:???
>>436
4. デモ用なので処理の流れが最も分かりやすい方法を選んだまでです
汎用性は 0 ですが、こういうケースでは実行順が逆になってしまう callback 型より適していると判断しました
1. なので、エスケープとかは面倒ですが文字列リテラルの結合にするほうがメリットが大きいです
2. 特に珍しくもなんともない、ただ匿名関数でブロックを作って外からプライベートにしてるだけなんですが・・・
今までどんなコード書いてきたんですか。とりあえず prptotype.js くらい読めるようになりましょう
3. options というプロパティは見当たりません
5. 確かに JS 切らずに CSS だけ切ってるような人はいないと思いますが、この程度の大きさならそこまでこだわっても悪くはないと思います
ちなみに勘違いしてるようなので補足しとくと>>329の「そんなこと」が指す内容は「ユーザビリティについて考慮することが大切だということ」です
>>437
自分が優越感を感じてるから相手のレスが「負け惜しみ」に見えるんだろ。こんな簡単な論証が必要か？
> 一つの問題に対しての solution は複数あるのが当たり前である
もうこの際だからはっきり言わせてもらうけど
ゴミみたいなコードは solution とは言えませんよ
JS 覚えたての低スキルが先生ごっこして悦に入ってる様は見ていて滑稽なんだよね
というかなんかもういいや
4. デモ用なので処理の流れが最も分かりやすい方法を選んだまでです
汎用性は 0 ですが、こういうケースでは実行順が逆になってしまう callback 型より適していると判断しました
1. なので、エスケープとかは面倒ですが文字列リテラルの結合にするほうがメリットが大きいです
2. 特に珍しくもなんともない、ただ匿名関数でブロックを作って外からプライベートにしてるだけなんですが・・・
今までどんなコード書いてきたんですか。とりあえず prptotype.js くらい読めるようになりましょう
3. options というプロパティは見当たりません
5. 確かに JS 切らずに CSS だけ切ってるような人はいないと思いますが、この程度の大きさならそこまでこだわっても悪くはないと思います
ちなみに勘違いしてるようなので補足しとくと>>329の「そんなこと」が指す内容は「ユーザビリティについて考慮することが大切だということ」です
>>437
自分が優越感を感じてるから相手のレスが「負け惜しみ」に見えるんだろ。こんな簡単な論証が必要か？
> 一つの問題に対しての solution は複数あるのが当たり前である
もうこの際だからはっきり言わせてもらうけど
ゴミみたいなコードは solution とは言えませんよ
JS 覚えたての低スキルが先生ごっこして悦に入ってる様は見ていて滑稽なんだよね
というかなんかもういいや
439 ：Name_Not_Found：2008/05/10(土) 10:15:30 ID:???
>>438
"もしかしたら話が通じるかも ?" と ちょっと期待してました.
でも, まったく話が通じてないのを確認することになりました.
いや～, ほんとう～に私が馬鹿でした !!!
これ以後,別の場所に引き篭もります.
ちゃんちゃん.
"もしかしたら話が通じるかも ?" と ちょっと期待してました.
でも, まったく話が通じてないのを確認することになりました.
いや～, ほんとう～に私が馬鹿でした !!!
これ以後,別の場所に引き篭もります.
ちゃんちゃん.
440 ：Name_Not_Found：2008/05/10(土) 12:27:36 ID:???
普段はスレ違いを誘導するくらいのROMだけどスレチのロングパス失礼
>>423
> バイトでも良いから一度実務経験を積んでみれば?
自分の所で面倒見てもいいと思って書いてる?
もしそうでないのなら無責任というか、
厄介を他人に押し付けようとしてることになるよ。
現実には予算や居住地域といった人物以外の条件でも
制約されることだけど言責の問題として。
>>423
> バイトでも良いから一度実務経験を積んでみれば?
自分の所で面倒見てもいいと思って書いてる?
もしそうでないのなら無責任というか、
厄介を他人に押し付けようとしてることになるよ。
現実には予算や居住地域といった人物以外の条件でも
制約されることだけど言責の問題として。
441 ：Name_Not_Found：2008/05/10(土) 12:36:27 ID:???
442 ：Name_Not_Found：2008/05/10(土) 19:29:31 ID:???
特にスキルも高く無いが、妙な自信と変なプライドがあり、
それでいて、>>422での"ビクビクしているのが回答者心理"
のように怯えているのが非常に謎だったけど、理由はこれか。
手とり足とり教えるスレ part3
http://pc11.2ch.net/test/read.cgi/hp/1155395444/
>1 ：Name_Not_Found：2006/08/13(日) 00:10:44 ID:???
2年(以上?)ほど2chで初心者相手に遊んでいたら、勘違いするのも無理は無いか。
>>440
責任ある立場や環境は意外な程に人を変えるから、
試しにやってみれば?くらいの意味。
バイトやフリーが駄目っぽい(スキルが無いというより伸びる見込みが無い)なら、
普通に試用期間内で切るような所だから、無責任というのは否定しようが無けれどね。
それでいて、>>422での"ビクビクしているのが回答者心理"
のように怯えているのが非常に謎だったけど、理由はこれか。
手とり足とり教えるスレ part3
http://pc11.2ch.net/test/read.cgi/hp/1155395444/
>1 ：Name_Not_Found：2006/08/13(日) 00:10:44 ID:???
2年(以上?)ほど2chで初心者相手に遊んでいたら、勘違いするのも無理は無いか。
>>440
責任ある立場や環境は意外な程に人を変えるから、
試しにやってみれば?くらいの意味。
バイトやフリーが駄目っぽい(スキルが無いというより伸びる見込みが無い)なら、
普通に試用期間内で切るような所だから、無責任というのは否定しようが無けれどね。
443 ：Name_Not_Found：2008/05/10(土) 22:59:23 ID:???
みんなそろそろ気済んだ？
=============討論終了===============
質問などぜひどーぞ
=============討論終了===============
質問などぜひどーぞ
444 ：Name_Not_Found：2008/05/11(日) 13:27:01 ID:eqauUU+e
ではお言葉に甘えて。
var kao = new Array();
var body = new Array();
var asi = new Array();
// 設定開始（メッセージの内容を設定してください）
kao[0] = 'あ<br>';
kao[1] = 'い<br>';
kao[2] = 'う<br>';
kao[3] = 'え<br>';
kao[4] = 'お<br>';
body[0] = 'あ<br>';
body[1] = 'い<br>';
asi[0] = 'あ';
asi[1] = 'い';
// 設定終了
var no = Math.floor(Math.random() * kao.length);
var no = Math.floor(Math.random() * body.length);
var no = Math.floor(Math.random() * asi.length);
// 表示開始
document.write(kao[no]);
document.write(body[no]);
document.write(asi[no]);
このままだとあああか、いいいしか表示されません。
あいあとかいあいのように表示させるにはどうしたらいいですか？
var kao = new Array();
var body = new Array();
var asi = new Array();
// 設定開始（メッセージの内容を設定してください）
kao[0] = 'あ<br>';
kao[1] = 'い<br>';
kao[2] = 'う<br>';
kao[3] = 'え<br>';
kao[4] = 'お<br>';
body[0] = 'あ<br>';
body[1] = 'い<br>';
asi[0] = 'あ';
asi[1] = 'い';
// 設定終了
var no = Math.floor(Math.random() * kao.length);
var no = Math.floor(Math.random() * body.length);
var no = Math.floor(Math.random() * asi.length);
// 表示開始
document.write(kao[no]);
document.write(body[no]);
document.write(asi[no]);
このままだとあああか、いいいしか表示されません。
あいあとかいあいのように表示させるにはどうしたらいいですか？
445 ：Name_Not_Found：2008/05/11(日) 14:48:36 ID:eqauUU+e
自己解決しました
ご迷惑おかけしました。
ご迷惑おかけしました。
446 ：Name_Not_Found：2008/05/11(日) 18:04:48 ID:???
var no
var da
var me
var da
var me
447 ：Name_Not_Found：2008/05/11(日) 18:08:25 ID:???
var gya
var bo~
var bo~
448 ：Name_Not_Found：2008/05/12(月) 18:48:21 ID:???
少量の在庫を管理するようなシステム
(個数を増やしたら反映できるようにしたい)
を作りたいと思っています。
在庫管理以外は別で作ることになっており、後で結合するような形になります。
サンプルや作り方を検索しても思うように出てこず、
買った本もイマイチで、初心者であることもありうまく作ることが出来ません。
わかりやすいサイトやサンプルなどありましたら参考にさせて下さい。
(個数を増やしたら反映できるようにしたい)
を作りたいと思っています。
在庫管理以外は別で作ることになっており、後で結合するような形になります。
サンプルや作り方を検索しても思うように出てこず、
買った本もイマイチで、初心者であることもありうまく作ることが出来ません。
わかりやすいサイトやサンプルなどありましたら参考にさせて下さい。
449 ：Name_Not_Found：2008/05/12(月) 19:16:32 ID:???
450 ：Name_Not_Found：2008/05/12(月) 19:20:11 ID:???
>>449
課題のようなものでJavaScriptで自作したいのです。
課題のようなものでJavaScriptで自作したいのです。
451 ：Name_Not_Found：2008/05/12(月) 19:42:19 ID:???
>>450
たとえば CSV(CommaSeparatedValue) などを元に
データを加工して表示するなどと言うことはできるでしょう.
だけど データそのものを作り, save する機能がありません.
excel その他で作り, export する手もありますが...
でも "在庫管理" と "web" とを結びつける ものは何なのでしょう ?
たとえば CSV(CommaSeparatedValue) などを元に
データを加工して表示するなどと言うことはできるでしょう.
だけど データそのものを作り, save する機能がありません.
excel その他で作り, export する手もありますが...
でも "在庫管理" と "web" とを結びつける ものは何なのでしょう ?
>>451
MySQLによるデータベースを利用しようと思います。
私が買った本にMySQLとJavaScriptを併用してショッピングサイトを
作るというものがあったのです。
勉強中なので至らない部分があったら申し訳ありません。
MySQLによるデータベースを利用しようと思います。
私が買った本にMySQLとJavaScriptを併用してショッピングサイトを
作るというものがあったのです。
勉強中なので至らない部分があったら申し訳ありません。
453 ：Name_Not_Found：2008/05/12(月) 20:21:13 ID:???
>>452
まずはを MySQL 使いこなせるようになるのが先決でしょうねぇ.
(残念ながら MySQL については MovableType install の経験あるのみです)
どうやら, データ集計などは Server Side に任せる方針のようですね.
ならば...
http://pc11.2ch.net/php/subback.html
から適当なスレッドを探した方がよろしいかと.
まずはを MySQL 使いこなせるようになるのが先決でしょうねぇ.
(残念ながら MySQL については MovableType install の経験あるのみです)
どうやら, データ集計などは Server Side に任せる方針のようですね.
ならば...
http://pc11.2ch.net/php/subback.html
から適当なスレッドを探した方がよろしいかと.
>>453
誘導ありがとうございます!
誘導ありがとうございます!
455 ：Name_Not_Found：2008/05/14(水) 00:08:05 ID:W3YAHiJG
greasemonkeyでGM_xmlhttpRequestのなかで
DOMパースしたあとにevaluateをやって情報を取得したいんですけど
snapshotLength数えても0になってしまったり原因がわからなくて困っています。
var responseXML = (new DOMParser()).parseFromString(res.responseText, "application/xml");
var atag = responseXML.evaluate('//a', responseXML, null, 7, null);
↑ここをdocumentにすると実行元のページのaタグの数が出る状態
DOMパースしたあとにevaluateをやって情報を取得したいんですけど
snapshotLength数えても0になってしまったり原因がわからなくて困っています。
var responseXML = (new DOMParser()).parseFromString(res.responseText, "application/xml");
var atag = responseXML.evaluate('//a', responseXML, null, 7, null);
↑ここをdocumentにすると実行元のページのaタグの数が出る状態
456 ：Name_Not_Found：2008/05/14(水) 00:21:41 ID:???
>>455
その XML を見てみないとなんとも言えない
その XML を見てみないとなんとも言えない
457 ：455：2008/05/14(水) 01:34:47 ID:W3YAHiJG
>>456
GM_xmlhttpRequest({
method: 'GET',
url: 'http://www.yahoo.co.jp/',
headers: { 'User-agent': 'Mozilla/4.0 (compatible) Greasemonkey' },
onload: function(res) {
var responseXML = (new DOMParser()).parseFromString(res.responseText, "application/xml");
var atag = responseXML.evaluate('//a', responseXML, null, 7, null);
console.log(atag.snapshotLength);
}
});
GM_xmlhttpRequest({
method: 'GET',
url: 'http://www.yahoo.co.jp/',
headers: { 'User-agent': 'Mozilla/4.0 (compatible) Greasemonkey' },
onload: function(res) {
var responseXML = (new DOMParser()).parseFromString(res.responseText, "application/xml");
var atag = responseXML.evaluate('//a', responseXML, null, 7, null);
console.log(atag.snapshotLength);
}
});
458 ：Name_Not_Found：2008/05/14(水) 04:25:38 ID:???
>>457
どうみても text/html だが・・・それを直しみても greasemonkey.js 内でエラー出るね
おそらく XPCNativeWrapper の所為じゃないかな
ふつうの XHR で同じことやってみて問題なければグリモンスレへどうぞ
どうみても text/html だが・・・それを直しみても greasemonkey.js 内でエラー出るね
おそらく XPCNativeWrapper の所為じゃないかな
ふつうの XHR で同じことやってみて問題なければグリモンスレへどうぞ
459 ：Name_Not_Found：2008/05/14(水) 22:37:04 ID:dX4+YOVf
prototypeについてお願いします。
現在、下記のように画像を使ったメニューがあるとします。
[メニュー１] [メニュー２] [メニュー３]
メニュー２のページを表示中に、メニュー２の画像「menu2.gif」を「menu2_a.gif」に置き換える
ということがしたいのですが、これをprototypeを使って簡単に出来るようであれば教えて下さい。
お願いします。
現在、下記のように画像を使ったメニューがあるとします。
[メニュー１] [メニュー２] [メニュー３]
メニュー２のページを表示中に、メニュー２の画像「menu2.gif」を「menu2_a.gif」に置き換える
ということがしたいのですが、これをprototypeを使って簡単に出来るようであれば教えて下さい。
お願いします。
460 ：Name_Not_Found：2008/05/14(水) 23:26:38 ID:???
prototype.js なんて使うなよ。人として恥ずかしいだろう。
>>460
ライブラリ使わずに自力でやれってことでおＫ？
自力でやろうとして、
・現在表示中のファイル名（test1.html）を取得して、そっから「test1」を抜き出す
・メニュー画像それぞれに「test1」「test2」などのID名を付けておいて
・抜き出した文字列と一致した場合に「menu1.gif」を「menu1 + "_a" + ".gif"」に置き換え
ってやればいいかと思いきや、一番目の「test1」をdocument.URLなどから抜き出せず
躓いていたのです。
prototypeなどを使えば簡単なのかな～と思いまして。
ライブラリ使わずに自力でやれってことでおＫ？
自力でやろうとして、
・現在表示中のファイル名（test1.html）を取得して、そっから「test1」を抜き出す
・メニュー画像それぞれに「test1」「test2」などのID名を付けておいて
・抜き出した文字列と一致した場合に「menu1.gif」を「menu1 + "_a" + ".gif"」に置き換え
ってやればいいかと思いきや、一番目の「test1」をdocument.URLなどから抜き出せず
躓いていたのです。
prototypeなどを使えば簡単なのかな～と思いまして。
462 ：Name_Not_Found：2008/05/15(木) 09:49:44 ID:???
>>461
var a=/\/(.+?)\.html?$/i.exec(location.href);
if (!a) return;
var img = document.getElementById(a[1]);
img.src = img.src.replace(/([^\/.]+)(\.\w+)$/, '$1_a$2');
var a=/\/(.+?)\.html?$/i.exec(location.href);
if (!a) return;
var img = document.getElementById(a[1]);
img.src = img.src.replace(/([^\/.]+)(\.\w+)$/, '$1_a$2');
463 ：Name_Not_Found：2008/05/15(木) 16:16:07 ID:???
lightview.jsの質問はこちらでしても大丈夫でしょうか？
464 ：Name_Not_Found：2008/05/15(木) 19:49:37 ID:???
教えて下さい。
ttp://www.nickstakenburg.com/projects/lightview/
Lightviewで画像を開けた時、下へスクロールしようとすると、
画像がずっと真ん中で固定されたままなのですが、これを
ttp://www.huddletogether.com/projects/lightbox2/
Lightboxで画像を開けた時みたいに、下へスクロールしても
画像が最初開いた位置のままにするには、
Lightviewのどこをどういじればいいのでしょうか？
ttp://www.nickstakenburg.com/projects/lightview/
Lightviewで画像を開けた時、下へスクロールしようとすると、
画像がずっと真ん中で固定されたままなのですが、これを
ttp://www.huddletogether.com/projects/lightbox2/
Lightboxで画像を開けた時みたいに、下へスクロールしても
画像が最初開いた位置のままにするには、
Lightviewのどこをどういじればいいのでしょうか？
465 ：Name_Not_Found：2008/05/16(金) 03:26:57 ID:???
>>464
Lightview.restoreCenterを無効にするオプションが用意されて無いなら、
Lightview.restoreCenter = (自粛)
などで無効にする必要があるけれど、
>For non-commercial domains this will allow you to use Lightview under a Creative Commons Attribution-Noncommercial-No Derivative Works License.
>When you get permission for a commercial domain you may use Lightview under the terms of the Creative Commons Attribution-No Derivative Works License.
ttp://creativecommons.org/licenses/by-nc-nd/3.0/deed.ja
ttp://creativecommons.org/licenses/by-nd/3.0/deed.ja
のように改変は禁止されているので不可能。
Lightview.restoreCenterを無効にするオプションが用意されて無いなら、
Lightview.restoreCenter = (自粛)
などで無効にする必要があるけれど、
>For non-commercial domains this will allow you to use Lightview under a Creative Commons Attribution-Noncommercial-No Derivative Works License.
>When you get permission for a commercial domain you may use Lightview under the terms of the Creative Commons Attribution-No Derivative Works License.
ttp://creativecommons.org/licenses/by-nc-nd/3.0/deed.ja
ttp://creativecommons.org/licenses/by-nd/3.0/deed.ja
のように改変は禁止されているので不可能。
466 ：Name_Not_Found：2008/05/16(金) 09:22:03 ID:???
468 ：Name_Not_Found：2008/05/16(金) 13:16:58 ID:???
>>467
>>462だと>>461の条件に合う結果にはならないので、ちょっと>>462の意図が不明(単なるミス?)。
var a=/([^\/]+)\.html?$/i.exec(location.href);
なら、"http://example.com/test1.html"のような文字列からtest1を取り出す事が可能。
>>462の一行目がシンタックスエラーとなる環境というのも気になるけど。
>>462だと>>461の条件に合う結果にはならないので、ちょっと>>462の意図が不明(単なるミス?)。
var a=/([^\/]+)\.html?$/i.exec(location.href);
なら、"http://example.com/test1.html"のような文字列からtest1を取り出す事が可能。
>>462の一行目がシンタックスエラーとなる環境というのも気になるけど。
469 ：Name_Not_Found：2008/05/16(金) 13:46:10 ID:ebtksID8
かなり低レベルな質問になると思うのですが、
missing ; before statement
というエラーで分からなくて止まってます。
function phaseCheck()
{
document.member.phase2.disabled = false;
};
この関数がおかしいと言ってるようなのですが、どこがおかしいのでしょうか？
missing ; before statement
というエラーで分からなくて止まってます。
function phaseCheck()
{
document.member.phase2.disabled = false;
};
この関数がおかしいと言ってるようなのですが、どこがおかしいのでしょうか？
すみません。違うところがかかわって来ておかしくなってたみたいでした。
自己解決しました
自己解決しました
471 ：Name_Not_Found：2008/05/21(水) 21:57:21 ID:GLfpZKoz
よろしくおねがいします
今greasemonkeyでjavascript書いてページにパネルを表示させるということをしているのですが
以下のソースコードで、通常のページではうまく表示されるのですが、ヤフージャパンなどでは
表示されません。
CSSの問題かなあとおもっていますが、firebugでCSSを全部消しても現れません。
bottom=0
とするとyahooでも問題なく表示されます。
どなたか解決策を教えてください。
よろしくお願いします。
以下コード
var GM_infoPanel = document.createElement('div');
with(GM_infoPanel.style) {
bottom = 50;
left = 0;
padding = '2px';
opacity = '0.5';
fontSize = 'x-small';
color = '#000000';
backgroundColor = '#FFFFFF';
border = '3px double #C0C0C0';
zIndex = 800;
position = 'fixed';
}
GM_infoPanel.innerHTML="test";
document.body.appendChild(GM_infoPanel);
今greasemonkeyでjavascript書いてページにパネルを表示させるということをしているのですが
以下のソースコードで、通常のページではうまく表示されるのですが、ヤフージャパンなどでは
表示されません。
CSSの問題かなあとおもっていますが、firebugでCSSを全部消しても現れません。
bottom=0
とするとyahooでも問題なく表示されます。
どなたか解決策を教えてください。
よろしくお願いします。
以下コード
var GM_infoPanel = document.createElement('div');
with(GM_infoPanel.style) {
bottom = 50;
left = 0;
padding = '2px';
opacity = '0.5';
fontSize = 'x-small';
color = '#000000';
backgroundColor = '#FFFFFF';
border = '3px double #C0C0C0';
zIndex = 800;
position = 'fixed';
}
GM_infoPanel.innerHTML="test";
document.body.appendChild(GM_infoPanel);
472 ：Name_Not_Found：2008/05/21(水) 23:53:39 ID:???
473 ：Name_Not_Found：2008/05/22(木) 21:40:38 ID:???
474 ：Name_Not_Found：2008/05/23(金) 02:18:41 ID:???
基本的な事で悩んでます。
テキストエンコーディングの事です。
使用するファイルは
HTMLファイル、jsファイル、xmlファイルです。
1.
HTMLはcharset=Shift_JIS
読み込んでるjsファイルもShift_JIS
jsファイルで読み込ませるxmlファイル-UTF-8
2.
HTMLはcharset=Shift_JIS
読み込んでるjsファイルもShift_JIS
jsファイルで読み込ませるxmlファイル
<?xml verson "1.1" encoding = "Shift_JIS"?>を明記して
Shift_JIS"で保存。
ほとんどのブラウザは1で大丈夫だったのですが
Mac/Safari1.3.2はブラウザ上で文字化けしたために
2のパターンでした。
ほとんどのブラウザは1のパターンで大丈夫のようです。
HTMLファイルと読み込むjsファイルは
テキストエンコードは同じにした方がいい、で
大丈夫でしょうか？
テキストエンコーディングの事です。
使用するファイルは
HTMLファイル、jsファイル、xmlファイルです。
1.
HTMLはcharset=Shift_JIS
読み込んでるjsファイルもShift_JIS
jsファイルで読み込ませるxmlファイル-UTF-8
2.
HTMLはcharset=Shift_JIS
読み込んでるjsファイルもShift_JIS
jsファイルで読み込ませるxmlファイル
<?xml verson "1.1" encoding = "Shift_JIS"?>を明記して
Shift_JIS"で保存。
ほとんどのブラウザは1で大丈夫だったのですが
Mac/Safari1.3.2はブラウザ上で文字化けしたために
2のパターンでした。
ほとんどのブラウザは1のパターンで大丈夫のようです。
HTMLファイルと読み込むjsファイルは
テキストエンコードは同じにした方がいい、で
大丈夫でしょうか？
475 ：Name_Not_Found：2008/05/23(金) 02:47:48 ID:???
>>474
jsもcharsetで明示すれば大丈夫
jsもcharsetで明示すれば大丈夫
476 ：Name_Not_Found：2008/05/23(金) 03:32:25 ID:???
>>475
了解です。試してみます。
了解です。試してみます。
477 ：Name_Not_Found：2008/05/25(日) 14:43:29 ID:???
今Jave入門の課題で作ってるのが全然ﾜｶﾝﾈ('A`)状態です。
入力した数を足していって数字以外を入力したら合計値を返す、っていうやつなんですが、
色々直してみても無限ループ入ったり、全然作動しなかったり…
今はこんな状態↓です。段々何書いてるのか分からなくなってきた…orz
var i, x, y, m, ;
x = Number(prompt("x = ?"));
i = 1;
for (i = 1; i = infinity ; i++) {
x = Number(prompt("x" +(i+1)+ "=?"));
m = x + y ;
if ( x == NaN ) break ;
}
document.writeln("合計は" + m );
入力した数を足していって数字以外を入力したら合計値を返す、っていうやつなんですが、
色々直してみても無限ループ入ったり、全然作動しなかったり…
今はこんな状態↓です。段々何書いてるのか分からなくなってきた…orz
var i, x, y, m, ;
x = Number(prompt("x = ?"));
i = 1;
for (i = 1; i = infinity ; i++) {
x = Number(prompt("x" +(i+1)+ "=?"));
m = x + y ;
if ( x == NaN ) break ;
}
document.writeln("合計は" + m );
478 ：Name_Not_Found：2008/05/25(日) 16:13:39 ID:???
NaNと比較してるのが敗因だろう
isNaNを使ってみ
isNaNを使ってみ
479 ：Name_Not_Found：2008/05/26(月) 03:13:42 ID:P/4mhZdE
<form name="form1"><input type="text" name="text" /></form>
こんなソースがあるときに、
フォームの枠の色などのスタイルシートで変更出来るような箇所を変更したいのですが、
出来ないでしょうか？
こんなソースがあるときに、
フォームの枠の色などのスタイルシートで変更出来るような箇所を変更したいのですが、
出来ないでしょうか？
480 ：Name_Not_Found：2008/05/26(月) 03:32:38 ID:???
document.getElementsByName('form1')
とか
とか
481 ：Name_Not_Found：2008/05/26(月) 03:44:15 ID:P/4mhZdE
482 ：Name_Not_Found：2008/05/26(月) 04:06:27 ID:pk/8mvbJ
Web制作初心者用質問スレッドでさせて頂いた所、こちらのスレッドを教えて頂きました。
ttp://www.apple.com/jp/mac/
このサイトの中部分右側の「注目のダウンロード」「注目のウィジェット」「ホットニュース」
という部分のJavaScriptを、この折り畳み階層機能・インターフェースを
そのままブログのサイドバーに追加して、その中身をコメントやトラックバック、
アーカイブ等で分け開け閉じできるようにしたいのですが、どなたか御教示頂けませんでしょうか？
ソースを覗き見してそれらしき単語でググってみた所、この辺がヒットしたので、
これらを改変して自分なりにやってみたんですが、いまいちうまくできませんでした。
ttp://jqueryfordesigners.com/slide-out-and-drawer-effect/
ttp://bassistance.de/jquery-plugins/jquery-plugin-accordion/
ttp://hyper-text.org/archives/2006/12/slide_menu_javascript.shtml
1/2
ttp://www.apple.com/jp/mac/
このサイトの中部分右側の「注目のダウンロード」「注目のウィジェット」「ホットニュース」
という部分のJavaScriptを、この折り畳み階層機能・インターフェースを
そのままブログのサイドバーに追加して、その中身をコメントやトラックバック、
アーカイブ等で分け開け閉じできるようにしたいのですが、どなたか御教示頂けませんでしょうか？
ソースを覗き見してそれらしき単語でググってみた所、この辺がヒットしたので、
これらを改変して自分なりにやってみたんですが、いまいちうまくできませんでした。
ttp://jqueryfordesigners.com/slide-out-and-drawer-effect/
ttp://bassistance.de/jquery-plugins/jquery-plugin-accordion/
ttp://hyper-text.org/archives/2006/12/slide_menu_javascript.shtml
1/2
483 ：Name_Not_Found：2008/05/26(月) 04:07:10 ID:pk/8mvbJ
含ませたい項目は下記三つになります。
(1) recent comment
<!--rcomment-->
<li><a href="<%rcomment_link>#comment<%rcomment_no>" title=">
<%rcomment_etitle>[<%rcomment_title>]"><%rcomment_name>
[<%rcomment_month>.<%rcomment_day>]</a></li>
<!--/rcomment-->
(2) recent entry
<!--recent-->
<li><a href="<%recent_link>"><%recent_title> [<%recent_month>.<%recent_day>]</a></li>
<!--/recent-->
(3) archive
<!--archive-->
<li><a href="<%archive_link>"><%archive_year> / <%archive_month> [<%archive_count>]</a></li>
<!--/archive-->
お手数お掛けしてしまい申し訳ないのですが宜しくお願い致します。
2/2
(1) recent comment
<!--rcomment-->
<li><a href="<%rcomment_link>#comment<%rcomment_no>" title=">
<%rcomment_etitle>[<%rcomment_title>]"><%rcomment_name>
[<%rcomment_month>.<%rcomment_day>]</a></li>
<!--/rcomment-->
(2) recent entry
<!--recent-->
<li><a href="<%recent_link>"><%recent_title> [<%recent_month>.<%recent_day>]</a></li>
<!--/recent-->
(3) archive
<!--archive-->
<li><a href="<%archive_link>"><%archive_year> / <%archive_month> [<%archive_count>]</a></li>
<!--/archive-->
お手数お掛けしてしまい申し訳ないのですが宜しくお願い致します。
2/2
484 ：Name_Not_Found：2008/05/26(月) 19:23:13 ID:???
>>479,481
var pointer = document.getElementsByName("form1")[0];
pointer.border = "1px solid #000";
自分の理解力だとこんな感じ
var pointer = document.getElementsByName("form1")[0];
pointer.border = "1px solid #000";
自分の理解力だとこんな感じ
485 ：Name_Not_Found：2008/05/26(月) 19:28:10 ID:???
>>482-483
オンマウスで表示切り替えってこと？
オンマウスで表示切り替えってこと？
486 ：Name_Not_Found：2008/05/26(月) 19:32:14 ID:pk/8mvbJ
>>485
はい、そういう事です。
はい、そういう事です。
487 ：Name_Not_Found：2008/05/26(月) 19:45:26 ID:???
>>486
<script type="text/javascript">
<!--
function fold(id){
var node = document.getElementById(id);
node.style.display = (node.style.display == "none") ? "":"none";
}
//-->
</script>
<span onmouseover="fold('menu1')" onmouseout="fold('menu1')">メニュー1</span><br />
<div id="menu1" style="display:none">
メニュー1の中身
</div>
<span onmouseover="fold('menu2')" onmouseout="fold('menu2')">メニュー2</span><br />
<div id="menu2" style="display:none">
メニュー2の中身
</div>
<span onmouseover="fold('menu3')" onmouseout="fold('menu3')">メニュー3</span><br />
<div id="menu3" style="display:none">
メニュー3の中身
</div>
こんな感じなら。
なんかもっと必要な事があれば言ってくださいね。
根本的に違っている場合もぜひ。
<script type="text/javascript">
<!--
function fold(id){
var node = document.getElementById(id);
node.style.display = (node.style.display == "none") ? "":"none";
}
//-->
</script>
<span onmouseover="fold('menu1')" onmouseout="fold('menu1')">メニュー1</span><br />
<div id="menu1" style="display:none">
メニュー1の中身
</div>
<span onmouseover="fold('menu2')" onmouseout="fold('menu2')">メニュー2</span><br />
<div id="menu2" style="display:none">
メニュー2の中身
</div>
<span onmouseover="fold('menu3')" onmouseout="fold('menu3')">メニュー3</span><br />
<div id="menu3" style="display:none">
メニュー3の中身
</div>
こんな感じなら。
なんかもっと必要な事があれば言ってくださいね。
根本的に違っている場合もぜひ。
489 ：Name_Not_Found：2008/05/26(月) 19:49:27 ID:???
490 ：Name_Not_Found：2008/05/26(月) 19:58:59 ID:???
491 ：Name_Not_Found：2008/05/26(月) 20:36:01 ID:???
>>487
>>482のはアップルのサイトのアコーディオンメニュー（折り畳みメニュー）を
そのまま使いたいって事な気がする。
これはフォント指定されちゃってるけどこんな感じで
http://jqueryfordesigners.com/demo/plugin-slide-demo.html
>>482
ブログのサイドバーの縦幅取っちゃう部分を↑の物で短くまとめたいって事でしょ？
>>482のはアップルのサイトのアコーディオンメニュー（折り畳みメニュー）を
そのまま使いたいって事な気がする。
これはフォント指定されちゃってるけどこんな感じで
http://jqueryfordesigners.com/demo/plugin-slide-demo.html
>>482
ブログのサイドバーの縦幅取っちゃう部分を↑の物で短くまとめたいって事でしょ？
492 ：Name_Not_Found：2008/05/26(月) 22:55:27 ID:???
手取り足取りよろしくお願いします。
http://www.dynamicdrive.com/dynamicindex2/ajaxticker.htm
変更したいスクリプト
<script type="text/javascript">
var xmlfile="tickercontent.txt"
new ajax_ticker(xmlfile, "ajaxticker1", "someclass", 1000, "fade")
</script>
Safariの2.0まではutf-8のXMLファイルは文字化けしたので
上記のvar xmlfile="tickercontent.txt" を
ブラウザSafariのバージョンによって変えたいです。
SafariのAppleWebKitを判定してバージョンを返しているjavascriptは見つかったのですが
うまく使いこなせません。
単純にSafari/100.1などの数字部分が500以上(Safari3.0以上)なら
var xmlfile="tickercontent.txt"
それ以外ならShift_JISで書いた
var xmlfile="tickercontent01.txt" にしたいです。
よろしくお願い致します。
http://www.dynamicdrive.com/dynamicindex2/ajaxticker.htm
変更したいスクリプト
<script type="text/javascript">
var xmlfile="tickercontent.txt"
new ajax_ticker(xmlfile, "ajaxticker1", "someclass", 1000, "fade")
</script>
Safariの2.0まではutf-8のXMLファイルは文字化けしたので
上記のvar xmlfile="tickercontent.txt" を
ブラウザSafariのバージョンによって変えたいです。
SafariのAppleWebKitを判定してバージョンを返しているjavascriptは見つかったのですが
うまく使いこなせません。
単純にSafari/100.1などの数字部分が500以上(Safari3.0以上)なら
var xmlfile="tickercontent.txt"
それ以外ならShift_JISで書いた
var xmlfile="tickercontent01.txt" にしたいです。
よろしくお願い致します。
493 ：Name_Not_Found：2008/05/26(月) 22:55:53 ID:???
Safariの判定
1.
switch(){
case "Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/85.7 (KHTML, like Gecko) Safari/85.6": return "safari1.0";
case Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/103u (KHTML, like Gecko) Safari/100.1: return "safari1.1";
}
2.
elsif ($agent =~ /Safari/([0-9.]*)/i) {
if ($agent =~ /(85)/i) { $agent = "Safari 1.0"; }
elsif ($agent =~ /(100)/i) { $agent = "Safari 1.1"; }
elsif ($agent =~ /(125)/i) { $agent = "Safari 1.2"; }
elsif ($agent =~ /(312)/i) { $agent = "Safari 1.3"; }
elsif ($agent =~ /(412|416|417|419)/i) { $agent = "Safari 2.0"; }
elsif ($agent =~ /(522)/i) { $agent = "Safari 3.0"; }
else { $agent = "Safari $1"; }
}
1.
switch(){
case "Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/85.7 (KHTML, like Gecko) Safari/85.6": return "safari1.0";
case Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/103u (KHTML, like Gecko) Safari/100.1: return "safari1.1";
}
2.
elsif ($agent =~ /Safari/([0-9.]*)/i) {
if ($agent =~ /(85)/i) { $agent = "Safari 1.0"; }
elsif ($agent =~ /(100)/i) { $agent = "Safari 1.1"; }
elsif ($agent =~ /(125)/i) { $agent = "Safari 1.2"; }
elsif ($agent =~ /(312)/i) { $agent = "Safari 1.3"; }
elsif ($agent =~ /(412|416|417|419)/i) { $agent = "Safari 2.0"; }
elsif ($agent =~ /(522)/i) { $agent = "Safari 3.0"; }
else { $agent = "Safari $1"; }
}
494 ：Name_Not_Found：2008/05/26(月) 23:00:41 ID:???
追加です。
htmlとjavascriptはShit_JISでエンコードしてます。
Safari2.0以下用には、エンコードを明記して、
tickercontent.txtを作成しました。
<?xml verson "1.1" encoding = "Shift_JIS"?>
<div class="message">
<a href="http://www.javascriptkit.com" target="_new">日本語</a><br />Comprehensive JavaScript tutorials and over 400+ free scripts!
</div>
よろしくです。
htmlとjavascriptはShit_JISでエンコードしてます。
Safari2.0以下用には、エンコードを明記して、
tickercontent.txtを作成しました。
<?xml verson "1.1" encoding = "Shift_JIS"?>
<div class="message">
<a href="http://www.javascriptkit.com" target="_new">日本語</a><br />Comprehensive JavaScript tutorials and over 400+ free scripts!
</div>
よろしくです。
Safariのバージョンを抜き出せるようになりました。
var n = version//バージョン
<script�language="JavaScript">
<!--
//バージョンが500以上だったら
if�(n�>�500){
var xmlfile="tickercontent01.txt";
}else{
var xmlfile="tickercontent.txt";
}
new ajax_ticker(xmlfile, "ajaxticker1", "someclass", 3500, "fade")
//�-->
</script>
テキストは表示されませんでした。
よろしくお願いします。
var n = version//バージョン
<script�language="JavaScript">
<!--
//バージョンが500以上だったら
if�(n�>�500){
var xmlfile="tickercontent01.txt";
}else{
var xmlfile="tickercontent.txt";
}
new ajax_ticker(xmlfile, "ajaxticker1", "someclass", 3500, "fade")
//�-->
</script>
テキストは表示されませんでした。
よろしくお願いします。
ブラウザ判定と一緒にすると
new ajax_ticker(xmlfile, "ajaxticker1", "someclass", 3500, "fade")
上記部分が表示されませんでした。
Safariの3.0以上とそれ以下で
xmlfileを別に読み込ませるのは無理なんでしょうか？
new ajax_ticker(xmlfile, "ajaxticker1", "someclass", 3500, "fade")
上記部分が表示されませんでした。
Safariの3.0以上とそれ以下で
xmlfileを別に読み込ませるのは無理なんでしょうか？
解決しました。
xmlファイルにエンコードを明示しました。
ながながすいません。
基本を勉強します。
xmlファイルにエンコードを明示しました。
ながながすいません。
基本を勉強します。
498 ：Name_Not_Found：2008/05/30(金) 19:44:21 ID:aIwwTA0o
WindowsXPをシャットダウンするときみたいに
ページ全体の鮮やかさを落としてグレースケールすることってできますか？
LightBoxみたいに色付き半透明の要素を重ねるのではなく
JavaScriptにはできませんか？
ページ全体の鮮やかさを落としてグレースケールすることってできますか？
LightBoxみたいに色付き半透明の要素を重ねるのではなく
JavaScriptにはできませんか？
499 ：Name_Not_Found：2008/05/30(金) 20:09:59 ID:???
IEならアドレス欄に
javascript:void(document.body.style.filter="gray()")
javascript:void(document.body.style.filter="gray()")
500 ：Name_Not_Found：2008/05/30(金) 20:12:40 ID:???
>>498みたいな奴は放置でおｋ
501 ：Name_Not_Found：2008/05/30(金) 20:18:47 ID:???
502 ：Name_Not_Found：2008/05/30(金) 20:29:49 ID:???
503 ：Name_Not_Found：2008/05/30(金) 20:50:55 ID:???
IEだけならfilterでグレースケールにできるけど
クロスプラットフォームはわかんね
クロスプラットフォームはわかんね
504 ：Name_Not_Found：2008/05/30(金) 23:07:05 ID:???
LightBoxを使っているんですが、ページが縦に長い場合だと
背景が透明でなくなる（真っ黒になる）など、IEだと上手く動作しません
（Firefoxでは正常に動作します）
これの解決法はないのでしょうか？
背景が透明でなくなる（真っ黒になる）など、IEだと上手く動作しません
（Firefoxでは正常に動作します）
これの解決法はないのでしょうか？
505 ：Name_Not_Found：2008/05/30(金) 23:51:46 ID:???
つっかLightBoxて、進む戻るでマウスをクリックオンしたら
IEじゃ左右マップエリアの分割線がでてきて汚くね？
IEじゃ左右マップエリアの分割線がでてきて汚くね？
506 ：Name_Not_Found：2008/05/31(土) 00:19:19 ID:???
508 ：Name_Not_Found：2008/05/31(土) 08:59:17 ID:???
質問です。
firebugを入れてみたのですが、これってデバッグだけで
ソースの編集はできないのでしょうか?
できるとしたらどうやるのでしょうか?
基本的なことですみませんがよろしくお願いします。
firebugを入れてみたのですが、これってデバッグだけで
ソースの編集はできないのでしょうか?
できるとしたらどうやるのでしょうか?
基本的なことですみませんがよろしくお願いします。
509 ：Name_Not_Found：2008/05/31(土) 09:21:39 ID:???
>>508
スレ違い
スレ違い
510 ：Name_Not_Found：2008/05/31(土) 11:27:52 ID:???
確かに、背景の彩度を落とせるのなら
そういったLightBOXクローンが既にありそうだよな
そういったLightBOXクローンが既にありそうだよな
511 ：Name_Not_Found：2008/05/31(土) 20:29:51 ID:???
513 ：Name_Not_Found：2008/05/31(土) 23:10:00 ID:???
>>512
うんじゃあリンクさせたstylesheetを見直すか
そこらさわってないなら例えばこのへんちょい弄ってみ？
overlayBgColor: '#hogehoge',
overlayOpacity: 0.7,←この数値を変えてみるとかしてみて
同じ症状が再現されるのかどうか
うんじゃあリンクさせたstylesheetを見直すか
そこらさわってないなら例えばこのへんちょい弄ってみ？
overlayBgColor: '#hogehoge',
overlayOpacity: 0.7,←この数値を変えてみるとかしてみて
同じ症状が再現されるのかどうか
>>513
ありがとです。
スタイルシートはlightboxのだけで、他のは切って試行錯誤してます
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
ってやってるんですが、
opacity: 0.6;を色々変えてみましたが駄目でした…
ありがとです。
スタイルシートはlightboxのだけで、他のは切って試行錯誤してます
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
ってやってるんですが、
opacity: 0.6;を色々変えてみましたが駄目でした…
515 ：Name_Not_Found：2008/06/01(日) 00:12:48 ID:???
#overlayでCSS作らないで ↓ こんなんでいいんじゃね？
<link rel="stylesheet" type="text/css" href="./jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$(function() {
$('#hogehoge 01').lightBox({
fixedNavigation:true,
overlayBgColor: '#000',
overlayOpacity: 0.6,
imageLoading: './jquery-lightbox-0.5/images/lightbox-ico-loading.gif',
imageBtnClose: './jquery-lightbox-0.5/images/lightbox-btn-close.gif',
imageBtnPrev: './jquery-lightbox-0.5/images/lightbox-btn-prev.gif',
imageBtnNext: './jquery-lightbox-0.5/images/lightbox-btn-next.gif',
containerResizeSpeed: 350,
txtImage: '512のイメージ',
txtOf: '/'
}
);
});
<link rel="stylesheet" type="text/css" href="./jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$(function() {
$('#hogehoge 01').lightBox({
fixedNavigation:true,
overlayBgColor: '#000',
overlayOpacity: 0.6,
imageLoading: './jquery-lightbox-0.5/images/lightbox-ico-loading.gif',
imageBtnClose: './jquery-lightbox-0.5/images/lightbox-btn-close.gif',
imageBtnPrev: './jquery-lightbox-0.5/images/lightbox-btn-prev.gif',
imageBtnNext: './jquery-lightbox-0.5/images/lightbox-btn-next.gif',
containerResizeSpeed: 350,
txtImage: '512のイメージ',
txtOf: '/'
}
);
});
>>515
すみません、色々試してみましたが理解できませんでした。
<link rel="stylesheet" type="text/css" href="./jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" media="screen" />
は、自分がprototype版使ってるんで、prototype版のcssを読み込ませました。
<script type="text/javascript">
以下は、<head>～</head>内やリンク場所に記述しましたが
上手く作動しませんでした。
やり方が間違っているようでしたら、ご教授お願いします。
すみません、色々試してみましたが理解できませんでした。
<link rel="stylesheet" type="text/css" href="./jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" media="screen" />
は、自分がprototype版使ってるんで、prototype版のcssを読み込ませました。
<script type="text/javascript">
以下は、<head>～</head>内やリンク場所に記述しましたが
上手く作動しませんでした。
やり方が間違っているようでしたら、ご教授お願いします。
517 ：Name_Not_Found：2008/06/01(日) 20:09:09 ID:???
>>516
ttp://leandrovieira.com/projects/jquery/lightbox/#
このページのこれを使って上のようにやれば、IE,FF,Safari,Operaでもそういうエラーでないよ
prototype版でつまずいてるなら、こっちの方がより導入しやすいんじゃないかな？
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
あと、
>>515で書いたものは、<head>～</head>間に、読み込ませるものの場所は
鯖に置いた場所に書き換えてくださ。
で、上で書いてるhogehoge 01部分は写真または写真のグループにつけてる便宜上の名前
こんな感じ（以外と簡単なので上のページのソースを見ればすぐわかるとおもわれ）
<a href="photos/image1.jpg" title="For this example: $('#hogehoge 01').lightBox();">【写真】
<img src="photos/thumb_image1.jpg" width="72" height="72" alt="サムネール" />【サムネール】
imageLoading/imageBtnClose/imageBtnPrev/imageBtnNextの部分は、←、→、クローズボタン、ぐるぐるマークを入れている場所。（元のものを自作品とコンバートしたときなどにも使える）
ttp://leandrovieira.com/projects/jquery/lightbox/#
このページのこれを使って上のようにやれば、IE,FF,Safari,Operaでもそういうエラーでないよ
prototype版でつまずいてるなら、こっちの方がより導入しやすいんじゃないかな？
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
あと、
>>515で書いたものは、<head>～</head>間に、読み込ませるものの場所は
鯖に置いた場所に書き換えてくださ。
で、上で書いてるhogehoge 01部分は写真または写真のグループにつけてる便宜上の名前
こんな感じ（以外と簡単なので上のページのソースを見ればすぐわかるとおもわれ）
<a href="photos/image1.jpg" title="For this example: $('#hogehoge 01').lightBox();">【写真】
<img src="photos/thumb_image1.jpg" width="72" height="72" alt="サムネール" />【サムネール】
imageLoading/imageBtnClose/imageBtnPrev/imageBtnNextの部分は、←、→、クローズボタン、ぐるぐるマークを入れている場所。（元のものを自作品とコンバートしたときなどにも使える）
518 ：Name_Not_Found：2008/06/01(日) 20:16:13 ID:???
質問させていただきます。
初心者で大変申し訳ないのですが、、
下記のようなものをjsで制作したいのですが、うまく出来ず困っております。
<body>
<form>
<input type="text">
<input type="button" value="数を1づつ増やす">
</form>
</body>
ボタンを押すとテキストボックスの中の数字が
1.2.3・・・と数が増えていく仕組みにしたいのです。
本当に丸投げで申し訳ないのですが、、どなたか
分かるかたがお見えになりましたらよろしくお願いいたします！
初心者で大変申し訳ないのですが、、
下記のようなものをjsで制作したいのですが、うまく出来ず困っております。
<body>
<form>
<input type="text">
<input type="button" value="数を1づつ増やす">
</form>
</body>
ボタンを押すとテキストボックスの中の数字が
1.2.3・・・と数が増えていく仕組みにしたいのです。
本当に丸投げで申し訳ないのですが、、どなたか
分かるかたがお見えになりましたらよろしくお願いいたします！
519 ：Name_Not_Found：2008/06/01(日) 20:18:16 ID:???
あと fixedNavigation:true,を書いていると、常に進む、戻るの表示が
書かない場合は、マウスがクリッカブルエリアに入った場合のみ
進む、戻るの表示が出てくる仕組みです
書かない場合は、マウスがクリッカブルエリアに入った場合のみ
進む、戻るの表示が出てくる仕組みです
520 ：Name_Not_Found：2008/06/01(日) 22:35:43 ID:???
521 ：Name_Not_Found：2008/06/02(月) 00:38:44 ID:???
う～ん、長くても半透明に出来てるけどなあ…
もしかして、他にもjsつかってて、何かを閉じ忘れてる箇所が
どこかにあるんじゃないかなあ、});とかなんらかのコメントアウトとか。
力になれなくて済まんお
もしかして、他にもjsつかってて、何かを閉じ忘れてる箇所が
どこかにあるんじゃないかなあ、});とかなんらかのコメントアウトとか。
力になれなくて済まんお
522 ：Name_Not_Found：2008/06/02(月) 00:58:33 ID:???
>>520
cssファイル内の
#jquery-overlayのposition: absoluteのところを次のように書き換えれば幸せになれるかも
position: fixed;
_position: absolute;/* IE6 fix */
cssファイル内の
#jquery-overlayのposition: absoluteのところを次のように書き換えれば幸せになれるかも
position: fixed;
_position: absolute;/* IE6 fix */
523 ：Name_Not_Found：2008/06/02(月) 16:11:52 ID:???
>>518
初心者って言葉は嫌いだし、試してもないけれどこんな感じだと
<script>
function nPlus(){
return document.data.number.value++;
}
</script>
<form name="data">
<input type="text" name="number" value="0">
<input type="button" onclick="nPlus()" value="増やす">
</form>
初心者って言葉は嫌いだし、試してもないけれどこんな感じだと
<script>
function nPlus(){
return document.data.number.value++;
}
</script>
<form name="data">
<input type="text" name="number" value="0">
<input type="button" onclick="nPlus()" value="増やす">
</form>
524 ：Name_Not_Found：2008/06/02(月) 21:07:53 ID:???
parseInt
525 ：Name_Not_Found：2008/06/02(月) 21:49:18 ID:???
文字列をインクリメントするとNaNが帰ってこない？
526 ：Name_Not_Found：2008/06/03(火) 09:07:44 ID:???
527 ：Name_Not_Found：2008/06/03(火) 09:09:25 ID:???
528 ：Name_Not_Found：2008/06/03(火) 10:56:00 ID:???
なにやってんだこいつら・・・
529 ：Name_Not_Found：2008/06/03(火) 15:32:51 ID:???
>>523
function nPlus() {
var defVal = 0;
var num = parseInt(document.data.number.value);
document.data.number.value = (isNaN(num)?defVal:++num);
}
function nPlus() {
var defVal = 0;
var num = parseInt(document.data.number.value);
document.data.number.value = (isNaN(num)?defVal:++num);
}
530 ：Name_Not_Found：2008/06/03(火) 16:55:55 ID:???
javascriptの正規表現について質問させてください。
文字列が16進文字列1～6桁かどうかを判定する正規表現ですが、
自分で考えて書いてみました。
あっているでしょうか？
もし間違っているなら指摘してもらえないでしょうか？
/^[0-9A-F]{1,6}$/i.test(Hex_Str) /*Hex_Str＝16進文字列*/
文字列が16進文字列1～6桁かどうかを判定する正規表現ですが、
自分で考えて書いてみました。
あっているでしょうか？
もし間違っているなら指摘してもらえないでしょうか？
/^[0-9A-F]{1,6}$/i.test(Hex_Str) /*Hex_Str＝16進文字列*/
531 ：Name_Not_Found：2008/06/03(火) 19:59:57 ID:???
あってるあってる
>>531
ありがとうございます^^;
ありがとうございます^^;
533 ：Name_Not_Found：2008/06/04(水) 16:22:04 ID:???
Webサイト制作のスレから誘導されて来ました。
先程某ゲームのまとめページを作ろうと思って、ツリー（階層って言うのか分かりませんが・・・)形式で表示させようと思いました。
しかし、3層目までは正常に表示されていたのに、4層目の文字位置が3層目の位置と被ってしまいました。
9層作りたいのですが、解決法を教えて頂けないでしょうか？
説明がうまくできてなさそうなので一応URL貼っておきます。
ttp://w1.oroti.com/~endless/buki.html
返事お待ちしております。
先程某ゲームのまとめページを作ろうと思って、ツリー（階層って言うのか分かりませんが・・・)形式で表示させようと思いました。
しかし、3層目までは正常に表示されていたのに、4層目の文字位置が3層目の位置と被ってしまいました。
9層作りたいのですが、解決法を教えて頂けないでしょうか？
説明がうまくできてなさそうなので一応URL貼っておきます。
ttp://w1.oroti.com/~endless/buki.html
返事お待ちしております。
534 ：Name_Not_Found：2008/06/04(水) 20:16:06 ID:???
>>533
JavaScript ではなくて、HTML のタグの問題だと思いますよ
現在
<li><a href="javascript:void(0)" id="category_3" onclick="show('3');">木刀 攻B 命C EN100 効果none</a></li></div>
変更案
<li><a href="javascript:void(0)" id="category_3" onclick="show('3');">木刀 攻B 命C EN100 効果none</a>
試しに上の一行だけを変更案のように変更してみた上、動作確認してみてください
こちらでは期待通りの動作をすることを確認しました
動作確認できましたら、Doctype 宣言無しや終了タグの関係がぐちゃぐちゃになっているなど、
HTML タグが無茶苦茶になっているので、HTML 文法チェッカーを使って一箇所ずつ修正してみてください
■文法チェッカ 「Another HTML-lint」
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
JavaScript ではなくて、HTML のタグの問題だと思いますよ
現在
<li><a href="javascript:void(0)" id="category_3" onclick="show('3');">木刀 攻B 命C EN100 効果none</a></li></div>
変更案
<li><a href="javascript:void(0)" id="category_3" onclick="show('3');">木刀 攻B 命C EN100 効果none</a>
試しに上の一行だけを変更案のように変更してみた上、動作確認してみてください
こちらでは期待通りの動作をすることを確認しました
動作確認できましたら、Doctype 宣言無しや終了タグの関係がぐちゃぐちゃになっているなど、
HTML タグが無茶苦茶になっているので、HTML 文法チェッカーを使って一箇所ずつ修正してみてください
■文法チェッカ 「Another HTML-lint」
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
>>534
ありがとうございます。
変更してみたところできました。階層が深くなって行くにつれてどうも自分の頭で理解できなくなってきてたみたいです。
もう一度全体見渡してチェックしてみます。
>動作確認できましたら、Doctype 宣言無しや終了タグの関係がぐちゃぐちゃになっているなど、
>HTML タグが無茶苦茶になっているので、HTML 文法チェッカーを使って一箇所ずつ修正してみてください
まだ作りかけなので支障出ない程度にしてあるつもりでした。
ありがとうございます。
変更してみたところできました。階層が深くなって行くにつれてどうも自分の頭で理解できなくなってきてたみたいです。
もう一度全体見渡してチェックしてみます。
>動作確認できましたら、Doctype 宣言無しや終了タグの関係がぐちゃぐちゃになっているなど、
>HTML タグが無茶苦茶になっているので、HTML 文法チェッカーを使って一箇所ずつ修正してみてください
まだ作りかけなので支障出ない程度にしてあるつもりでした。
536 ：Name_Not_Found：2008/06/04(水) 21:34:30 ID:???
>>535
後で見直しても分かりやすいように、ソースの書き方を例えば
<1つ目の何か
<2つ目の何か
<3つ目の何か
</3つ目の何か
</2つ目の何か … 以下省略
のように分かりやすく書くことも有用だと思いますのでご参考までに
作りかけなので～といって手を抜いてしまった or 後回しにしたことがあると、
後でどこがおかしいのか分かりにくくなったり修正作業が大変になりますので、
出来る限り最初から正しく作っておいた方がよいと思いますよ？
正しく作ろう作ろうとしても、
結局なぜか 90% くらいの完成度におさまる（動作不良が残る）ことが多いですしｗ
後で見直しても分かりやすいように、ソースの書き方を例えば
<1つ目の何か
<2つ目の何か
<3つ目の何か
</3つ目の何か
</2つ目の何か … 以下省略
のように分かりやすく書くことも有用だと思いますのでご参考までに
作りかけなので～といって手を抜いてしまった or 後回しにしたことがあると、
後でどこがおかしいのか分かりにくくなったり修正作業が大変になりますので、
出来る限り最初から正しく作っておいた方がよいと思いますよ？
正しく作ろう作ろうとしても、
結局なぜか 90% くらいの完成度におさまる（動作不良が残る）ことが多いですしｗ
537 ：Name_Not_Found：2008/06/04(水) 21:43:23 ID:???
538 ：Name_Not_Found：2008/06/06(金) 02:49:22 ID:RW/zk81i
ちょっと種類が違うのかもしれませんが、質問させて下さい。
HTMLのテーブルを必要によって前後左右に並び替えるといったjavascriptはありますでしょうか？
調べたところ、下記のようにテーブルの表をソートするようなjsはいっぱいみつかったのですが
ttp://phpspot.org/blog/archives/2007/05/javascripttable.html
ソートではなく、縦一列に並べたり、横二列にしたりできるような物を探しています。
ユーザが自由にドラックアンドドロップで組み替えると言うものではなく、php等のプログラムのループ処理で
出力したデータをjsを使って任意の縦何列横何列と言う表示にしたいのです。
php等で、ループ処理をすると通常htmlには
A
B
C
D
と出力されますが、これをjsを使って
A B
C D
や
A B C D
のように任意に表示したいのです。
もしよろしければお力添え願えないでしょうか。
HTMLのテーブルを必要によって前後左右に並び替えるといったjavascriptはありますでしょうか？
調べたところ、下記のようにテーブルの表をソートするようなjsはいっぱいみつかったのですが
ttp://phpspot.org/blog/archives/2007/05/javascripttable.html
ソートではなく、縦一列に並べたり、横二列にしたりできるような物を探しています。
ユーザが自由にドラックアンドドロップで組み替えると言うものではなく、php等のプログラムのループ処理で
出力したデータをjsを使って任意の縦何列横何列と言う表示にしたいのです。
php等で、ループ処理をすると通常htmlには
A
B
C
D
と出力されますが、これをjsを使って
A B
C D
や
A B C D
のように任意に表示したいのです。
もしよろしければお力添え願えないでしょうか。
539 ：Name_Not_Found：2008/06/06(金) 06:52:00 ID:???
>>538
表というのは縦横それぞれ意味があって並んでいるわけで、
それを並べ替えてしまうのは表自体が意味の無い物になってしまう。
単にデーター並べるだけならそれは表ではなくリストなので<ul><li>を使え。
リストなら<li>の幅を指定しfloatさせて<ul>の幅をjavascriptで変更すればできる。
幅の指定やfloatがわからなければCSS板に行きなさい。
表というのは縦横それぞれ意味があって並んでいるわけで、
それを並べ替えてしまうのは表自体が意味の無い物になってしまう。
単にデーター並べるだけならそれは表ではなくリストなので<ul><li>を使え。
リストなら<li>の幅を指定しfloatさせて<ul>の幅をjavascriptで変更すればできる。
幅の指定やfloatがわからなければCSS板に行きなさい。
540 ：Name_Not_Found：2008/06/06(金) 12:50:18 ID:???
541 ：silenced man：2008/06/07(土) 05:07:09 ID:???
>>538
>>539 の発言と同意見.
ただ... "表" ではなく, "matrix" という考え方もある.
この場合は "並び替え" と言うよりもレイアウト替えと言った方が良さそう.
当然ながら mark-up も変わって来るし, 対応する script も別物となる.
気になるのが その目的...
何ゆえに ?
それさえ はっきりすれば今回に限って...
>>539 の発言と同意見.
ただ... "表" ではなく, "matrix" という考え方もある.
この場合は "並び替え" と言うよりもレイアウト替えと言った方が良さそう.
当然ながら mark-up も変わって来るし, 対応する script も別物となる.
気になるのが その目的...
何ゆえに ?
それさえ はっきりすれば今回に限って...
542 ：Name_Not_Found：2008/06/08(日) 01:09:46 ID:???
テーブル１とテーブル２を左右に並べて、
テーブル１の値を利用してテーブル２に公式を作り判定したいです。
テーブル１の結果は公式を使って算出したものです。
２個テーブルがあり、片方を参照してもう片方の結果を出す方法がわからず、
テーブル２に文字を表示することすらできません。
（自分なりに式を記入したらさまざまなエラーが出て作業がすすまなかった）
どうすればテーブル１の結果を参照してテーブル２に結果を記入できるか
教えていただきたいです。
うまく説明できず抽象的過ぎると思うので参考にhpをのせておきます
hp：http://www.geocities.jp/summermagcup/sankouyou.html
①hpで0と出ている場所は数字記入する場所です
②E１の２個目の空欄に記入したいこと
数字記入欄すべてにに0より大きい数が記入されている場合は
D1(後に数字があれば後、後が－と表示されるの場合は前)
＋D2(D1と同様)-A1-25
の絶対値を記入。
数字記入欄に0以下の数が有る場合は-と表記
（整数以外記入できないようにする予定なので空欄などは考えない）
よろしくお願いします。
テーブル１の値を利用してテーブル２に公式を作り判定したいです。
テーブル１の結果は公式を使って算出したものです。
２個テーブルがあり、片方を参照してもう片方の結果を出す方法がわからず、
テーブル２に文字を表示することすらできません。
（自分なりに式を記入したらさまざまなエラーが出て作業がすすまなかった）
どうすればテーブル１の結果を参照してテーブル２に結果を記入できるか
教えていただきたいです。
うまく説明できず抽象的過ぎると思うので参考にhpをのせておきます
hp：http://www.geocities.jp/summermagcup/sankouyou.html
①hpで0と出ている場所は数字記入する場所です
②E１の２個目の空欄に記入したいこと
数字記入欄すべてにに0より大きい数が記入されている場合は
D1(後に数字があれば後、後が－と表示されるの場合は前)
＋D2(D1と同様)-A1-25
の絶対値を記入。
数字記入欄に0以下の数が有る場合は-と表記
（整数以外記入できないようにする予定なので空欄などは考えない）
よろしくお願いします。
543 ：Name_Not_Found：2008/06/08(日) 15:13:17 ID:???
やたらとevalを使うなよ。
parseIntがいるんだから
parseIntがいるんだから
544 ：Name_Not_Found：2008/06/08(日) 16:51:01 ID:???
>543
parseIntに直しました、ありがとうございます。
参考にしたページ（５個以下なら単価５００円・１０個以上なら単価４５０円・２０個以上で４００円で金額を出す）
っていうHPがそうなってって、evalしらべたら文字を評価するって説明だったので
個数で値が変化するのからそれがあってるか評価するってことかと勘違いしてました。
parseIntは整数にする（小数点以下切り捨て）となってるのでそれじゃダメなのかと考えて
そのまんまにしてました。
理解不足申し訳ありません。
parseIntに直しました、ありがとうございます。
参考にしたページ（５個以下なら単価５００円・１０個以上なら単価４５０円・２０個以上で４００円で金額を出す）
っていうHPがそうなってって、evalしらべたら文字を評価するって説明だったので
個数で値が変化するのからそれがあってるか評価するってことかと勘違いしてました。
parseIntは整数にする（小数点以下切り捨て）となってるのでそれじゃダメなのかと考えて
そのまんまにしてました。
理解不足申し訳ありません。
545 ：Name_Not_Found：2008/06/11(水) 03:04:49 ID:???
546 ：Name_Not_Found：2008/06/11(水) 09:05:45 ID:RqIifVPw
質問スレから誘導されてきました。
チェックボックスをいくつか作り、各々のチェックボックスをチェックした場合、
そのチェックボックスに対応した画像だけを点滅させたいのですが、
良い方法はないでしょうか？
指定した画像だけをvisibleにしたりhiddenにして表示したり、消すことはできるのですが、
点滅となると、それぞれのチェックボックスをチェックして、その後にチェック結果を画像に
反映させるべく、ボタンを押させてjavascriptの描画functionを呼び出すと、再度同じページを
そのまま読み込んでしまい、指定した画像だけを点滅させることができません。
チェックボックスをチェックしたら、それと同時にjavascriptの関数を呼ぶ方法はないでしょうか。
チェックボックスをいくつか作り、各々のチェックボックスをチェックした場合、
そのチェックボックスに対応した画像だけを点滅させたいのですが、
良い方法はないでしょうか？
指定した画像だけをvisibleにしたりhiddenにして表示したり、消すことはできるのですが、
点滅となると、それぞれのチェックボックスをチェックして、その後にチェック結果を画像に
反映させるべく、ボタンを押させてjavascriptの描画functionを呼び出すと、再度同じページを
そのまま読み込んでしまい、指定した画像だけを点滅させることができません。
チェックボックスをチェックしたら、それと同時にjavascriptの関数を呼ぶ方法はないでしょうか。
547 ：Name_Not_Found：2008/06/11(水) 16:06:17 ID:???
javascriptを使ってテキストボックスに更新履歴みたいなのを表示させたいんですが、タグをいじるのではなく別なページで入力してそのテキストエリア内に反映させるってものを作りたいのですが、こういうことは可能なのでしょうか？
いくら調べても載ってないのでわかる人がいたら教えてくださいおねがいさます。
いくら調べても載ってないのでわかる人がいたら教えてくださいおねがいさます。
548 ：Name_Not_Found：2008/06/11(水) 18:30:01 ID:???
>>546
ああた, "質問スレ"と同じ内容を張り付けるとは...
正直, 読みづらいのをなんとかしてくれ～.
{短く, 簡潔に} 書くことは script でも重要な心がけなのだ.
>チェックボックスに対応した画像だけを点滅させたい
"点滅" というのは "blink" ということなのかな ?
そうだとすると, setInterval もしくは setTimeout を使うことになるけど,
はっきりいって鬱陶しい物に仕上がりがち.
それと "対応していない画像" は どうなるの ?
>ボタンを押させてjavascriptの描画functionを呼び出すと、
>再度同じページをそのまま読み込んでしまい
"javascriptの描画function" とやらに問題がありそうだねぇ.
問題部分が不明なままで
"それと同時にjavascriptの関数を呼ぶ方法"
と言われてもねぇ.
で, ああたの望みは何 ?
ああた, "質問スレ"と同じ内容を張り付けるとは...
正直, 読みづらいのをなんとかしてくれ～.
{短く, 簡潔に} 書くことは script でも重要な心がけなのだ.
>チェックボックスに対応した画像だけを点滅させたい
"点滅" というのは "blink" ということなのかな ?
そうだとすると, setInterval もしくは setTimeout を使うことになるけど,
はっきりいって鬱陶しい物に仕上がりがち.
それと "対応していない画像" は どうなるの ?
>ボタンを押させてjavascriptの描画functionを呼び出すと、
>再度同じページをそのまま読み込んでしまい
"javascriptの描画function" とやらに問題がありそうだねぇ.
問題部分が不明なままで
"それと同時にjavascriptの関数を呼ぶ方法"
と言われてもねぇ.
で, ああたの望みは何 ?
549 ：Name_Not_Found：2008/06/11(水) 18:43:12 ID:???
>>547
ああた も 前提条件の部分が意味不明.
>テキストボックス
おそらくは input type="text" の意味なんだろうけど, う～ん.
>更新履歴みたいなの
おそらくは "更新履歴" そのものなのだろうけど...
そうだとして わざわざ JavaScript を使う理由が理解できない.
"更新履歴" を使い回す必要があるのなら ともかく.
>別なページで入力して
はぁ ?
もしかするとCGI の管理画面みたいなものを考えていないかい ?
ああた も 前提条件の部分が意味不明.
>テキストボックス
おそらくは input type="text" の意味なんだろうけど, う～ん.
>更新履歴みたいなの
おそらくは "更新履歴" そのものなのだろうけど...
そうだとして わざわざ JavaScript を使う理由が理解できない.
"更新履歴" を使い回す必要があるのなら ともかく.
>別なページで入力して
はぁ ?
もしかするとCGI の管理画面みたいなものを考えていないかい ?
550 ：Name_Not_Found：2008/06/11(水) 23:51:42 ID:???
進歩がないね
551 ：Name_Not_Found：2008/06/12(木) 08:28:59 ID:???
>>548
レスありがとうございます。
>はっきりいって鬱陶しい物に仕上がりがち.
なにかあった時に見てもらう非常用なのでそれでかまわないです。
>それと "対応していない画像" は どうなるの ?
なので、すべて点滅させる方法は分かっているのですが、指定した画像だけ
点滅させる方法が分からなくて。
レスありがとうございます。
>はっきりいって鬱陶しい物に仕上がりがち.
なにかあった時に見てもらう非常用なのでそれでかまわないです。
>それと "対応していない画像" は どうなるの ?
なので、すべて点滅させる方法は分かっているのですが、指定した画像だけ
点滅させる方法が分からなくて。
552 ：Name_Not_Found：2008/06/12(木) 13:09:04 ID:???
>>551
とりあえずのサンプル:
homepage2.nifty.com/alter/samples/blink_images/exam.html
･ checkbox を使う理由を複数選択目的と予想.
･ 急作りなので global variable 使いまくり(要するに突っ込みどころ多し)
とりあえずのサンプル:
homepage2.nifty.com/alter/samples/blink_images/exam.html
･ checkbox を使う理由を複数選択目的と予想.
･ 急作りなので global variable 使いまくり(要するに突っ込みどころ多し)
553 ：Name_Not_Found：2008/06/12(木) 14:45:27 ID:???
554 ：Name_Not_Found：2008/06/12(木) 15:17:50 ID:???
>>553
ではお手本を見せてください。
ではお手本を見せてください。
ごめ、ちょっと言ってみただけ
556 ：Name_Not_Found：2008/06/12(木) 17:49:45 ID:???
557 ：Name_Not_Found：2008/06/12(木) 18:06:02 ID:???
>>553
的確な指摘 !
実は自分でも動作が思わしくないと思ってたんだ.
ただ, その原因を別な理由だと思いこんでいた.
で, script の流れを見直してみると
確かに setInterval を重複して呼び出す結果となっていた.
とりあえず修正しますた.
的確な指摘 !
実は自分でも動作が思わしくないと思ってたんだ.
ただ, その原因を別な理由だと思いこんでいた.
で, script の流れを見直してみると
確かに setInterval を重複して呼び出す結果となっていた.
とりあえず修正しますた.
558 ：Name_Not_Found：2008/06/13(金) 00:04:20 ID:???
>>552
getElementsByTagNameない場合にalertでも出してreturnしとけ
clearInterbal要るか？setTimeoutで回した方が意図明確じゃん？
いきなしfunction並べるのやめれ
どうせwindowスコープ食うなら一つにまとめろよ
getElementsByTagNameない場合にalertでも出してreturnしとけ
clearInterbal要るか？setTimeoutで回した方が意図明確じゃん？
いきなしfunction並べるのやめれ
どうせwindowスコープ食うなら一つにまとめろよ
559 ：Name_Not_Found：2008/06/13(金) 05:35:16 ID:???
>>558
とりあえず動くだけで 突っ込みどころ満載なのは相変わらず.
それ以前に質問者の意図を確認する意味の方が大きい.
こちらが勝手に想像して作ってるに過ぎないからだ.
でも, いつものことながら無反応になるのはなぜなんだろう ?
とりあえず動くだけで 突っ込みどころ満載なのは相変わらず.
それ以前に質問者の意図を確認する意味の方が大きい.
こちらが勝手に想像して作ってるに過ぎないからだ.
でも, いつものことながら無反応になるのはなぜなんだろう ?
560 ：Name_Not_Found：2008/06/13(金) 07:35:04 ID:???
実は実力を試していたとか
561 ：Name_Not_Found：2008/06/13(金) 19:10:14 ID:???
>>558
良く読むと, 言ってる意味が判らない.
説明してくれないかな ?
1. "getElementsByTagNameない場合"とは何を意味する.
2. "alertでも出してreturnしとけ" とは何ゆえに ?
3. "どうせwindowスコープ食う" とは何を意味する ?
4. "いきなしfunction並べるのやめれ" とは何ゆえに ?
列挙すると全部意味不明だな.
>>560
そう考えるのが自然だね.
しかし, 普通, 他人に対する関心がない人がほとんどなのも また事実.
良く読むと, 言ってる意味が判らない.
説明してくれないかな ?
1. "getElementsByTagNameない場合"とは何を意味する.
2. "alertでも出してreturnしとけ" とは何ゆえに ?
3. "どうせwindowスコープ食う" とは何を意味する ?
4. "いきなしfunction並べるのやめれ" とは何ゆえに ?
列挙すると全部意味不明だな.
>>560
そう考えるのが自然だね.
しかし, 普通, 他人に対する関心がない人がほとんどなのも また事実.
562 ：Name_Not_Found：2008/06/14(土) 00:05:55 ID:???
>>560
ある質問に対し、相手が親切心で回答したものが見当外れだった場合には、
a. 間違っていると指摘する。
b. 相手を傷つけるのは申し訳無いのでスルー。
という対応が考えられるけれど、bを選択する人が多いのでは。
ある程度的を射ている回答でも反応が無い場合もあるけど、
まあそれも2chの質問スレらしく、第三者の参考になればそれで良いと思うけどね。
ある質問に対し、相手が親切心で回答したものが見当外れだった場合には、
a. 間違っていると指摘する。
b. 相手を傷つけるのは申し訳無いのでスルー。
という対応が考えられるけれど、bを選択する人が多いのでは。
ある程度的を射ている回答でも反応が無い場合もあるけど、
まあそれも2chの質問スレらしく、第三者の参考になればそれで良いと思うけどね。
563 ：Name_Not_Found：2008/06/14(土) 00:47:47 ID:???
>>561
1,2
単にgetElementsByTagNameが使えない場合の抑制。
なくても実害は年々減ってるな。ごめん。
3、function xxx(){}はブラウザ上のスコープ食うでしょ。
ぶつかる可能性は減らせるなら減らそうよ。
匿名関数使ってるあんたなら、考えれば判るっしょ。
既存ライブラリやらブログパーツやCMS固有のjavascriptが
大量にロードされがちな昨今だしね。
4、これも3/と同じ。釈迦に説法かもしらんけど
function a(){
//ここにb()でしか使われないコード
}
function b(){
//ここにaを使うコード
}
よりは
function b(){
var a=function(){
}
//aを使うコード
}
だろと。
グローバル変数もb()のレキシカルに収められるよ。
1,2
単にgetElementsByTagNameが使えない場合の抑制。
なくても実害は年々減ってるな。ごめん。
3、function xxx(){}はブラウザ上のスコープ食うでしょ。
ぶつかる可能性は減らせるなら減らそうよ。
匿名関数使ってるあんたなら、考えれば判るっしょ。
既存ライブラリやらブログパーツやCMS固有のjavascriptが
大量にロードされがちな昨今だしね。
4、これも3/と同じ。釈迦に説法かもしらんけど
function a(){
//ここにb()でしか使われないコード
}
function b(){
//ここにaを使うコード
}
よりは
function b(){
var a=function(){
}
//aを使うコード
}
だろと。
グローバル変数もb()のレキシカルに収められるよ。
564 ：Name_Not_Found：2008/06/14(土) 00:56:53 ID:???
>>563
へー、彼は匿名関数を覚えたんだ
へー、彼は匿名関数を覚えたんだ
565 ：Name_Not_Found：2008/06/14(土) 01:05:22 ID:???
>>564
>覚えたんだ
？
window.onload=function(){} も匿名関数の適用
xxx.onclick=function(){}も匿名関数の適用
setIntervalにeval用文字列渡さないのも判ってるって事だろ
>覚えたんだ
？
window.onload=function(){} も匿名関数の適用
xxx.onclick=function(){}も匿名関数の適用
setIntervalにeval用文字列渡さないのも判ってるって事だろ
566 ：Name_Not_Found：2008/06/14(土) 01:09:56 ID:???
567 ：Name_Not_Found：2008/06/14(土) 01:19:46 ID:???
括弧でくくってるだけだし
知らないんではなく理解が足りないんだろ
知らないんではなく理解が足りないんだろ
568 ：Name_Not_Found：2008/06/15(日) 13:48:06 ID:???
569 ：Name_Not_Found：2008/06/15(日) 14:05:53 ID:???
570 ：Name_Not_Found：2008/06/16(月) 00:41:29 ID:???
Firefox限定で良いので、div上からマウスポインタが離れるとopacity:0にしたいです。
・divのmouseover/mouseoutを使うとdiv内にspanなどがあると
div自体から出入りしていないのにイベントが発生して使えない
・divに:hoverを適用するとほぼ希望通りになるのですが
特定の条件でopacity:0にしたくないといった制御が出来ません
ttp://jsajax.com/bindhoverArticle885.aspx
のOuter2のようにイベントが発生してくれると良いのですが、jQueryは使わないで
実現したいです。
どうすれば良いのでしょうか
・divのmouseover/mouseoutを使うとdiv内にspanなどがあると
div自体から出入りしていないのにイベントが発生して使えない
・divに:hoverを適用するとほぼ希望通りになるのですが
特定の条件でopacity:0にしたくないといった制御が出来ません
ttp://jsajax.com/bindhoverArticle885.aspx
のOuter2のようにイベントが発生してくれると良いのですが、jQueryは使わないで
実現したいです。
どうすれば良いのでしょうか
571 ：Name_Not_Found：2008/06/16(月) 02:52:53 ID:???
hover関数に目を通す
572 ：Name_Not_Found：2008/06/16(月) 02:55:48 ID:???
:hover擬似クラスのスタイルを動的に変更することは出来ないんでしょうか？
573 ：Name_Not_Found：2008/06/16(月) 03:28:34 ID:???
classを切り替えるといい
スタイルシートとスクリプトは切り離しておくべき
スタイルシートとスクリプトは切り離しておくべき
574 ：Name_Not_Found：2008/06/16(月) 03:59:20 ID:???
575 ：Name_Not_Found：2008/06/16(月) 04:25:52 ID:???
>>574
いやだからouter2はhover関数そのまんまじゃん
いやだからouter2はhover関数そのまんまじゃん
576 ：Name_Not_Found：2008/06/16(月) 04:29:56 ID:???
577 ：Name_Not_Found：2008/06/16(月) 04:39:14 ID:???
>>570
どうも状況が掴めないんだけど
>divのmouseover/mouseout を使うとdiv内にspanなどがあると
>div自体から出入りしていないのにイベントが発生して使えない
具体的なサンプルかソースがあると状況が掴みやすいんじゃ ?
(span の有無は関係なさそうに思えてならない)
>のOuter2のように
やたらとレスポンスが悪いページなので確認不可能.
>jQueryは使わないで
問題の骨子は div に "mouseover/mouseout" を付加させるってことなのでは?
"jQuery" などが話題に登場する理由を逆に知りたい.
どうも状況が掴めないんだけど
>divのmouseover/mouseout を使うとdiv内にspanなどがあると
>div自体から出入りしていないのにイベントが発生して使えない
具体的なサンプルかソースがあると状況が掴みやすいんじゃ ?
(span の有無は関係なさそうに思えてならない)
>のOuter2のように
やたらとレスポンスが悪いページなので確認不可能.
>jQueryは使わないで
問題の骨子は div に "mouseover/mouseout" を付加させるってことなのでは?
"jQuery" などが話題に登場する理由を逆に知りたい.
578 ：Name_Not_Found：2008/06/16(月) 04:45:25 ID:???
>>577
先のページのサンプルがまさに状況を表しています。
通常はOuter1のようにイベントが発生するのでmouseover/mouseoutで
opacityの切り替えは出来ないかと思います。
jQueryが話題に出てきているのは、先のサンプルページのOuter2で
やりたいことが実現できているのですが、そいつがjQueryを使っているからです。
先のページのサンプルがまさに状況を表しています。
通常はOuter1のようにイベントが発生するのでmouseover/mouseoutで
opacityの切り替えは出来ないかと思います。
jQueryが話題に出てきているのは、先のサンプルページのOuter2で
やりたいことが実現できているのですが、そいつがjQueryを使っているからです。
579 ：Name_Not_Found：2008/06/16(月) 05:05:46 ID:???
>>578
>通常はOuter1のようにイベントが発生するので
それは "jQuery" を使っている副作用なのでは ?
("通常は" と言う部分は実は通常なんかではなく, 通常はそんなことはありえない)
問題のページのことは忘れて目的を整理しなおした方が話が早いと思いますよ～.
ようは div ブロックに対して onmouseover/onmouseout で
"opacity" を変化させたいってことなのでしょ ?
(現時点での "opacity" は微妙な状況であるのは別にして)
>通常はOuter1のようにイベントが発生するので
それは "jQuery" を使っている副作用なのでは ?
("通常は" と言う部分は実は通常なんかではなく, 通常はそんなことはありえない)
問題のページのことは忘れて目的を整理しなおした方が話が早いと思いますよ～.
ようは div ブロックに対して onmouseover/onmouseout で
"opacity" を変化させたいってことなのでしょ ?
(現時点での "opacity" は微妙な状況であるのは別にして)
580 ：Name_Not_Found：2008/06/16(月) 05:08:59 ID:???
581 ：Name_Not_Found：2008/06/16(月) 05:12:51 ID:???
582 ：Name_Not_Found：2008/06/16(月) 05:18:40 ID:???
>>581
要はと言われればそうですが、>>580の点を認識していないようであれば、
結局意図通りの結果が得られないことは明白だと思います。
<style type="text/css">
.outer {position: relative; width: 220px; height: 96px; border: solid 1px black; background-color: coral;}
.inner {position: absolute; top: 40px; left: 40px; border: solid 1px black; background-color: khaki;}
</style>
<div class="outer" id="outer1" onmouseout="alert('out')">Outer 1<div class="inner" id="inner1">Inner 1</div></div>
でInner1にマウスが入ると、outってなりますよね？
これじゃmouseoutでopacity切り替えは出来ないことになります。
要はと言われればそうですが、>>580の点を認識していないようであれば、
結局意図通りの結果が得られないことは明白だと思います。
<style type="text/css">
.outer {position: relative; width: 220px; height: 96px; border: solid 1px black; background-color: coral;}
.inner {position: absolute; top: 40px; left: 40px; border: solid 1px black; background-color: khaki;}
</style>
<div class="outer" id="outer1" onmouseout="alert('out')">Outer 1<div class="inner" id="inner1">Inner 1</div></div>
でInner1にマウスが入ると、outってなりますよね？
これじゃmouseoutでopacity切り替えは出来ないことになります。
583 ：Name_Not_Found：2008/06/16(月) 05:24:45 ID:???
>>582
なるほど !
つまり子供の element に onmouseover になったときにも
親からみれば onmouseout になってるってことなのね.
だったら そうなる状況を除外すれば良いでしょ ?
なるほど !
つまり子供の element に onmouseover になったときにも
親からみれば onmouseout になってるってことなのね.
だったら そうなる状況を除外すれば良いでしょ ?
584 ：Name_Not_Found：2008/06/16(月) 05:26:55 ID:???
一応補足しておきますが、opacityを切り替えたいのはouter classです。
outerから外に出てはじめて透明になって欲しいのです。
当然、outerが透明になるので、innerも含めて全て透明になって構いません。
但し、outer→innerというマウス移動でouterが透明になっては駄目ということです。
>>583
> だったら そうなる状況を除外すれば良いでしょ ?
とは？
outerから外に出てはじめて透明になって欲しいのです。
当然、outerが透明になるので、innerも含めて全て透明になって構いません。
但し、outer→innerというマウス移動でouterが透明になっては駄目ということです。
>>583
> だったら そうなる状況を除外すれば良いでしょ ?
とは？
585 ：Name_Not_Found：2008/06/16(月) 05:31:10 ID:???
586 ：Name_Not_Found：2008/06/16(月) 07:18:41 ID:???
>>582
せっかく読みやすい(というか非圧縮な)各種フレームワークのソースコードが公開されているのだから、
それを見てノウハウを吸収しない手は無いと思うけどね。
mouseover/mouseoutの子エレメントでのイベント発生については、
恐らくどのフレームワークもイベントオブジェクトのrelatedTargetを使っていると思うので、
ソースをrelatedTargetで検索してみては。
せっかく読みやすい(というか非圧縮な)各種フレームワークのソースコードが公開されているのだから、
それを見てノウハウを吸収しない手は無いと思うけどね。
mouseover/mouseoutの子エレメントでのイベント発生については、
恐らくどのフレームワークもイベントオブジェクトのrelatedTargetを使っていると思うので、
ソースをrelatedTargetで検索してみては。
587 ：Name_Not_Found：2008/06/16(月) 17:53:43 ID:???
>>584
サンプル:
homepage2.nifty.com/alter/exam/exam.html
･ 2 つの違いを見比べて ください
両者の違いは onmouseover が設定されているかどうかだけ.
いろいろ調べるうちに親子 element に対する event handler の挙動は
不可思議な部分が多い印象を受けました.
･ "opacity" を background にすり替えています
W3C 規格として将来, 定められる予定のようですが,
現時点での web-browser の対応状況はバラバラなためです.
サンプル:
homepage2.nifty.com/alter/exam/exam.html
･ 2 つの違いを見比べて ください
両者の違いは onmouseover が設定されているかどうかだけ.
いろいろ調べるうちに親子 element に対する event handler の挙動は
不可思議な部分が多い印象を受けました.
･ "opacity" を background にすり替えています
W3C 規格として将来, 定められる予定のようですが,
現時点での web-browser の対応状況はバラバラなためです.
588 ：Name_Not_Found：2008/06/17(火) 00:28:46 ID:???
Proxyを設定して見に行くのも面倒なので、
誰か暇な人が>>587のソースを分割して貼ってくれる事を期待。
誰か暇な人が>>587のソースを分割して貼ってくれる事を期待。
589 ：Name_Not_Found：2008/06/17(火) 00:40:26 ID:???
js:
window.onload=function(){
var css0,css1,elm1;
css0='background-image:url(../i/flowers/RedCyclamens.png)';
css1='background-image:url(../i/flowers/YellowTulips.png)';
elm1=document.getElementById('outer1');
elm1.onmouseout=function(){elm1.style.cssText=css1;}
elm1.onmouseover=function(){elm1.style.cssText=css0;}
var elm2;
elm2=document.getElementById('outer2');
elm2.onmouseout=function(){elm2.style.cssText=css1;}
}
/*
*/
window.onload=function(){
var css0,css1,elm1;
css0='background-image:url(../i/flowers/RedCyclamens.png)';
css1='background-image:url(../i/flowers/YellowTulips.png)';
elm1=document.getElementById('outer1');
elm1.onmouseout=function(){elm1.style.cssText=css1;}
elm1.onmouseover=function(){elm1.style.cssText=css0;}
var elm2;
elm2=document.getElementById('outer2');
elm2.onmouseout=function(){elm2.style.cssText=css1;}
}
/*
*/
590 ：Name_Not_Found：2008/06/17(火) 00:41:03 ID:???
css:
.outer{
position:relative;
margin:1em;
width:220px;
height:96px;
background:url(../i/flowers/RedCyclamens.png);
}
.inner{
position:absolute;
top:40px;
left:40px;
background-color:khaki;
color:#000000;
}
/*
*/
====================================================
html:
<div id="demo"><h2>DemoSample</h2>
<div id="outer1" class="outer"><h3>Outer 1</h3>
<div id="inner1" class="inner"><h3>Inner 1</h3></div>
</div>
<div id="outer2" class="outer"><h3>Outer 2</h3>
<div id="inner2" class="inner"><h3>Inner 2</h3></div>
</div>
</div>
.outer{
position:relative;
margin:1em;
width:220px;
height:96px;
background:url(../i/flowers/RedCyclamens.png);
}
.inner{
position:absolute;
top:40px;
left:40px;
background-color:khaki;
color:#000000;
}
/*
*/
====================================================
html:
<div id="demo"><h2>DemoSample</h2>
<div id="outer1" class="outer"><h3>Outer 1</h3>
<div id="inner1" class="inner"><h3>Inner 1</h3></div>
</div>
<div id="outer2" class="outer"><h3>Outer 2</h3>
<div id="inner2" class="inner"><h3>Inner 2</h3></div>
</div>
</div>
591 ：Name_Not_Found：2008/06/17(火) 00:42:05 ID:???
>>588 一部改行削った。
exam.txt：
<div id="demo"><h2>DemoSample</h2><div id="outer1" class="outer"><h3>Outer 1</h3>
<div id="inner1" class="inner"><h3>Inner 1</h3></div></div><div id="outer2" class="outer">
<h3>Outer 2</h3><div id="inner2" class="inner"><h3>Inner 2</h3></div></div></div>
exam.css：.outer{
position:relative;
margin:1em;
width:220px;
height:96px;
background:url(../i/flowers/RedCyclamens.png);
}
.inner{
position:absolute;
top:40px;
left:40px;
background-color:khaki;
color:#000000;
}
exam.js：window.onload=function(){
var css0,css1,elm1;
css0='background-image:url(../i/flowers/RedCyclamens.png)';
css1='background-image:url(../i/flowers/YellowTulips.png)';
elm1=document.getElementById('outer1');
elm1.onmouseout=function(){elm1.style.cssText=css1;}
elm1.onmouseover=function(){elm1.style.cssText=css0;}
var elm2;
elm2=document.getElementById('outer2');
elm2.onmouseout=function(){elm2.style.cssText=css1;}
}
exam.txt：
<div id="demo"><h2>DemoSample</h2><div id="outer1" class="outer"><h3>Outer 1</h3>
<div id="inner1" class="inner"><h3>Inner 1</h3></div></div><div id="outer2" class="outer">
<h3>Outer 2</h3><div id="inner2" class="inner"><h3>Inner 2</h3></div></div></div>
exam.css：.outer{
position:relative;
margin:1em;
width:220px;
height:96px;
background:url(../i/flowers/RedCyclamens.png);
}
.inner{
position:absolute;
top:40px;
left:40px;
background-color:khaki;
color:#000000;
}
exam.js：window.onload=function(){
var css0,css1,elm1;
css0='background-image:url(../i/flowers/RedCyclamens.png)';
css1='background-image:url(../i/flowers/YellowTulips.png)';
elm1=document.getElementById('outer1');
elm1.onmouseout=function(){elm1.style.cssText=css1;}
elm1.onmouseover=function(){elm1.style.cssText=css0;}
var elm2;
elm2=document.getElementById('outer2');
elm2.onmouseout=function(){elm2.style.cssText=css1;}
}
かぶった御免。
593 ：Name_Not_Found：2008/06/17(火) 05:15:32 ID:???
594 ：Name_Not_Found：2008/06/17(火) 05:20:18 ID:???
問題はなかろ
ただupロダ経由じゃない個人のweb系に
IP抜きやらの仕込みがないか怖がる奴がいる訳です
世知辛いですが、2chにおいては俺も気持ちは判るほう
コード専門なペースト公開サービスもあるから、調べてみると吉かもですね
ただupロダ経由じゃない個人のweb系に
IP抜きやらの仕込みがないか怖がる奴がいる訳です
世知辛いですが、2chにおいては俺も気持ちは判るほう
コード専門なペースト公開サービスもあるから、調べてみると吉かもですね
595 ：Name_Not_Found：2008/06/17(火) 05:56:10 ID:???
>>594
素早い返答ありがとっす.
nifty の server では小細工など無理なような気がします.
(そういったことには興味なしなので単に知らないだけかも)
>コード専門なペースト公開サービスもあるから
確認できた動作状態のまま, ミスの混入なしに
ソースを公表できるので今の形式に落ち着きました.
特に問題がないのなら現状維持ってことで.
素早い返答ありがとっす.
nifty の server では小細工など無理なような気がします.
(そういったことには興味なしなので単に知らないだけかも)
>コード専門なペースト公開サービスもあるから
確認できた動作状態のまま, ミスの混入なしに
ソースを公表できるので今の形式に落ち着きました.
特に問題がないのなら現状維持ってことで.
596 ：Name_Not_Found：2008/06/17(火) 12:34:37 ID:???
nullは癖はあるけど善人だと思っている俺はお人好しｗ
597 ：Name_Not_Found：2008/06/17(火) 16:26:37 ID:???
スキルの無い善人がとほほみたいな害悪サイトを量産するから困る
598 ：Name_Not_Found：2008/06/17(火) 23:42:38 ID:???
>>594
まちBBSの東京板のようにホスト名まで全公開な掲示板がある時代に、
IP抜きとはこれまた懐かしい単語で。
どうせスレに貼っても問題無い分量のコードをわざわざ自サイトに置くような、
宣伝的な行動が嫌なだけでは。
まちBBSの東京板のようにホスト名まで全公開な掲示板がある時代に、
IP抜きとはこれまた懐かしい単語で。
どうせスレに貼っても問題無い分量のコードをわざわざ自サイトに置くような、
宣伝的な行動が嫌なだけでは。
599 ：Name_Not_Found：2008/06/18(水) 06:13:25 ID:???
ψ(゜w ゜)ψ
Shi~~~~~t !!!
Shi~~~~~t !!!
600 ：Name_Not_Found：2008/06/20(金) 02:36:30 ID:???
サムネール画像をクリックすると、大きな画像がフェードしながら消えて
フェードしながら出てくる、という動作のこういうものを
ttp://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm
もっともっとシンプルにしてjQueryでつくりたいと思い
jQueryをダウンロードしてとりあえずこんなふうに書いてみましたが、うまくいきません
<script type="text/javascript">
<!--
jQuery().ready(function(){
jQuery.noConflict();
jQuery(".ｻﾑﾈｰﾙ").onClick(function(){
jQuery("#大きな画像").hide()
return false;
jQuery("#大きな画像").load(function(){
jQuery("#大きな画像").fadeIn("slow")
});
});
//-->
</script>
何が悪いのか教えてください
フェードしながら出てくる、という動作のこういうものを
ttp://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm
もっともっとシンプルにしてjQueryでつくりたいと思い
jQueryをダウンロードしてとりあえずこんなふうに書いてみましたが、うまくいきません
<script type="text/javascript">
<!--
jQuery().ready(function(){
jQuery.noConflict();
jQuery(".ｻﾑﾈｰﾙ").onClick(function(){
jQuery("#大きな画像").hide()
return false;
jQuery("#大きな画像").load(function(){
jQuery("#大きな画像").fadeIn("slow")
});
});
//-->
</script>
何が悪いのか教えてください
601 ：Name_Not_Found：2008/06/20(金) 07:21:31 ID:???
文法
602 ：Name_Not_Found：2008/06/20(金) 08:31:02 ID:???
｡･ﾟ･(つД ;)･ﾟ･｡ て、手取り…
603 ：Name_Not_Found：2008/06/20(金) 09:32:13 ID:???
>>600
これは>>601の言うとおり文法だろ。かっこの数が一致してないじゃん
多分return falseにかっこが入るんだろうなと思うけど
とりあえず実現したいことがよくわからないからソースにコメントして欲しいな
パッと見る限りでも
・なんでnoConflict()してるかわからない（やるならreadyの前じゃね？）
・onClickじゃなくてclick
・imgのclick動作ならreturn falseはいらないと思う
・img変えてる様子がない
・「フェードしながら消えて」がない
とかある
で、エスパーすると下のような感じのソースになるんじゃないかなと思う
はじめ画像読み込むときにちらつくから先に読んでおいた方が良いような気がするけど。
$(function(){ // readyはショートカットにした
$('img.thumb').click(function(){
var img = this.src.replace('_thumb', ''); // 変更する画像
$('#big').fadeOut(function(){ // フェードアウト後実行
$(this) // thisはimg
.attr('src', img)
.fadeIn('slow')
});
});
});
<img id="big" src="http://www.dynamicdrive.com/dynamicindex4/lightbox2/sushi2.jpg" style="height:200px;" />
<br />
<img class="thumb" src="http://www.dynamicdrive.com/dynamicindex4/lightbox2/horses_thumb.jpg" style="height:70px;" />
<img class="thumb" src="http://www.dynamicdrive.com/dynamicindex4/lightbox2/sushi2_thumb.jpg" style="height:70px;" />
これは>>601の言うとおり文法だろ。かっこの数が一致してないじゃん
多分return falseにかっこが入るんだろうなと思うけど
とりあえず実現したいことがよくわからないからソースにコメントして欲しいな
パッと見る限りでも
・なんでnoConflict()してるかわからない（やるならreadyの前じゃね？）
・onClickじゃなくてclick
・imgのclick動作ならreturn falseはいらないと思う
・img変えてる様子がない
・「フェードしながら消えて」がない
とかある
で、エスパーすると下のような感じのソースになるんじゃないかなと思う
はじめ画像読み込むときにちらつくから先に読んでおいた方が良いような気がするけど。
$(function(){ // readyはショートカットにした
$('img.thumb').click(function(){
var img = this.src.replace('_thumb', ''); // 変更する画像
$('#big').fadeOut(function(){ // フェードアウト後実行
$(this) // thisはimg
.attr('src', img)
.fadeIn('slow')
});
});
});
<img id="big" src="http://www.dynamicdrive.com/dynamicindex4/lightbox2/sushi2.jpg" style="height:200px;" />
<br />
<img class="thumb" src="http://www.dynamicdrive.com/dynamicindex4/lightbox2/horses_thumb.jpg" style="height:70px;" />
<img class="thumb" src="http://www.dynamicdrive.com/dynamicindex4/lightbox2/sushi2_thumb.jpg" style="height:70px;" />
604 ：Name_Not_Found：2008/06/20(金) 11:03:31 ID:???
605 ：Name_Not_Found：2008/06/20(金) 11:11:21 ID:???
606 ：Name_Not_Found：2008/06/20(金) 11:22:30 ID:???
こ、これは‥神だ
いやもうマジでかさねがさねありがとうございます。
ほんとにありがとうございます。
いやもうマジでかさねがさねありがとうございます。
ほんとにありがとうございます。
607 ：Name_Not_Found：2008/06/21(土) 16:59:01 ID:???
JavaScriptでクッキーを保存して、別のスクリプト（perl）で利用しようとしているのですが、うまくいきません。
ディレクトリの場所は同じところです。
＜a href="aaa('0')"＞aaa＜/a＞（0のところは一桁半角数字のみ）
というように呼び出していて、JavaScriptでは
function aaa(i){
kigen = new Date();
kigen.setTime(kigen.getTime() + (30 * 60 * 60 * 24));
kigen2 = kigen.toGMTString();
document.cookie = "aaa=" + i + ";expires=" + kigen2;
window.location.reload();
}
というようにしています。
perl側では他の、perlのほうで設定したクッキーは読み出せているのですが･･･
もしできましたらお願いします。
ディレクトリの場所は同じところです。
＜a href="aaa('0')"＞aaa＜/a＞（0のところは一桁半角数字のみ）
というように呼び出していて、JavaScriptでは
function aaa(i){
kigen = new Date();
kigen.setTime(kigen.getTime() + (30 * 60 * 60 * 24));
kigen2 = kigen.toGMTString();
document.cookie = "aaa=" + i + ";expires=" + kigen2;
window.location.reload();
}
というようにしています。
perl側では他の、perlのほうで設定したクッキーは読み出せているのですが･･･
もしできましたらお願いします。
すみません、解決しました
609 ：Name_Not_Found：2008/06/21(土) 19:35:59 ID:???
質問です。
http://www.dotup.org/uploda/www.dotup.org7581.txt.html
IE(ver6)では上のリストで選んだ後｢GO｣ボタンを押すとそれに対応したページに飛ぶのですが、
FireFox(ver2.0.0.6)やOpera(ver9.25)では｢GO｣を押しても反応がありません。
どうしたらいいでしょうか。
http://www.dotup.org/uploda/www.dotup.org7581.txt.html
IE(ver6)では上のリストで選んだ後｢GO｣ボタンを押すとそれに対応したページに飛ぶのですが、
FireFox(ver2.0.0.6)やOpera(ver9.25)では｢GO｣を押しても反応がありません。
どうしたらいいでしょうか。
610 ：Name_Not_Found：2008/06/22(日) 07:59:24 ID:???
611 ：Name_Not_Found：2008/06/22(日) 17:02:20 ID:???
>>609
function go(){
var g = "http://" + document.form.num.value + ".html";
location.href(g);
}
function expl(){
var ex = ["説明文1","説明文2","説明文3"];
var num = parseInt(document.form.num.value);
document.form.ex.value = ex[num-1];
}
これじゃダメ？
function go(){
var g = "http://" + document.form.num.value + ".html";
location.href(g);
}
function expl(){
var ex = ["説明文1","説明文2","説明文3"];
var num = parseInt(document.form.num.value);
document.form.ex.value = ex[num-1];
}
これじゃダメ？
課題でスロットゲームを作っているのですがスロットを回す処理（処理を繰り返し行うところ）が
うまくいかず、処理が正しく繰り返されません。別のスレで質問したのですが
ソースが汚いから基礎をもう一度学ぶと良いでしょうとアドバイスをいただきました。
なので、もう一度配列や引数についてサイトや教科書などを見て考えたのですが
それらの用例を見ただけではいまいちスロットのどこで配列等を利用してよいかわかりませんでした。
うまくいかず、処理が正しく繰り返されません。別のスレで質問したのですが
ソースが汚いから基礎をもう一度学ぶと良いでしょうとアドバイスをいただきました。
なので、もう一度配列や引数についてサイトや教科書などを見て考えたのですが
それらの用例を見ただけではいまいちスロットのどこで配列等を利用してよいかわかりませんでした。
613 ：Name_Not_Found：2008/06/22(日) 18:14:27 ID:???
名前はミスです＞＜
これがソースです・・・
function Setimage()
{
for(i=0;i<4;i++)
{
image[i]=new Image(200,150);
image[i].src="image"+i+".jpg";
}
}
function Scroll()
{
time1=setTimeout("Scroll1()",100);
time2=setTimeout("Scroll2()",125);
time3=setTimeout("Scroll3()",150);
}
function Scroll1()
{
document.photo0.src=image[n].src;
n++;
if(n>=4)
n=0;
}
これがソースです・・・
function Setimage()
{
for(i=0;i<4;i++)
{
image[i]=new Image(200,150);
image[i].src="image"+i+".jpg";
}
}
function Scroll()
{
time1=setTimeout("Scroll1()",100);
time2=setTimeout("Scroll2()",125);
time3=setTimeout("Scroll3()",150);
}
function Scroll1()
{
document.photo0.src=image[n].src;
n++;
if(n>=4)
n=0;
}
614 ：Name_Not_Found：2008/06/22(日) 18:15:10 ID:???
function Scroll2()
{
document.photo1.src=image[n].src;
n++;
if(n>=4)
n=0;
}
function Scroll3()
{
document.photo2.src=image[n].src;
n++;
if(n>=4)
n=0;
}
（中略）
<td align="center"><input type="button" name="start1" value=Start! onClick="Setimage();Scroll()">
{
document.photo1.src=image[n].src;
n++;
if(n>=4)
n=0;
}
function Scroll3()
{
document.photo2.src=image[n].src;
n++;
if(n>=4)
n=0;
}
（中略）
<td align="center"><input type="button" name="start1" value=Start! onClick="Setimage();Scroll()">
615 ：Name_Not_Found：2008/06/22(日) 18:20:17 ID:???
ぐだぐだと長い汚いソースでお目汚し失礼いたしました・・・
画像を加算機で、まずn=0とし、ファイル名：n,n+1,n+2,n+3,の順に画像を表示し、
n=4になったらn=0に戻り繰り返し処理を行う。という処理を行いたいのですが・・・
うまく繰り返し処理が行われない原因や見やすいソースにするには、など
アドバイスお願いしますｍ（_ _）ｍ
画像を加算機で、まずn=0とし、ファイル名：n,n+1,n+2,n+3,の順に画像を表示し、
n=4になったらn=0に戻り繰り返し処理を行う。という処理を行いたいのですが・・・
うまく繰り返し処理が行われない原因や見やすいソースにするには、など
アドバイスお願いしますｍ（_ _）ｍ
616 ：Name_Not_Found：2008/06/22(日) 20:09:20 ID:???
setTimeoutってのはタイマー。
何秒ごとにって処理をしたいなら
setIntervalを使うべき。
setIntervalの停止はclearIntervalで。
何秒ごとにって処理をしたいなら
setIntervalを使うべき。
setIntervalの停止はclearIntervalで。
617 ：Name_Not_Found：2008/06/22(日) 20:53:26 ID:???
レスありがとうございます
function Scroll1()の中にtime1=setTimeout("Scroll1()",100);を、
function Scroll2()の中に time2=setTimeout("Scroll2()",150);を、
function Scroll3()の中に time2=setTimeout("Scroll2()",150);の処理を
入れたら回ったのですが、
上に書き込んだソースの
time1=setTimeout("Scroll1()",100);
time2=setTimeout("Scroll2()",125);
time3=setTimeout("Scroll3()",150);
をすべてsetIntervalに書き換え、function Scroll1,2,3() の中にそれぞれ入れた3つの
time=setTimeout("Scroll()",数字);もsetIntervalに書き換えたところ固まりました；；
といっても・・・わかりにくい説明ですみません・・・ソース全体がないと分かりにくいですね
申し訳ないです；；
function Scroll1()の中にtime1=setTimeout("Scroll1()",100);を、
function Scroll2()の中に time2=setTimeout("Scroll2()",150);を、
function Scroll3()の中に time2=setTimeout("Scroll2()",150);の処理を
入れたら回ったのですが、
上に書き込んだソースの
time1=setTimeout("Scroll1()",100);
time2=setTimeout("Scroll2()",125);
time3=setTimeout("Scroll3()",150);
をすべてsetIntervalに書き換え、function Scroll1,2,3() の中にそれぞれ入れた3つの
time=setTimeout("Scroll()",数字);もsetIntervalに書き換えたところ固まりました；；
といっても・・・わかりにくい説明ですみません・・・ソース全体がないと分かりにくいですね
申し訳ないです；；
618 ：Name_Not_Found：2008/06/22(日) 21:26:30 ID:???
なんかソースも長くて要点整理して書き込むこともできず質問内容がぐだぐだになって
しまったのでもう少し頑張ってみます。スレ汚し失礼しましたｍ（_ _）ｍ
しまったのでもう少し頑張ってみます。スレ汚し失礼しましたｍ（_ _）ｍ
619 ：Name_Not_Found：2008/06/23(月) 10:38:08 ID:???
>>610
display:noneにしたimgタグをはじめに書いておいちゃうとか。
デカイ画像を見ないかもしれないのに初めに読み込むのは重くなって嫌だなっていうのなら、
ちょっと遅らせてからimgタグ作って読み込むとかかな
画像の量やサイズと相談しながらだね
display:noneにしたimgタグをはじめに書いておいちゃうとか。
デカイ画像を見ないかもしれないのに初めに読み込むのは重くなって嫌だなっていうのなら、
ちょっと遅らせてからimgタグ作って読み込むとかかな
画像の量やサイズと相談しながらだね
620 ：Name_Not_Found：2008/06/23(月) 22:29:40 ID:???
返事が遅れてしまいました。すみません。
>>611
内容は理解できました。アップロードしたソースの
<!--と
-->の間を611さんのものに置き換えるといいんですよね？
確かにIEでは動作するようなのですが、やはりFireFoxとOperaでは反応がありませんでした。
アップローダーのものが流れてしまったので再アップロードしておきます。
http://www.dotup.org/uploda/www.dotup.org9951.txt.html
>>611
内容は理解できました。アップロードしたソースの
<!--と
-->の間を611さんのものに置き換えるといいんですよね？
確かにIEでは動作するようなのですが、やはりFireFoxとOperaでは反応がありませんでした。
アップローダーのものが流れてしまったので再アップロードしておきます。
http://www.dotup.org/uploda/www.dotup.org9951.txt.html
>>622
ありがとうございます。拡張？した書式だとダメだということですかね？
OperaではやっとIEと同じ動作になりました。
しかしFireFoxだけは変わらず･･･最新の2.0.0.14にもして見ましたが変化無し。
それで、alertをはさんでみたところ、location.href=g;が(location.href(g);も)動作しない様に見えます。
うーん。
ありがとうございます。拡張？した書式だとダメだということですかね？
OperaではやっとIEと同じ動作になりました。
しかしFireFoxだけは変わらず･･･最新の2.0.0.14にもして見ましたが変化無し。
それで、alertをはさんでみたところ、location.href=g;が(location.href(g);も)動作しない様に見えます。
うーん。
624 ：Name_Not_Found：2008/06/24(火) 21:04:19 ID:???
>>623
手元で試してみたけど、警告は出てるが、ページ遷移はしてるよ
手元で試してみたけど、警告は出てるが、ページ遷移はしてるよ
625 ：Name_Not_Found：2008/06/24(火) 21:24:57 ID:???
>>624
<script type="text/javascript"><!--
function go(){
var g = "http://" + document.form.num.value + ".html";
location.href = g;
}
function expl(){
var ex = ["説明文1","説明文2","説明文3"];
var num = parseInt(document.form.num.value);
document.form.ex.value = ex[num-1];
}
-->
</script>
<form name="form">
<select name="num" onchange="expl()">
<option value="3">3
<option value="2" selected>2
<option value="1">1
</select>
<input type="button" value="GO" onclick="go()"><br>
<input type="text" name="ex">
</form>
これで動きましたか？といってもアップロードしたものを>>611と>>622で書き直したものですが。
<script type="text/javascript"><!--
function go(){
var g = "http://" + document.form.num.value + ".html";
location.href = g;
}
function expl(){
var ex = ["説明文1","説明文2","説明文3"];
var num = parseInt(document.form.num.value);
document.form.ex.value = ex[num-1];
}
-->
</script>
<form name="form">
<select name="num" onchange="expl()">
<option value="3">3
<option value="2" selected>2
<option value="1">1
</select>
<input type="button" value="GO" onclick="go()"><br>
<input type="text" name="ex">
</form>
これで動きましたか？といってもアップロードしたものを>>611と>>622で書き直したものですが。
626 ：Name_Not_Found：2008/06/24(火) 21:58:42 ID:???
>>625
> var g = "http://" + document.form.num.value + ".html";
だよね？
だから遷移自体は動いてるって。逆に動かないほうがおかしいと思うけど。
Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14
> var g = "http://" + document.form.num.value + ".html";
だよね？
だから遷移自体は動いてるって。逆に動かないほうがおかしいと思うけど。
Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14
627 ：Name_Not_Found：2008/06/24(火) 22:00:40 ID:???
ありゃ、ごめん。コードはそのままだったね。
専ブラの表示がおかしかっただけか。
専ブラの表示がおかしかっただけか。
628 ：Name_Not_Found：2008/06/24(火) 22:09:11 ID:???
なんて無駄なやりとりだろう.
こいつら間違いなく ばかだ !
こいつら間違いなく ばかだ !
>>626
＞逆に動かないほうが
そうなんですよねぇ。と思って
Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9) Gecko/2008052906 Firefox/3.0
にもしてみましたが変わらず。そこでエラーコンソールを見ると
エラー: uncaught exception: [Exception... "Component returned failure code: 0x805e000a [nsIDOMLocation.href]"
nsresult: "0x805e000a (<unknown>)"
location: "JS frame :: file:///C:/Documents%20and%20Settings/Owner/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/search3.html :: go :: line 4" data: no]
というエラーが出ていた模様。例外？よく分からないけどFireFoxのせいなのかなぁ。実行したのは>>625と同じものです。
＞逆に動かないほうが
そうなんですよねぇ。と思って
Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9) Gecko/2008052906 Firefox/3.0
にもしてみましたが変わらず。そこでエラーコンソールを見ると
エラー: uncaught exception: [Exception... "Component returned failure code: 0x805e000a [nsIDOMLocation.href]"
nsresult: "0x805e000a (<unknown>)"
location: "JS frame :: file:///C:/Documents%20and%20Settings/Owner/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/search3.html :: go :: line 4" data: no]
というエラーが出ていた模様。例外？よく分からないけどFireFoxのせいなのかなぁ。実行したのは>>625と同じものです。
630 ：Name_Not_Found：2008/06/25(水) 13:34:50 ID:???
>>625と同じでどうやってsearch3.htmlなんて捻り出したんだ？
あなた嘘ついてるわね
あなた嘘ついてるわね
632 ：Name_Not_Found：2008/06/25(水) 21:53:29 ID:???
>>625うちでは普通に動くよ。
アドオンのせいかね？
アドオンのせいかね？
633 ：Name_Not_Found：2008/06/26(木) 01:48:57 ID:???
プロパティの実験をしていたのですが、以下のコードを実行するとエラーが出てしまい動きません。
ページがロードされた時点でアラートを表示できるようにしたいのですが、どうすればできるでしょうか？
試したブラウザ：FireFox3, IE7
エラーの出る場所：15行目の3文字目
エラーの内容：このオブジェクトではサポートされていない操作です。
08 var Func = {
09 str: "こんにちは",
10 init: function() {
11 alert(str);
12 }
13 };
14 window.onload = function() {
15 f = new Func();
16 f.init;
17}
恐らく初歩的な勘違いだと思うのですが・・・。
よろしくお願いします。
ページがロードされた時点でアラートを表示できるようにしたいのですが、どうすればできるでしょうか？
試したブラウザ：FireFox3, IE7
エラーの出る場所：15行目の3文字目
エラーの内容：このオブジェクトではサポートされていない操作です。
08 var Func = {
09 str: "こんにちは",
10 init: function() {
11 alert(str);
12 }
13 };
14 window.onload = function() {
15 f = new Func();
16 f.init;
17}
恐らく初歩的な勘違いだと思うのですが・・・。
よろしくお願いします。
634 ：Name_Not_Found：2008/06/26(木) 03:35:58 ID:???
うむ、f.init; の時点でかなり基本的な部分を理解してないように見えるお
動くように書いた一例
var Func = {
str: "こんにちは",
init: function() {
alert( this.str );
}
};
window.onload = function() {
Func.init();
};
動くように書いた一例
var Func = {
str: "こんにちは",
init: function() {
alert( this.str );
}
};
window.onload = function() {
Func.init();
};
635 ：Name_Not_Found：2008/06/26(木) 05:47:46 ID:???
エスパーだが>>633はコンストラクタを作りたいんじゃないかな
636 ：Name_Not_Found：2008/06/26(木) 13:29:17 ID:???
>>633
>>635ということは
var Func = function() {
this.str = 'こんにちは';
this.init = function() {
alert(this.str);
}
}
var f = new Func();
f.init();
こうか、もしくは、
var Func2 = function() {
}
Func2.prototype = {
str: 'こんにちは2',
init: function() {
alert(this.str);
}
}
var f2 = new Func2();
f2.init();
こうか。
>>635ということは
var Func = function() {
this.str = 'こんにちは';
this.init = function() {
alert(this.str);
}
}
var f = new Func();
f.init();
こうか、もしくは、
var Func2 = function() {
}
Func2.prototype = {
str: 'こんにちは2',
init: function() {
alert(this.str);
}
}
var f2 = new Func2();
f2.init();
こうか。
ずいぶん前にお世話になったものです
あれからしばらく改良して、このようになったのですが、やはりFF（３）で動作させることができません
IE7では動作させることができました
http://www1.axfc.net/uploader/File/so/7688.txt
アドバイスなどいただけないでしょうか
よろしくお願いします
あれからしばらく改良して、このようになったのですが、やはりFF（３）で動作させることができません
IE7では動作させることができました
http://www1.axfc.net/uploader/File/so/7688.txt
アドバイスなどいただけないでしょうか
よろしくお願いします
639 ：Name_Not_Found：2008/06/29(日) 10:03:54 ID:???
document.getElementById("").innerHTML についてなんですが、
ちょっとわけがわからなくなったんで、お聞きします。
<table><td>
<div id="write1"></div>
<div id="write2"></div>
とゆうようなHTMLがあり、javascriptの中で、
var str1 = '<a href="....">aaa</a><br>';
str1 += '<a href="....">aaa</a><br>';
みたいな感じで、10件ほどループでstrに放りこんで、その件数により、
var str2 = '<hr><a href="javascript:pre_p()">前へ</a>';
if(なんたら～){ str2 += '<a href="javascript:next()">次へ</a>' ; }
として、
document.getElementById("write1").innerHTML = str1 ;
document.getElementById("write2").innerHTML = str2 ;
とやったのですが、下側の"write2"(前へ次への部分)の出力がおかしいです。
具体的に言いますと、FireFox2と3では、10件の各リンクと、前へ次へのリンクが正常に表示されますが、
IE7ですと、なぜかこの部分に、前へ(又は次へ)の片方しか出力されません。(上の10件リンクはちゃんと表示されます。)
この時、もともと次へか前へかの１つしか入ってない時は、正常に表示されてます。
そこで、出力直前の"str2"を、alert()で出してみますと、ポップアップダイアログには、ちゃんと前へ次への二つの
<aタグがあるにも関わらず、ブラウザの表示には、どちらか片方(先に書いたほう)しか表示されません。
DOCTYPE宣言を、HTML4.01 Transitionから、XHTML1.0 Transition、Strict、dtdのURLあるなし等
数パターン試しましたが、どれも同じになります。(FFでは、全てちゃんと表示されます。)
なにかご助言頂けませんか？
ちょっとわけがわからなくなったんで、お聞きします。
<table><td>
<div id="write1"></div>
<div id="write2"></div>
とゆうようなHTMLがあり、javascriptの中で、
var str1 = '<a href="....">aaa</a><br>';
str1 += '<a href="....">aaa</a><br>';
みたいな感じで、10件ほどループでstrに放りこんで、その件数により、
var str2 = '<hr><a href="javascript:pre_p()">前へ</a>';
if(なんたら～){ str2 += '<a href="javascript:next()">次へ</a>' ; }
として、
document.getElementById("write1").innerHTML = str1 ;
document.getElementById("write2").innerHTML = str2 ;
とやったのですが、下側の"write2"(前へ次への部分)の出力がおかしいです。
具体的に言いますと、FireFox2と3では、10件の各リンクと、前へ次へのリンクが正常に表示されますが、
IE7ですと、なぜかこの部分に、前へ(又は次へ)の片方しか出力されません。(上の10件リンクはちゃんと表示されます。)
この時、もともと次へか前へかの１つしか入ってない時は、正常に表示されてます。
そこで、出力直前の"str2"を、alert()で出してみますと、ポップアップダイアログには、ちゃんと前へ次への二つの
<aタグがあるにも関わらず、ブラウザの表示には、どちらか片方(先に書いたほう)しか表示されません。
DOCTYPE宣言を、HTML4.01 Transitionから、XHTML1.0 Transition、Strict、dtdのURLあるなし等
数パターン試しましたが、どれも同じになります。(FFでは、全てちゃんと表示されます。)
なにかご助言頂けませんか？
ごめんなさい。
改めて見直して見ますと、<a href=""のダブルクォートを閉じ忘れてました。
本当にすいませんでした。
改めて見直して見ますと、<a href=""のダブルクォートを閉じ忘れてました。
本当にすいませんでした。
641 ：Name_Not_Found：2008/06/29(日) 15:26:24 ID:???
javascriptをこれから勉強したいのですが、
お勧めの書籍などありましたら教えてください。
お勧めの書籍などありましたら教えてください。
642 ：Name_Not_Found：2008/06/29(日) 15:26:57 ID:???
>>634-636
ありがとうございます。
Javaで言うインスタンスを複数生成して中のフィールド値を別々にセットできるようにしたかったんです。
(インスタンスなんて概念があるのかどうかも疑問ですが)
サーバ側にCometサーブレットと通常のサーブレットを用意して、
Comet側にリクエストを投げっぱなしにして、もう１つ通常のサーブレットにリクエストを投げる
インスタンスを生成を生成する上で、両方で使える共通関数を作成しようと思い、
Javaのクラスとフィールドとメソッドの関係を再現しようとしていた次第です。
ありがとうございます。
Javaで言うインスタンスを複数生成して中のフィールド値を別々にセットできるようにしたかったんです。
(インスタンスなんて概念があるのかどうかも疑問ですが)
サーバ側にCometサーブレットと通常のサーブレットを用意して、
Comet側にリクエストを投げっぱなしにして、もう１つ通常のサーブレットにリクエストを投げる
インスタンスを生成を生成する上で、両方で使える共通関数を作成しようと思い、
Javaのクラスとフィールドとメソッドの関係を再現しようとしていた次第です。
643 ：Name_Not_Found：2008/06/29(日) 23:21:08 ID:???
クラスベースの真似事したいなら、オブジェクトリテラル返す関数とか作るのも手軽
function funcClass(){
var a="hello"
return{
a:a,
test:function(){
alert(this.a);
}
}
}
window.onload=function(){
var instance = funcClass() ; //newしないので注意
instance.test() ;
instance.a="hello2" ;
instance.test() ;
}
function funcClass(){
var a="hello"
return{
a:a,
test:function(){
alert(this.a);
}
}
}
window.onload=function(){
var instance = funcClass() ; //newしないので注意
instance.test() ;
instance.a="hello2" ;
instance.test() ;
}
644 ：Name_Not_Found：2008/06/29(日) 23:35:04 ID:???
何が手軽なのかまったくわからん
それじゃ継承も出来ないし、普通にnewでインスタンス作成するパターンよりコード増えてるがな
それじゃ継承も出来ないし、普通にnewでインスタンス作成するパターンよりコード増えてるがな
645 ：Name_Not_Found：2008/06/30(月) 00:56:56 ID:???
あそう
646 ：Name_Not_Found：2008/06/30(月) 17:34:23 ID:???
コード中からブラウザのJavaScriptの実行を停止する安全な方法ってありますか？
647 ：Name_Not_Found：2008/06/30(月) 17:44:46 ID:???
648 ：Name_Not_Found：2008/06/30(月) 18:12:46 ID:???
>>647
それブラクラ違うｗ
いえ、ttp://blog.ohgaki.net/a_ma_ca_ca_ca_sa_a_ma_ca_a_sa_rxssamfcs
というネタがあるんですが、XSSしたときに警告発するだけじゃなくて、
その後のJavaScriptの動作止めることができたらな、と思いまして。
それブラクラ違うｗ
いえ、ttp://blog.ohgaki.net/a_ma_ca_ca_ca_sa_a_ma_ca_a_sa_rxssamfcs
というネタがあるんですが、XSSしたときに警告発するだけじゃなくて、
その後のJavaScriptの動作止めることができたらな、と思いまして。
649 ：Name_Not_Found：2008/07/04(金) 15:24:31 ID:QsjQnEGT
今メールフォームを作っています。
チェックボックスとテキストフィールドを連動させて、
Javascriptでチェックをかけたいのですが教えて頂けませんでしょうか。
チェックボックスは複数個作成し、その内1つをその他とします。
チェックボックスは必須にして、どれか1つのチェックボックスをチェックしないと
alertが出るようにしたいです。
また、その他をチェックしたら、連動しているテキストフォームに入力しないと
"その他の理由を記入して下さい"とalertを出したいです。
上記のalertは送信ボタン<input name="submit" type="submit" value="情報を送信する">
を押した際に出したいです。
この様なチェックボックスのグループを同じフォームに2つ作りたいです。
チェックボックスとテキストフィールドを連動させて、
Javascriptでチェックをかけたいのですが教えて頂けませんでしょうか。
チェックボックスは複数個作成し、その内1つをその他とします。
チェックボックスは必須にして、どれか1つのチェックボックスをチェックしないと
alertが出るようにしたいです。
また、その他をチェックしたら、連動しているテキストフォームに入力しないと
"その他の理由を記入して下さい"とalertを出したいです。
上記のalertは送信ボタン<input name="submit" type="submit" value="情報を送信する">
を押した際に出したいです。
この様なチェックボックスのグループを同じフォームに2つ作りたいです。
650 ：Name_Not_Found：2008/07/05(土) 10:48:34 ID:???
651 ：Name_Not_Found：2008/07/07(月) 12:29:07 ID:???
652 ：Name_Not_Found：2008/07/07(月) 20:57:31 ID:???
if((theForm.check.value == "その他")&&(theForm.text.value == "")){
alert("その他の欄に入力してちょうだい"); return false;
}
こんな感じかな？（初心者なのでドキドキ）
alert("その他の欄に入力してちょうだい"); return false;
}
こんな感じかな？（初心者なのでドキドキ）
653 ：Name_Not_Found：2008/07/07(月) 23:49:48 ID:???
その他以外はチェックできてなくね
654 ：Name_Not_Found：2008/07/10(木) 03:50:17 ID:???
>>652
オブジェクト
オブジェクト
655 ：Name_Not_Found：2008/07/11(金) 19:07:56 ID:dLC9Ahx3
iframeでページを移動するたびにアラートを出したいのですが
以下のように書いてもonUnloadイベントが動いてくれません。
何故なのでしょうか？
それとtarget属性に何も指定されていないリンクをクリックしても
iframeが解除されてしまうのですが、これも何故なのでしょうか？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title>HTA iframe</title>
</head>
<body>
<iframe src="http://www.yahoo.co.jp/" height="590" width="100%" id="ifra" onUnload="alert('Unload!')">
この部分は iframe 対応のブラウザで見てください。
</iframe>
</body>
</html>
以下のように書いてもonUnloadイベントが動いてくれません。
何故なのでしょうか？
それとtarget属性に何も指定されていないリンクをクリックしても
iframeが解除されてしまうのですが、これも何故なのでしょうか？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title>HTA iframe</title>
</head>
<body>
<iframe src="http://www.yahoo.co.jp/" height="590" width="100%" id="ifra" onUnload="alert('Unload!')">
この部分は iframe 対応のブラウザで見てください。
</iframe>
</body>
</html>
656 ：Name_Not_Found：2008/07/11(金) 20:16:52 ID:???
iframe内のページのリンクをクリックした場合は
unloadはiframe自体のイベントではなくなるのですか？
Loadの方はうまくいくのですが・・・
unloadはiframe自体のイベントではなくなるのですか？
Loadの方はうまくいくのですが・・・
658 ：Name_Not_Found：2008/07/11(金) 22:01:41 ID:???
iframeのイベントハンドラは中のページは関係ない。
読み込みはiframe自体読みこんだのを確認しただけ
659 ：Name_Not_Found：2008/07/11(金) 22:09:50 ID:???
それはない
660 ：Name_Not_Found：2008/07/12(土) 06:16:27 ID:???
外部JavaScriptへのバージョン指定の書き方を教えてください。
661 ：Name_Not_Found：2008/07/12(土) 06:19:49 ID:???
662 ：Name_Not_Found：2008/07/12(土) 06:25:28 ID:???
663 ：Name_Not_Found：2008/07/12(土) 06:27:49 ID:???
664 ：Name_Not_Found：2008/07/12(土) 16:45:20 ID:???
ttp://developer.mozilla.org/ja/docs/New_in_JavaScript_1.7
> <script type="application/javascript;version=1.7"/>
mozilla的には、
1.7以降は、MIMEタイプでtext/javascriptでは無くapplication/javascriptを指定しろ、
という事かな?
> <script type="application/javascript;version=1.7"/>
mozilla的には、
1.7以降は、MIMEタイプでtext/javascriptでは無くapplication/javascriptを指定しろ、
という事かな?
665 ：Name_Not_Found：2008/07/12(土) 17:22:46 ID:???
>>664
JavaScriptのメディアタイプが4つ登録されたときに
text/javascriptはobsoleteとされたのでapplication/javascriptを使う方がいいんだけど
(だから「mozilla的には、1.7以降は」、というより「標準的には、どのバージョンでも」
text/javascriptよりはapplication/javascriptの方が好ましい)
IEとか古いブラウザはapplication/javascriptを解釈しないので
text/javascriptが未だによく使われている、という背景があって
で、JavaScript 1.6以上を実装してるのものは基本Gecko系だけで
Gecko系はapplicaiton/javascriptを解釈するので
text/javascriptにする必要が特になくapplication/javascriptとなってる、と
JavaScriptのメディアタイプが4つ登録されたときに
text/javascriptはobsoleteとされたのでapplication/javascriptを使う方がいいんだけど
(だから「mozilla的には、1.7以降は」、というより「標準的には、どのバージョンでも」
text/javascriptよりはapplication/javascriptの方が好ましい)
IEとか古いブラウザはapplication/javascriptを解釈しないので
text/javascriptが未だによく使われている、という背景があって
で、JavaScript 1.6以上を実装してるのものは基本Gecko系だけで
Gecko系はapplicaiton/javascriptを解釈するので
text/javascriptにする必要が特になくapplication/javascriptとなってる、と
666 ：Name_Not_Found：2008/07/12(土) 17:50:11 ID:???
複数の子要素をまとめて追加する方法ってありますか？
element.appendChild(element);
で子要素追加しているのですが、
何行もずらずらと並ぶのがどうにかならないかと思いまして。
element.appendChild(element1+element2+element3+....);
element.appendChild(element1,element2,element3,....);
とかやってみましたがこれでは無理なんですね。
element.appendChild(element);
で子要素追加しているのですが、
何行もずらずらと並ぶのがどうにかならないかと思いまして。
element.appendChild(element1+element2+element3+....);
element.appendChild(element1,element2,element3,....);
とかやってみましたがこれでは無理なんですね。
667 ：Name_Not_Found：2008/07/12(土) 18:04:25 ID:???
>>666
標準にはないねぇ
ライブラリ探すか自分でそういう関数(prototype拡張可な環境ならメソッド)をつくるくらい
関数つくるならこんな感じで
// appendChildNodes(element, element1, element2, element3, ...);
function appendChildNodes(parentNode /*, newChild1, newChild2... */) {
var newChildNodes = Array.prototype.slice.call(arguments, 1);
for (var i = 0, len = newChildNodes.length; i < len; i++) {
parentNode.appendChild(newChildNodes[i]);
}
}
標準にはないねぇ
ライブラリ探すか自分でそういう関数(prototype拡張可な環境ならメソッド)をつくるくらい
関数つくるならこんな感じで
// appendChildNodes(element, element1, element2, element3, ...);
function appendChildNodes(parentNode /*, newChild1, newChild2... */) {
var newChildNodes = Array.prototype.slice.call(arguments, 1);
for (var i = 0, len = newChildNodes.length; i < len; i++) {
parentNode.appendChild(newChildNodes[i]);
}
}
668 ：Name_Not_Found：2008/07/12(土) 18:28:19 ID:???
669 ：Name_Not_Found：2008/07/13(日) 00:04:08 ID:???
JavaScriptの1.7のyieldはIEでは使えない(1.5までの対応のため)ですが、
これと同じような関数はほかにありますでしょうか？
これと同じような関数はほかにありますでしょうか？
670 ：Name_Not_Found：2008/07/13(日) 00:17:17 ID:???
>>669
IE(JScript)で使えないJavaScript(～1.7)の機能が知りたいということですか？
IE(JScript)で使えないJavaScript(～1.7)の機能が知りたいということですか？
671 ：Name_Not_Found：2008/07/13(日) 00:46:49 ID:???
これはひどい
672 ：Name_Not_Found：2008/07/13(日) 01:04:05 ID:???
argumentsをArrayに変換する必要の無い事例について
673 ：Name_Not_Found：2008/07/13(日) 01:07:39 ID:???
そうだった
674 ：Name_Not_Found：2008/07/13(日) 02:24:00 ID:???
>>665
なるほど。
ttp://www.ietf.org/rfc/rfc4329.txt
2年前に公開された仕様という事は、
まだ今後数年はtext/javascriptを使用した方が安全かもしれんね。
なるほど。
ttp://www.ietf.org/rfc/rfc4329.txt
2年前に公開された仕様という事は、
まだ今後数年はtext/javascriptを使用した方が安全かもしれんね。
675 ：Name_Not_Found：2008/07/13(日) 19:11:58 ID:???
指定された座標の位置にあるタグ名またはそのID名を取得する方法はないでしょうか？
676 ：Name_Not_Found：2008/07/13(日) 19:15:49 ID:???
677 ：Name_Not_Found：2008/07/13(日) 19:53:54 ID:???
678 ：Name_Not_Found：2008/07/13(日) 19:56:41 ID:???
679 ：Name_Not_Found：2008/07/13(日) 20:01:39 ID:???
680 ：Name_Not_Found：2008/07/13(日) 23:24:38 ID:???
ttp://www.doknowevil.net/litebox/
↑のライトボックスと
ttp://hyper-text.org/archives/2007/09/javascript_tab.shtml
↑のタブ切り替えのスクリプトを同時に使うにはどうすればいいんでしょうか。
↑のライトボックスと
ttp://hyper-text.org/archives/2007/09/javascript_tab.shtml
↑のタブ切り替えのスクリプトを同時に使うにはどうすればいいんでしょうか。
681 ：Name_Not_Found：2008/07/14(月) 01:11:51 ID:???
この文字列のURLの部分のみ取得したいのですがどうすれば良いのでしょうか？
var text = document.getElementById("tag").innerHTML;
var regex = new RegExp();
var rep = '<div onclick="editId(' + id + ')"></div>';
var text2 = regex.replace(rep, "", text);
-------------------------------------------
[regex.replace is not a function]
var text2 = regex.replace(rep, "", text);
var text = document.getElementById("tag").innerHTML;
var regex = new RegExp();
var rep = '<div onclick="editId(' + id + ')"></div>';
var text2 = regex.replace(rep, "", text);
-------------------------------------------
[regex.replace is not a function]
var text2 = regex.replace(rep, "", text);
自己解決しました
683 ：Name_Not_Found：2008/07/14(月) 03:48:42 ID:fdo1IM8J
正規表現内で変数を使う方法ないかな？
var text = "aiutesteo";
var it = "test";
/aiu(it)eo/
このitの部分が実行時によって違うので変数にしたい
var text = "aiutesteo";
var it = "test";
/aiu(it)eo/
このitの部分が実行時によって違うので変数にしたい
684 ：Name_Not_Found：2008/07/14(月) 03:51:55 ID:???
new RegExp('aiu(' + it + ')eo')
685 ：Name_Not_Found：2008/07/14(月) 04:04:03 ID:fdo1IM8J
うーん、それでは置き換えできるようになったが
var mozi='<div onclick="editId(1)">ああ</div>';
var text='<div onclick="editId(1)">ああ</div>';
var id = 1;
var regxp = new RegExp('<div onclick="editId(' + id + ')">.*?</div>');
sch1= mozi.replace(regxp, "-");
alert(sch1);
これでなぜか置き換えできないんだorz
var regxp = new RegExp('<div onclick="editId(');
こうすると
unterminated parentheticalというエラーが出る
\でエスケープするのかな？
でも試しても無理だったしなぁ
var mozi='<div onclick="editId(1)">ああ</div>';
var text='<div onclick="editId(1)">ああ</div>';
var id = 1;
var regxp = new RegExp('<div onclick="editId(' + id + ')">.*?</div>');
sch1= mozi.replace(regxp, "-");
alert(sch1);
これでなぜか置き換えできないんだorz
var regxp = new RegExp('<div onclick="editId(');
こうすると
unterminated parentheticalというエラーが出る
\でエスケープするのかな？
でも試しても無理だったしなぁ
686 ：Name_Not_Found：2008/07/14(月) 05:26:53 ID:???
その場合エスケープするなら\じゃなくて\\だからな
687 ：Name_Not_Found：2008/07/21(月) 09:57:55 ID:???
str.matchでhtml内の日本語文字列を検索したいんですが、
英語はマッチするのに日本語がマッチしません。どうやったら
日本語もマッチできるのでしょうか。
str=document.body.innerHTML;
if (str.match("出版社")) {
alert("Match");
}
英語はマッチするのに日本語がマッチしません。どうやったら
日本語もマッチできるのでしょうか。
str=document.body.innerHTML;
if (str.match("出版社")) {
alert("Match");
}
688 ：Name_Not_Found：2008/07/21(月) 10:48:47 ID:???
javascript:str=document.body.innerHTML; alert( str.match("出版社") )
試しにこのスレで実行してみたら見事にマッチしてるが
試しにこのスレで実行してみたら見事にマッチしてるが
689 ：Name_Not_Found：2008/07/21(月) 11:21:28 ID:???
あれれ、>>688さんのブックマークレットだとマッチしますね。
アマゾンのほしい物リストに登録した本から必要な
書誌情報だけを抽出するスクリプト（ブックマークレット）を
作りたいんですが、>>687だとなぜ日本語の場合だけ
通らないんでしょう？？？
日本語も普通にマッチできることが確認できただけでも良かったです。
ありがとうございます。
アマゾンのほしい物リストに登録した本から必要な
書誌情報だけを抽出するスクリプト（ブックマークレット）を
作りたいんですが、>>687だとなぜ日本語の場合だけ
通らないんでしょう？？？
日本語も普通にマッチできることが確認できただけでも良かったです。
ありがとうございます。
690 ：Name_Not_Found：2008/07/21(月) 11:53:28 ID:???
文字コードがおかしいとか？
692 ：Name_Not_Found：2008/07/23(水) 17:19:13 ID:M2iSbYOn
質問させて下さい。
imgタグからJavascriptを動作させるにはどのようにすればよいのでしょうか？
色々探すと以下のようなサンプルを見つけることができたのですがIE6では動作可、firefox2では不可でした。
ttp://miyabi.kir.jp/lecture/js/window_move.html
あまり資料を見つけることができず困っております。
宜しくお願い致します。
imgタグからJavascriptを動作させるにはどのようにすればよいのでしょうか？
色々探すと以下のようなサンプルを見つけることができたのですがIE6では動作可、firefox2では不可でした。
ttp://miyabi.kir.jp/lecture/js/window_move.html
あまり資料を見つけることができず困っております。
宜しくお願い致します。
693 ：Name_Not_Found：2008/07/23(水) 17:42:06 ID:???
>>693
レスありがとうございます。
単純に指定した画像を表示させたいのです。
できなければ
同じようにJavascriptを使って指定したURLにアクセス(ロケーション等でも可)させれば画像表示できるかなと思っています。
ちょこっとサイトの動作テスト等をする際に、他の人が作ってくれたHTMLだったりすると
ヘタに改変して整合性を失ったり、失礼だったり、でも少しだけこの部分の文字列を変えてくれとか
テストする度に度々言えないので、HTMLを崩さずにちょこっと画像の種類を
変えて雰囲気を確認しながら進めていく等の時に使いたいなぁと思っております。
レスありがとうございます。
単純に指定した画像を表示させたいのです。
できなければ
同じようにJavascriptを使って指定したURLにアクセス(ロケーション等でも可)させれば画像表示できるかなと思っています。
ちょこっとサイトの動作テスト等をする際に、他の人が作ってくれたHTMLだったりすると
ヘタに改変して整合性を失ったり、失礼だったり、でも少しだけこの部分の文字列を変えてくれとか
テストする度に度々言えないので、HTMLを崩さずにちょこっと画像の種類を
変えて雰囲気を確認しながら進めていく等の時に使いたいなぁと思っております。
自己レス失礼します。
<img src="./image.js">
例えばこのようにしてHTMLは改変せずに指定した画像を表示、もしくはロケーションしたいと考えています。
Javascriptなら設置と導入が簡単かなと思いました。
<img src="./image.js">
例えばこのようにしてHTMLは改変せずに指定した画像を表示、もしくはロケーションしたいと考えています。
Javascriptなら設置と導入が簡単かなと思いました。
696 ：Name_Not_Found：2008/07/23(水) 18:29:29 ID:???
>>694
それだったら js の方で img 要素を吐き出すようにすればいいだけでは
たとえば image.js は次のようにして
window.onload = function() {
var url = './sample.gif';
var img = document.createElement('img');
img.setAttribute('src', url);
document.getElementById('hoge').appendChild(img);
}
htmlファイルの方は、head 要素の中に
<script type="text/javascript" src="./image.js"></script>
画像を表示したい部分に
<div id="hoge"></div>
それだったら js の方で img 要素を吐き出すようにすればいいだけでは
たとえば image.js は次のようにして
window.onload = function() {
var url = './sample.gif';
var img = document.createElement('img');
img.setAttribute('src', url);
document.getElementById('hoge').appendChild(img);
}
htmlファイルの方は、head 要素の中に
<script type="text/javascript" src="./image.js"></script>
画像を表示したい部分に
<div id="hoge"></div>
>>696
レスありがとうございます。
せっかくアドバイス頂いたのに私の説明不足でちゃんと伝え切れずに申し訳ありません。
HTMLはxxxx以外一切改変せずにJavascriptで実現できればなと思った次第です。
<img src="xxxx">
上記igmタグは沢山記述されているのでなおさら改変後と改変前の整合性が取りづらいというのもあります。
CGI系は条件的にリンクを張ってはいけない制限がありましてどうしたものかと思い、Javascriptならと思った次第です。
レスありがとうございます。
せっかくアドバイス頂いたのに私の説明不足でちゃんと伝え切れずに申し訳ありません。
HTMLはxxxx以外一切改変せずにJavascriptで実現できればなと思った次第です。
<img src="xxxx">
上記igmタグは沢山記述されているのでなおさら改変後と改変前の整合性が取りづらいというのもあります。
CGI系は条件的にリンクを張ってはいけない制限がありましてどうしたものかと思い、Javascriptならと思った次第です。
698 ：Name_Not_Found：2008/07/24(木) 03:02:28 ID:???
<img src="xxxx" onload="callback(this)" onerror="callback(this)">
これも駄目だ、って言うなら知らん
これも駄目だ、って言うなら知らん
699 ：Name_Not_Found：2008/07/24(木) 12:11:20 ID:GsPB3BAG
Ajaxで文字列をサーバ側に送って、サーバ側でその文字列をファイルに書き出しているんですが
2度同じ文字列を送信すると、何故かファイルに書き出されません。1度目はうまくできるんですが。
考えた結果Ajax通信が悪いような気がするのですが、そのような仕様はありますでしょうか？
2度同じ文字列を送信すると、何故かファイルに書き出されません。1度目はうまくできるんですが。
考えた結果Ajax通信が悪いような気がするのですが、そのような仕様はありますでしょうか？
700 ：Name_Not_Found：2008/07/24(木) 12:26:05 ID:???
>>699
キャッシュ
キャッシュ
701 ：Name_Not_Found：2008/07/24(木) 13:26:44 ID:???
703 ：Name_Not_Found：2008/07/24(木) 14:22:02 ID:???
prototype.jsを使ってAjax通信してるのですが、
new Ajax.Updater("./hoge.php",{parameters:Form.serialize("data"),method:"POST"});
とやって、hoge.php内ではPOSTデータをログファイルに書き込む事をしています。
PHPから送信するとちゃんとなるのに、このAjax通信でやると文字化けします。
書き込み、読み込み平常にできるんですがログファイルの文字が読めなくなってます。
原因はどういうことなのでしょうか？
new Ajax.Updater("./hoge.php",{parameters:Form.serialize("data"),method:"POST"});
とやって、hoge.php内ではPOSTデータをログファイルに書き込む事をしています。
PHPから送信するとちゃんとなるのに、このAjax通信でやると文字化けします。
書き込み、読み込み平常にできるんですがログファイルの文字が読めなくなってます。
原因はどういうことなのでしょうか？
704 ：Name_Not_Found：2008/07/24(木) 14:38:57 ID:???
POSTにしてやってみたのですが、非同期通信用オブジェクトのstatusが12152という値を返して
動かなくなってしまいました。このstatusの意味は何なんですか？
検索すると特殊なstatusみたいですが・・・
>>703
Ajax通信をする時は、文字コードをUTF-8にしなければなりません。
それとUpdaterを使っているのに第1引数がtargetIdになっていないのも
原因の1つではないかと。やってみてないので何とも言えませんが。
そのまま引数2つで使いたいなら、UpdaterではなくRequestを使ってみてはどうでしょうか。
動かなくなってしまいました。このstatusの意味は何なんですか？
検索すると特殊なstatusみたいですが・・・
>>703
Ajax通信をする時は、文字コードをUTF-8にしなければなりません。
それとUpdaterを使っているのに第1引数がtargetIdになっていないのも
原因の1つではないかと。やってみてないので何とも言えませんが。
そのまま引数2つで使いたいなら、UpdaterではなくRequestを使ってみてはどうでしょうか。
706 ：Name_Not_Found：2008/07/24(木) 20:27:54 ID:???
>>699
サーバー側スクリプトのレスポンスヘッダで
Cache-Control: no-cache, must-revalidate
を吐かせる。
PHPなら、
header( "Cache-Control: no-cache, must-revalidate" );
とか。
サーバー側スクリプトのレスポンスヘッダで
Cache-Control: no-cache, must-revalidate
を吐かせる。
PHPなら、
header( "Cache-Control: no-cache, must-revalidate" );
とか。
707 ：Name_Not_Found：2008/07/25(金) 21:12:48 ID:???
708 ：Name_Not_Found：2008/07/25(金) 21:17:04 ID:???
次だ次！
709 ：Name_Not_Found：2008/07/25(金) 21:41:23 ID:???
FalseじゃなくてNullって言って欲しかったがありがとう！解決したよ！
711 ：Name_Not_Found：2008/07/25(金) 23:16:51 ID:???
document.write が ie6 で競合して困ってる。
広告表示とアクセス解析を兼ねて外部ファイルを使ってるんだけど・・・。
var str = document.location.protocol;
str = str.toLowerCase();
if (str == 'http:') {
document.write('<img src="http://x.biz/" width="1" height="1" alt="" />');
}
if (str == 'http:') {
vc = 'ここにバリュコマの広告タグ';
document.write('<div id="kookoku">');
document.write(vc);
document.write('</div>');
}
iframe の広告タグなら問題ないんだけど、新しい広告タグが外部 js なんだ。内部は・・・
//var url = escape(location.href);
//var referrer = escape(document.referrer);
//var param = 'url='+url+'&ref='+referrer;
document.write('<iframe src="http://y.biz/" width="468" height="60" scrolling="no" noresize frameborder="no"></iframe>');
火狐では問題なく表示されるけど、IE6はスタイルシートが効かなくなる。
ファイルを二つにすればいいんだけど、ローカルベースのデータベースだから、
なるべく書き換えたくない。アップロードにとんでもなく時間食うから。
競合回避に、なんかいい方法ないかな。
広告表示とアクセス解析を兼ねて外部ファイルを使ってるんだけど・・・。
var str = document.location.protocol;
str = str.toLowerCase();
if (str == 'http:') {
document.write('<img src="http://x.biz/" width="1" height="1" alt="" />');
}
if (str == 'http:') {
vc = 'ここにバリュコマの広告タグ';
document.write('<div id="kookoku">');
document.write(vc);
document.write('</div>');
}
iframe の広告タグなら問題ないんだけど、新しい広告タグが外部 js なんだ。内部は・・・
//var url = escape(location.href);
//var referrer = escape(document.referrer);
//var param = 'url='+url+'&ref='+referrer;
document.write('<iframe src="http://y.biz/" width="468" height="60" scrolling="no" noresize frameborder="no"></iframe>');
火狐では問題なく表示されるけど、IE6はスタイルシートが効かなくなる。
ファイルを二つにすればいいんだけど、ローカルベースのデータベースだから、
なるべく書き換えたくない。アップロードにとんでもなく時間食うから。
競合回避に、なんかいい方法ないかな。
712 ：Name_Not_Found：2008/07/26(土) 03:19:21 ID:???
713 ：Name_Not_Found：2008/07/26(土) 09:36:34 ID:???
全部別物だ
714 ：Name_Not_Found：2008/07/26(土) 15:43:44 ID:???
booleanに変換するとfalseになるのは
・null
・undefined
・0
・""
・NaN
だと思ってた
・null
・undefined
・0
・""
・NaN
だと思ってた
715 ：Name_Not_Found：2008/07/26(土) 19:55:56 ID:???
>>712
NaNだけ忘れたな
NaNだけ忘れたな
716 ：Name_Not_Found：2008/07/26(土) 20:08:03 ID:???
さて
717 ：Name_Not_Found：2008/07/27(日) 11:50:06 ID:???
昨夜からやってて5時までかかっても出来んかったorzので質問させて( ・∀・)ﾉ
Javaは今までまったくと言っていいほど勉強してないのでお手柔らかに頼む
やりたいこと
通常の文字リンクで画像ぴったりサイズのサブウィンドウを開く
画像はHTMLファイルに貼って、そのHTMLファイルを開きたい。
方針
ヘッダに宣言を記述、オプションでサイズ指定
<head>内に
<script language="JavaScript">
<!--
w=500; h=712;
function subWin01(){subWindow=window.open("仮.htm","OpenWindow",
"width="+w+",height="+h+",scrollbars=no,menuber=no,status=no,directories=no,toolbar=no");}
//-->
</script>
<body>で<a href="javascript:subWin01()">文字</a>
→クリックするとステータスバーに "！ページでエラーが発生しました"
別ウィンドウも開かない。俺ｼｮﾎﾞﾝ(´・ω・｀)
onclickなんて命令もあるんだな…それだと通常の文字リンクとして扱ってもらえない、、、？
いろんなTipsとか漁ってみたけどやっぱりにちゃんが頼りだ、よろしくお願いします
Javaは今までまったくと言っていいほど勉強してないのでお手柔らかに頼む
やりたいこと
通常の文字リンクで画像ぴったりサイズのサブウィンドウを開く
画像はHTMLファイルに貼って、そのHTMLファイルを開きたい。
方針
ヘッダに宣言を記述、オプションでサイズ指定
<head>内に
<script language="JavaScript">
<!--
w=500; h=712;
function subWin01(){subWindow=window.open("仮.htm","OpenWindow",
"width="+w+",height="+h+",scrollbars=no,menuber=no,status=no,directories=no,toolbar=no");}
//-->
</script>
<body>で<a href="javascript:subWin01()">文字</a>
→クリックするとステータスバーに "！ページでエラーが発生しました"
別ウィンドウも開かない。俺ｼｮﾎﾞﾝ(´・ω・｀)
onclickなんて命令もあるんだな…それだと通常の文字リンクとして扱ってもらえない、、、？
いろんなTipsとか漁ってみたけどやっぱりにちゃんが頼りだ、よろしくお願いします
orz
寝不足で環境書き忘れスマソ
WinXP IE7 メモ帳でポチポチ
単純に別ウィンドウ開いて（target=_blank）リサイズっていう手法は
IE7だと別"タブ"になるから無理ぽ、真剣に考えた俺アホヽ(*´∀｀)ノ
寝不足で環境書き忘れスマソ
WinXP IE7 メモ帳でポチポチ
単純に別ウィンドウ開いて（target=_blank）リサイズっていう手法は
IE7だと別"タブ"になるから無理ぽ、真剣に考えた俺アホヽ(*´∀｀)ノ
719 ：Name_Not_Found：2008/07/27(日) 12:14:34 ID:???
"仮.htm"に存在するファイル名もしくはWebアドレスを指定すれ。
つーかエラーメッセージは？
つーかエラーメッセージは？
720 ：Name_Not_Found：2008/07/27(日) 12:19:37 ID:???
Java≠JavaScript
721 ：Name_Not_Found：2008/07/27(日) 12:34:48 ID:???
お早いレスに俺涙目(´；ω；｀)
＞"仮.htm"に存在するファイル名もしくはWebアドレスを指定すれ。
もちろんそこは抜かりなく。
エラーメッセージは…、おお、ダブルクリックしたら表示された、知らなかったorz
ライン:1
文字:1
エラー:オブジェクトを指定してください。
コード:0
URL: file:///略/first.htm
意味からわからないお手上げ侍ヽ(´∀｀)ノ
ちなみに親ウィンドウはフレーム分けしてあって、
スクリプト置いてるファイル(list.htm)のベースターゲットがfirst.htmがあるフレーム
＞"仮.htm"に存在するファイル名もしくはWebアドレスを指定すれ。
もちろんそこは抜かりなく。
エラーメッセージは…、おお、ダブルクリックしたら表示された、知らなかったorz
ライン:1
文字:1
エラー:オブジェクトを指定してください。
コード:0
URL: file:///略/first.htm
意味からわからないお手上げ侍ヽ(´∀｀)ノ
ちなみに親ウィンドウはフレーム分けしてあって、
スクリプト置いてるファイル(list.htm)のベースターゲットがfirst.htmがあるフレーム
722 ：Name_Not_Found：2008/07/27(日) 14:14:28 ID:???
別のフレームで定義した関数をダイレクトに呼ぶ事は出来ないよ。
ややこしくなるんでやめたほうがいいと思うが
javascript:parent.frames.frameタグのname.subWin01();
とか。
ややこしくなるんでやめたほうがいいと思うが
javascript:parent.frames.frameタグのname.subWin01();
とか。
723 ：Name_Not_Found：2008/07/27(日) 16:17:57 ID:???
724 ：Name_Not_Found：2008/07/27(日) 17:35:23 ID:???
必要があるならやればいいよ。
そのfirst.htmに直接function subWin01を記述しない理由が今一よく分からないけど。
そのfirst.htmに直接function subWin01を記述しない理由が今一よく分からないけど。
725 ：Name_Not_Found：2008/07/27(日) 17:53:48 ID:???
何度もレス貰って付き合ってもらってるのに言葉足らずな俺
申し訳無さ過ぎて死にたくなってきた･ﾟ･(つД｀)･ﾟ･
first.htmが表示されるフレーム（name=in）と
list.htmが表示されるフレーム（name=list）に分かれてて、
list.htmには文章やらイラストやらのリンクが貼ってある状態。
大半のリンクはinのフレームに表示させたいから<base target=in>指定してあって、
一部のイラストを別窓で開きたいんだ…
自分でも何言ってんのかわかんなくなってきたorz
とりあえず指定サイズのサブウィンドウをjavascriptで開きたいんだよ(´・ω・｀)
<base target=in>は外して、別窓とか関係ないハイパーリンクに
target=inって付れば成功するの？
申し訳無さ過ぎて死にたくなってきた･ﾟ･(つД｀)･ﾟ･
first.htmが表示されるフレーム（name=in）と
list.htmが表示されるフレーム（name=list）に分かれてて、
list.htmには文章やらイラストやらのリンクが貼ってある状態。
大半のリンクはinのフレームに表示させたいから<base target=in>指定してあって、
一部のイラストを別窓で開きたいんだ…
自分でも何言ってんのかわかんなくなってきたorz
とりあえず指定サイズのサブウィンドウをjavascriptで開きたいんだよ(´・ω・｀)
<base target=in>は外して、別窓とか関係ないハイパーリンクに
target=inって付れば成功するの？
726 ：Name_Not_Found：2008/07/27(日) 17:58:01 ID:???
とりあえず顔文字やめれ
727 ：Name_Not_Found：2008/07/27(日) 19:35:21 ID:???
728 ：Name_Not_Found：2008/07/27(日) 21:27:01 ID:???
申し訳ない、一通りjavascriptのサイトで勉強して
それでも原因がわからなかったんでサンプルを拾ったところ成功したorz
最初に試したのがとほほのサンプルだったのが敗因？
return falseがうまくいかなかったから717の方針を目指したんだが…
俺とほほ凄い信頼してたけどもしかしてとほほだめなの？
別のスレでもテンプレから外れてた…
ともあれいっぱい迷惑かけてすまんかった、聞いてくれた人ありがとう
それでも原因がわからなかったんでサンプルを拾ったところ成功したorz
最初に試したのがとほほのサンプルだったのが敗因？
return falseがうまくいかなかったから717の方針を目指したんだが…
俺とほほ凄い信頼してたけどもしかしてとほほだめなの？
別のスレでもテンプレから外れてた…
ともあれいっぱい迷惑かけてすまんかった、聞いてくれた人ありがとう
729 ：Name_Not_Found：2008/07/28(月) 16:10:45 ID:t+kZi4X/
メインウィンドウからサブウィンドウを開き、サブウィンドウのなかでPDＦを表示しないといけません。
メインウィンドウからの操作で開きたいPDFを開くにはどのようにすればよいでしょうか？
条件としてサブウィンドウは必ず単一であること、
PDFはページ指定ができること、
PDFの数だけHTMLを用意してはいけない
です。
よろしくお願いします。
メインウィンドウからの操作で開きたいPDFを開くにはどのようにすればよいでしょうか？
条件としてサブウィンドウは必ず単一であること、
PDFはページ指定ができること、
PDFの数だけHTMLを用意してはいけない
です。
よろしくお願いします。
730 ：Name_Not_Found：2008/07/28(月) 16:24:39 ID:???
PDF ファイルを開くのは window.open でも普通のリンクでも
どっちでもいいでしょう。
ターゲット (ウインドウ名) を指定すれば同一のウインドウに開けます。
ファイルの特定の場所を開くにはファイル中にアンカーを打っておいて
hoge.pdf#koko の形式で指定します。
どっちでもいいでしょう。
ターゲット (ウインドウ名) を指定すれば同一のウインドウに開けます。
ファイルの特定の場所を開くにはファイル中にアンカーを打っておいて
hoge.pdf#koko の形式で指定します。
731 ：729：2008/07/29(火) 00:13:53 ID:FDq94GZS
レスありがとうございます。
サブウィンドウには具体的にどのように命令を送ればいいでしょうか。
例えばメインウィンドウに3つのボタンを設けて、別々のPDFをサブウィンドウに表示するコードがうまく書けません。
サブウィンドウには具体的にどのように命令を送ればいいでしょうか。
例えばメインウィンドウに3つのボタンを設けて、別々のPDFをサブウィンドウに表示するコードがうまく書けません。
732 ：Name_Not_Found：2008/07/30(水) 13:52:41 ID:???
<input type="button" value="a.pdf" onclick="window.open('./a.pdf')">
<input type="button" value="b.pdf" onclick="window.open('./b.pdf')">
<input type="button" value="c.pdf" onclick="window.open('./c.pdf')">
これでいいでしょ
<input type="button" value="b.pdf" onclick="window.open('./b.pdf')">
<input type="button" value="c.pdf" onclick="window.open('./c.pdf')">
これでいいでしょ
733 ：Name_Not_Found：2008/07/30(水) 16:27:16 ID:???
javascriptである文字を文字エンコードする方法ってどうやるんでしょうか？
見つけられなくて・・・。
str="文字列"
で、STRを、S-JIS EUC にそれぞれ変えて別々の変数に入れたいのです
そして、echoで値を変ってくるようにしたいです。
お願いします。
お願いいたします。
見つけられなくて・・・。
str="文字列"
で、STRを、S-JIS EUC にそれぞれ変えて別々の変数に入れたいのです
そして、echoで値を変ってくるようにしたいです。
お願いします。
お願いいたします。
734 ：Name_Not_Found：2008/07/30(水) 18:02:54 ID:???
echoはPHPじゃ？
735 ：Name_Not_Found：2008/07/30(水) 18:37:36 ID:???
見つけられないわけがない
736 ：Name_Not_Found：2008/07/30(水) 19:01:19 ID:???
スペース区切りの文字列をそれぞれスペースで区切って順番に変数に代入する関数ってありませんか？
教えていただければ幸いです
教えていただければ幸いです
737 ：Name_Not_Found：2008/07/30(水) 20:22:00 ID:???
"1 2 3".split(" ")
738 ：Name_Not_Found：2008/07/31(木) 03:32:40 ID:???
>>737
ありがとうございます。出来ました＾＾
ありがとうございます。出来ました＾＾
739 ：Name_Not_Found：2008/07/31(木) 13:06:19 ID:051PuRIE
異なるフレーム間で同じ関数を共有するにはどうしたらいいでしょうか？
740 ：Name_Not_Found：2008/07/31(木) 13:09:35 ID:???
>>739
windowからパス通せばいいじゃん。
windowからパス通せばいいじゃん。
742 ：Name_Not_Found：2008/08/01(金) 22:55:15 ID:???
作りたいものがあって色々調べたところ、Javascriptで出来るらしい
ということが分かったのですが、２０００円の本を購入して読んでみても
さっぱり分かりません。すいませんがよろしくお願いします。
※やりたいこと
着せ替えシミュレート
メインウインドウは服や飾りや髪の毛が並んでいて
それらをクリックすることでサブウインドウにシミュレートが表示される。
命令を送ることでどんどん透過画像が重なったり入れ替わったりする感じでいいと思います。
優先順位はまだ考え中です。
ウインドウを二つに分けているのは、キャプチャするときに画像のみを取り出すためです。
要点が分かりづらいかも知れませんが、大体こんな感じです。
Javascriptで可能でしょうか
ということが分かったのですが、２０００円の本を購入して読んでみても
さっぱり分かりません。すいませんがよろしくお願いします。
※やりたいこと
着せ替えシミュレート
メインウインドウは服や飾りや髪の毛が並んでいて
それらをクリックすることでサブウインドウにシミュレートが表示される。
命令を送ることでどんどん透過画像が重なったり入れ替わったりする感じでいいと思います。
優先順位はまだ考え中です。
ウインドウを二つに分けているのは、キャプチャするときに画像のみを取り出すためです。
要点が分かりづらいかも知れませんが、大体こんな感じです。
Javascriptで可能でしょうか
743 ：Name_Not_Found：2008/08/01(金) 23:07:08 ID:???
可能です
744 ：Name_Not_Found：2008/08/02(土) 06:13:13 ID:ZGU+mSbg
>>742
本スレか質問スレなら答えてくれますよ＾＾＾
本スレか質問スレなら答えてくれますよ＾＾＾
745 ：Name_Not_Found：2008/08/02(土) 06:27:54 ID:???
>>742
「やりたいこと」が分かってるなら、すぐ出来ると思いますけど。
日本語で書いてる通りのことを JavaScript で書き直せばいいだけじゃないですか。
組んでみて分からない部分を具体的に質問されてはいかがですか。
「やりたいこと」が分かってるなら、すぐ出来ると思いますけど。
日本語で書いてる通りのことを JavaScript で書き直せばいいだけじゃないですか。
組んでみて分からない部分を具体的に質問されてはいかがですか。
746 ：Name_Not_Found：2008/08/02(土) 07:55:34 ID:???
･丸投げ上等 !って書いてあるよ
747 ：Name_Not_Found：2008/08/02(土) 10:18:11 ID:???
しょうがないさ、誰もできないんですからｗ
748 ：Name_Not_Found：2008/08/02(土) 11:42:22 ID:???
さっぱり分からないのでHTMLでがんばってみることにします。
スレ汚し失礼しました。
スレ汚し失礼しました。
749 ：Name_Not_Found：2008/08/02(土) 12:09:46 ID:???
結局どういう質問だったのか
何をお望みだったのか
何をお望みだったのか
750 ：Name_Not_Found：2008/08/02(土) 13:27:11 ID:???
すいません、大まかな骨組みを組んでいただきたかったんですが
書いてなかったです。申し訳ない。
とりあえず考え得る全てのシミュレート結果の画像を作る方向に転換するつもりです。
お盆休みを活用すれば１０００位は作れると思うので。
書いてなかったです。申し訳ない。
とりあえず考え得る全てのシミュレート結果の画像を作る方向に転換するつもりです。
お盆休みを活用すれば１０００位は作れると思うので。
751 ：Name_Not_Found：2008/08/02(土) 13:42:57 ID:???
それぞれ絶対配置したimg要素のsrcをボタンで変更すればいいじゃないか
＞透過画像が重なったり入れ替わったりする感じでいいと思います。
って自分で言ってるし
＞透過画像が重なったり入れ替わったりする感じでいいと思います。
って自分で言ってるし
752 ：Name_Not_Found：2008/08/02(土) 13:49:55 ID:???
お盆休みを活用すれば、十分な勉強ができるのでそのスクリプトを完成させられる気がするが…
まあ丸投げOKだからどっちでもいいけどさ
まあ丸投げOKだからどっちでもいいけどさ
753 ：Name_Not_Found：2008/08/05(火) 18:13:24 ID:Bfu/Fi6O
フレームのトップhtmlを開いた時に、トップhtmlのjavascriptを動かしたいと思っているのですが、
どんなふうにすればいいでしょうか？
どんなふうにすればいいでしょうか？
754 ：Name_Not_Found：2008/08/05(火) 18:43:33 ID:Bfu/Fi6O
<frameset rows="100,*" frameborder=1 framespancing=0 border=1>
<frame src="" name="frame1">
<frame src="" name="frame2">
</frameset>
とりあえず、frame1にjavascriptで文字を出力する等のことをしてみたいのですが、
そのようなことは可能でしょうか？
一応試しているのですが、どうもうまくいきません
<frame src="" name="frame1">
<frame src="" name="frame2">
</frameset>
とりあえず、frame1にjavascriptで文字を出力する等のことをしてみたいのですが、
そのようなことは可能でしょうか？
一応試しているのですが、どうもうまくいきません
755 ：Name_Not_Found：2008/08/05(火) 18:47:29 ID:???
>>753
パス通せ。
パス通せ。
756 ：Name_Not_Found：2008/08/05(火) 19:40:44 ID:Bfu/Fi6O
>>755
すみません。もう少し分かりやすくお願いします
すみません。もう少し分かりやすくお願いします
757 ：Name_Not_Found：2008/08/06(水) 02:54:19 ID:???
クエリ
758 ：Name_Not_Found：2008/08/06(水) 10:56:38 ID:???
何でソースに何も書いてないのか
759 ：Name_Not_Found：2008/08/06(水) 14:53:05 ID:???
dreamweaverの機能でロールオーバーつけると・・・
スクリプトがダラーっと中に書かれるので外部化しました。
しかし、bodyタグに onload="MM_preloadImages('imgs/1.jpg','imgs/2.jpg','imgs/3.jpg')"とくっついてしまいます。
これも併せて外部化し、ソース内の記述は<body>だけとするには
上で外部化させたスクリプトにwindow.onload = MM_preloadImages(～,～,～);を付け加えてやれば良いんでしょうか？
スクリプトがダラーっと中に書かれるので外部化しました。
しかし、bodyタグに onload="MM_preloadImages('imgs/1.jpg','imgs/2.jpg','imgs/3.jpg')"とくっついてしまいます。
これも併せて外部化し、ソース内の記述は<body>だけとするには
上で外部化させたスクリプトにwindow.onload = MM_preloadImages(～,～,～);を付け加えてやれば良いんでしょうか？
760 ：Name_Not_Found：2008/08/06(水) 15:07:19 ID:???
>>759
聞く前にやれよ
聞く前にやれよ
761 ：Name_Not_Found：2008/08/06(水) 15:34:37 ID:???
なんか、昔懐かしいスクリプトだな。
762 ：Name_Not_Found：2008/08/06(水) 18:57:12 ID:???
>>759
window.onload = MM_preloadImages(～,～,～);だと
MM_preloadImagesの返り値がwindow.onloadにsetされるだけだから
functionで囲わないとだめだよー
window.onload = function(){
MM_preloadImages(～,～,～);
};
window.onload = MM_preloadImages(～,～,～);だと
MM_preloadImagesの返り値がwindow.onloadにsetされるだけだから
functionで囲わないとだめだよー
window.onload = function(){
MM_preloadImages(～,～,～);
};
763 ：Name_Not_Found：2008/08/07(木) 12:31:44 ID:???
今の通信環境考えれば、プリロード付けなくても問題ないように感じる。
ロールオーバとかで画像抜けるかもしれないけど、それも一瞬の事。
画像のプリロードより、ソースのシェープアップを優先して、今ではプリロード付けない。
ロールオーバとかで画像抜けるかもしれないけど、それも一瞬の事。
画像のプリロードより、ソースのシェープアップを優先して、今ではプリロード付けない。
>>760
すみません、ちょっと環境がなかったもので・・・
>>762
おおおお！ありがとうございます！
>>763
まぁ確かにそうなんですけどね・・・。
on・off時の画像をくっつけてbackgroundの位置指定で切り替えって手もあるし。
ただ、クライアントがその一瞬が気になるって言って来たら・・・仕方ないか・・・と。
すみません、ちょっと環境がなかったもので・・・
>>762
おおおお！ありがとうございます！
>>763
まぁ確かにそうなんですけどね・・・。
on・off時の画像をくっつけてbackgroundの位置指定で切り替えって手もあるし。
ただ、クライアントがその一瞬が気になるって言って来たら・・・仕方ないか・・・と。
765 ：Name_Not_Found：2008/08/07(木) 20:10:25 ID:Kcxy/AB5
ジャバスクリプトのクリックした位置に画像を表示する機能を使って、
CGIで背景画像の木の好きな場所に赤い林檎の画像と、青い林檎の画像と、みかんの画像を落とせるようにしたいんですが
どういう仕組みで作ると可能か、教えて下さい
今考えているのは、CGIで画像ファイル名、ｘ座標ｙ座標を保存し、読み出すときに前の設定を読み込み
編集した後保存ボタンで全てを上書きしようと思っていました。
でも、特定の位置の画像のみの削除や移動が出来無い事に気付いて行き詰りました
CGIで背景画像の木の好きな場所に赤い林檎の画像と、青い林檎の画像と、みかんの画像を落とせるようにしたいんですが
どういう仕組みで作ると可能か、教えて下さい
今考えているのは、CGIで画像ファイル名、ｘ座標ｙ座標を保存し、読み出すときに前の設定を読み込み
編集した後保存ボタンで全てを上書きしようと思っていました。
でも、特定の位置の画像のみの削除や移動が出来無い事に気付いて行き詰りました
766 ：Name_Not_Found：2008/08/08(金) 10:22:20 ID:???
>>765
背景画像とりんごの画像を別々にするしかないんじゃない？
背景画像とりんごの画像を別々にするしかないんじゃない？
767 ：Name_Not_Found：2008/08/08(金) 12:49:13 ID:ayRF50Dq
>>766
それはもちろんデス
それはもちろんデス
768 ：Name_Not_Found：2008/08/08(金) 13:29:31 ID:???
http://www.efectorelativo.net/laboratory/noobSlide/#box8
これを、１つ１つにしたいんだけど。
sample1
sample2
sample3と、上半分 削除すると動かなくなるのはなぜでしょう？
sample8だけの例
http://ja.pastebin.ca/1066993
これを、１つ１つにしたいんだけど。
sample1
sample2
sample3と、上半分 削除すると動かなくなるのはなぜでしょう？
sample8だけの例
http://ja.pastebin.ca/1066993
スレ違いだった。スマン
770 ：Name_Not_Found：2008/08/08(金) 14:42:13 ID:???
リンクタグのonClickイベントのイベントハンドラとして
LinkObj.onclick = function {～};
と出来るのに、下のようにbodyタグにイベントハンドラを設定できないのは
何故ですか？ またどうのようにしたら設定できるでしょうか？
document.getElementsByTagName("body").onmousemove = function {～};
LinkObj.onclick = function {～};
と出来るのに、下のようにbodyタグにイベントハンドラを設定できないのは
何故ですか？ またどうのようにしたら設定できるでしょうか？
document.getElementsByTagName("body").onmousemove = function {～};
771 ：Name_Not_Found：2008/08/08(金) 15:53:15 ID:???
document.getElementsByTagName("body")[0]
>>771
そのようにしてFF2.0とIE6で試してみましたが、no propertiesと出て動作しませんでした。
そのようにしてFF2.0とIE6で試してみましたが、no propertiesと出て動作しませんでした。
773 ：Name_Not_Found：2008/08/08(金) 18:40:04 ID:CNs81Jul
aタグをクリックすると指定した要素のスタイルが
ブロックになるというスクリプトを作っているんですが
うまく動きません・・・。
sa[i].onclick = function()の下の
var cka = sa[i].className;のiを数字に代えると一応動きます。
forの中にfunctionを挟むとiは使えなくなるんですかね？
すいませんがアドバイスよろしくお願いします。
window.onload=function(){
var tata = document.getElementById("tabs");
var sa = tata.getElementsByTagName("a");
for (i = 0; i < sa.length; i++) {
sa[i].onclick = function(){
var cka = sa[i].className;
var waka = document.getElementById(cka);
waka.style.display="block";
}
}
}
ブロックになるというスクリプトを作っているんですが
うまく動きません・・・。
sa[i].onclick = function()の下の
var cka = sa[i].className;のiを数字に代えると一応動きます。
forの中にfunctionを挟むとiは使えなくなるんですかね？
すいませんがアドバイスよろしくお願いします。
window.onload=function(){
var tata = document.getElementById("tabs");
var sa = tata.getElementsByTagName("a");
for (i = 0; i < sa.length; i++) {
sa[i].onclick = function(){
var cka = sa[i].className;
var waka = document.getElementById(cka);
waka.style.display="block";
}
}
}
774 ：Name_Not_Found：2008/08/08(金) 19:14:27 ID:???
>>773
iが使えなくなるって言うか
そのforループの中のfunctionは自分が生成されたときのiじゃなくて
今現在のiをずっと参照してるんだ
でオブジェクトがクリックされる前にはforループは終わってて
iの値はsa.lengthになってるから、クリックされてfunctionが呼び出されたとき
sa[i]はundefinedになっちゃう
(function(i){}(i)で囲むとかwith({i:i}){}で囲むとかするといいよ
window.onload=function(){
var tata = document.getElementById("tabs");
var sa = tata.getElementsByTagName("a");
for (i = 0; i < sa.length; i++) {
(function(i){
sa[i].onclick = function(){
var cka = sa[i].className;
var waka = document.getElementById(cka);
waka.style.display="block";
}
})(i)
}
}
iが使えなくなるって言うか
そのforループの中のfunctionは自分が生成されたときのiじゃなくて
今現在のiをずっと参照してるんだ
でオブジェクトがクリックされる前にはforループは終わってて
iの値はsa.lengthになってるから、クリックされてfunctionが呼び出されたとき
sa[i]はundefinedになっちゃう
(function(i){}(i)で囲むとかwith({i:i}){}で囲むとかするといいよ
window.onload=function(){
var tata = document.getElementById("tabs");
var sa = tata.getElementsByTagName("a");
for (i = 0; i < sa.length; i++) {
(function(i){
sa[i].onclick = function(){
var cka = sa[i].className;
var waka = document.getElementById(cka);
waka.style.display="block";
}
})(i)
}
}
775 ：Name_Not_Found：2008/08/08(金) 20:46:23 ID:nn9gmA5x
ものすごくくだらない質問ですが質問させてください。
jsファイルを読み込み、javascriptを実行させるプログラムを作っているところなのですが、
本体のjsファイルを改良して更新して確かめようとしても、ファイルをキャッシュから読み込むばかりで、最新版を読み込んでくれません。
jsファイルを読み込み、javascriptを実行させるプログラムを作っているところなのですが、
本体のjsファイルを改良して更新して確かめようとしても、ファイルをキャッシュから読み込むばかりで、最新版を読み込んでくれません。
776 ：Name_Not_Found：2008/08/08(金) 21:06:20 ID:???
'?t=' + new Date().getTime()
777 ：Name_Not_Found：2008/08/09(土) 03:07:47 ID:???
>>772
サンプルもらえます？
サンプルもらえます？
778 ：Name_Not_Found：2008/08/09(土) 13:08:01 ID:HmGhbWbM
下記のネットサンプルで、2点質問があります。
質問1: onSubmit="return branch(this)"と記述されていますが、なぜreturnがあるのでしょうか？
returnの存在理由を教えてください。
質問2: 関数の中で"return false"が記述されていますが、それもなぜ、記述されているか分かりません。
location.hrefで場所を指定して終わりでよさそうな気がします。でも、遷移するには必要なんです。
なぜですか？
サンプルの記述場所：http://questionbox.jp.msn.com/qa255393.html?StatusCheck=ON
よろしくお願いします。
<HTML><HEAD><TITLE>アンケート</TITLE><SCRIPT language="JavaScript"><!--
var page = new Array();
page['YY'] = 'A.html'; page['YN'] = 'B.html'; page['NY'] = 'C.html'; page['NN'] = 'D.html';
function branch(f) {
var ans = '';
for (var i = 0; i < f.q1.length; i++) { if (f.q1[i].checked) ans+=f.q1[i].value; }
for (var i = 0; i < f.q2.length; i++) { if (f.q2[i].checked) ans+=f.q2[i].value; }
location.href = page[ans];
return false;
}
//--></SCRIPT>
</HEAD><BODY><FORM name="enquete" onSubmit="return branch(this)">
設問１：あなたは●●ですか？<BR>
<INPUT type="radio" name="q1" value="Y" checked>はい
<INPUT type="radio" name="q1" value="N">いいえ<BR>
設問１：あなたは▼▼ですか？<BR>
<INPUT type="radio" name="q2" value="Y" checked>はい
<INPUT type="radio" name="q2" value="N">いいえ<BR>
<INPUT type="submit" value="送信">
</FORM></BODY></HTML>
質問1: onSubmit="return branch(this)"と記述されていますが、なぜreturnがあるのでしょうか？
returnの存在理由を教えてください。
質問2: 関数の中で"return false"が記述されていますが、それもなぜ、記述されているか分かりません。
location.hrefで場所を指定して終わりでよさそうな気がします。でも、遷移するには必要なんです。
なぜですか？
サンプルの記述場所：http://questionbox.jp.msn.com/qa255393.html?StatusCheck=ON
よろしくお願いします。
<HTML><HEAD><TITLE>アンケート</TITLE><SCRIPT language="JavaScript"><!--
var page = new Array();
page['YY'] = 'A.html'; page['YN'] = 'B.html'; page['NY'] = 'C.html'; page['NN'] = 'D.html';
function branch(f) {
var ans = '';
for (var i = 0; i < f.q1.length; i++) { if (f.q1[i].checked) ans+=f.q1[i].value; }
for (var i = 0; i < f.q2.length; i++) { if (f.q2[i].checked) ans+=f.q2[i].value; }
location.href = page[ans];
return false;
}
//--></SCRIPT>
</HEAD><BODY><FORM name="enquete" onSubmit="return branch(this)">
設問１：あなたは●●ですか？<BR>
<INPUT type="radio" name="q1" value="Y" checked>はい
<INPUT type="radio" name="q1" value="N">いいえ<BR>
設問１：あなたは▼▼ですか？<BR>
<INPUT type="radio" name="q2" value="Y" checked>はい
<INPUT type="radio" name="q2" value="N">いいえ<BR>
<INPUT type="submit" value="送信">
</FORM></BODY></HTML>
780 ：Name_Not_Found：2008/08/09(土) 14:50:49 ID:???
>>778
submitボタンは、本来GETかPOSTでデータを送信するためのもの。
それを押したということは、ture=送信継続、false=送信中断。
この場合、本来のform送信は中断して、JSでページ遷移させてるわけ。
submitボタンは、本来GETかPOSTでデータを送信するためのもの。
それを押したということは、ture=送信継続、false=送信中断。
この場合、本来のform送信は中断して、JSでページ遷移させてるわけ。
781 ：Name_Not_Found：2008/08/09(土) 15:11:15 ID:HmGhbWbM
>>780
早速、レスありがとうございます。
私が質問２でした"return false"は
下記の操作をしていると理解しました。
> それを押したということは、ture=送信継続、false=送信中断。
>この場合、本来のform送信は中断して、JSでページ遷移させてるわけ。
さらに質問１でしたonSubmit="return branch(this)"が更にそのfalseを
formにリターンし、form送信は中断したと理解しました。
つまりは質問１と質問２の処理はセットと考えてよろしいでしょうか？
追加の1点の確認のための質問をよろしくお願いします。
早速、レスありがとうございます。
私が質問２でした"return false"は
下記の操作をしていると理解しました。
> それを押したということは、ture=送信継続、false=送信中断。
>この場合、本来のform送信は中断して、JSでページ遷移させてるわけ。
さらに質問１でしたonSubmit="return branch(this)"が更にそのfalseを
formにリターンし、form送信は中断したと理解しました。
つまりは質問１と質問２の処理はセットと考えてよろしいでしょうか？
追加の1点の確認のための質問をよろしくお願いします。
782 ：Name_Not_Found：2008/08/09(土) 15:52:00 ID:omKaKNev
例えばなんですが、
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm1097445?w=320&h=240"></script>
このようなタグの横に文字列を表示させることはできないでしょうか。
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm1097445?w=320&h=240"></script>
このようなタグの横に文字列を表示させることはできないでしょうか。
783 ：Name_Not_Found：2008/08/09(土) 18:10:22 ID:???
>>781
セットだよ。
セットだよ。
784 ：Name_Not_Found：2008/08/09(土) 23:30:12 ID:HmGhbWbM
>>777
遅くなりましたが、こんな感じです
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>sample</title>
<script type="text/javascript">
function Mmove(event){
cx = window.event.clientX;
cy = window.event.clientY;
document.getElementById("result").innerHTML = cx+","+cy;
}
document.getElementsByTagName("body")[0].onmousemove = Mmove;
</script>
</head>
<body>
<div id="result"></div>
</body>
</html>
遅くなりましたが、こんな感じです
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>sample</title>
<script type="text/javascript">
function Mmove(event){
cx = window.event.clientX;
cy = window.event.clientY;
document.getElementById("result").innerHTML = cx+","+cy;
}
document.getElementsByTagName("body")[0].onmousemove = Mmove;
</script>
</head>
<body>
<div id="result"></div>
</body>
</html>
786 ：Name_Not_Found：2008/08/11(月) 01:13:48 ID:???
787 ：Name_Not_Found：2008/08/11(月) 02:34:01 ID:7RTZ8Xxh
ユーザーのブラウザで、
javascriptがONの時とOFFの時を出し分ける時、
WEB標準的にはどうするのがベストですか？
自分の中では３パターンありまして、
１．document.write()を使用
２．innerHTMLを使用
３．<div style="display=none"></div>で囲みjavascriptでdisplayをblockに指定する
いろいろ考えてたら、どれも一長一短で、なんだかどうでもよくなってきました(´・ω・｀)
javascriptがONの時とOFFの時を出し分ける時、
WEB標準的にはどうするのがベストですか？
自分の中では３パターンありまして、
１．document.write()を使用
２．innerHTMLを使用
３．<div style="display=none"></div>で囲みjavascriptでdisplayをblockに指定する
いろいろ考えてたら、どれも一長一短で、なんだかどうでもよくなってきました(´・ω・｀)
788 ：Name_Not_Found：2008/08/11(月) 06:01:01 ID:???
789 ：Name_Not_Found：2008/08/11(月) 06:03:35 ID:???
790 ：Name_Not_Found：2008/08/11(月) 06:35:37 ID:???
791 ：Name_Not_Found：2008/08/11(月) 15:41:13 ID:???
>>790
3が間違いなのはユーザがCSS切ってたらJavaScriptに関係なく出力されるから？
>>787
自分でやる時ページ全体使わせたくない時は
は>>789みたいにして、<noscript>以外はdisplay:noneにしちゃう
簡単なやつなら2かな。
document.writeは書き出し中に他の事できないからあまり使わない
3が間違いなのはユーザがCSS切ってたらJavaScriptに関係なく出力されるから？
>>787
自分でやる時ページ全体使わせたくない時は
は>>789みたいにして、<noscript>以外はdisplay:noneにしちゃう
簡単なやつなら2かな。
document.writeは書き出し中に他の事できないからあまり使わない
792 ：787：2008/08/11(月) 23:18:04 ID:7RTZ8Xxh
787です。
お答えくださった皆様、ありがとうございます！
>>789さん
<script></script>の中にあるhogeが見れません・・・。
>>790さん
数行書き出す程度ならば、楽なものでいった方がやはり良いですか。
3が間違いというのは、つまり791さんのおっしゃる通りのことなのでしょうか？
>>791さん
document.writeは使わないのですね。
となると、やはりobj.style.display="block";あたりで出し分けになるのですね。
ソースが複雑になることを避けれたのならば、
後はその時のベターな解を適当にチョイスってな感じですかね(・ω・｀)
お答えくださった皆様、ありがとうございます！
>>789さん
<script></script>の中にあるhogeが見れません・・・。
>>790さん
数行書き出す程度ならば、楽なものでいった方がやはり良いですか。
3が間違いというのは、つまり791さんのおっしゃる通りのことなのでしょうか？
>>791さん
document.writeは使わないのですね。
となると、やはりobj.style.display="block";あたりで出し分けになるのですね。
ソースが複雑になることを避けれたのならば、
後はその時のベターな解を適当にチョイスってな感じですかね(・ω・｀)
793 ：Name_Not_Found：2008/08/13(水) 02:17:58 ID:???
CSS切ってるというか、絶対に携帯厨が来ないサイトならそれも別に悪くはないよ
CSSに依存したJSの振り分けってどうよ、という話なんだけどね
「動けばなんでもいい」って思ってる人がそういうコード書くんだろうなって思ってる
CSSに依存したJSの振り分けってどうよ、という話なんだけどね
「動けばなんでもいい」って思ってる人がそういうコード書くんだろうなって思ってる
794 ：Name_Not_Found：2008/08/13(水) 09:51:05 ID:???
>>792
> >>789さん
> <script></script>の中にあるhogeが見れません・・・。
script/noscriptタグを知らない人？
手取り足取りスレらしく正確に書けやゴラァってことか
<script><!--
document.write("hoge");
//--></script><noscript>hage</noscript>
> >>789さん
> <script></script>の中にあるhogeが見れません・・・。
script/noscriptタグを知らない人？
手取り足取りスレらしく正確に書けやゴラァってことか
<script><!--
document.write("hoge");
//--></script><noscript>hage</noscript>
795 ：Name_Not_Found：2008/08/14(木) 15:20:15 ID:dA9kba2M
質問です。
例えば、 hoge、huga、honyo、penyo という4つの文字列があったとして、
この順番をランダムに並べるにはどうしたらいいのでしょうか。
（例えば、 honyo、huga、penyo、hoge のように）
乱数をどう活用すればできるのか・・・。よろしくお願いします。
例えば、 hoge、huga、honyo、penyo という4つの文字列があったとして、
この順番をランダムに並べるにはどうしたらいいのでしょうか。
（例えば、 honyo、huga、penyo、hoge のように）
乱数をどう活用すればできるのか・・・。よろしくお願いします。
796 ：Name_Not_Found：2008/08/14(木) 15:40:36 ID:???
>>795
var list = new Array("hoge", "huga", "honyo", "penyo");
var randomList = new Array();
while (list.length > 0) {
randomList[randomList.length] = list.splice(Math.floor(Math.random() * list.length), 1);
}
alert(randomList);
var list = new Array("hoge", "huga", "honyo", "penyo");
var randomList = new Array();
while (list.length > 0) {
randomList[randomList.length] = list.splice(Math.floor(Math.random() * list.length), 1);
}
alert(randomList);
798 ：Name_Not_Found：2008/08/14(木) 17:02:03 ID:eCVDAE3k
XML内にerrorタグが存在していなかった場合はerror_messageをはき出して処理を終了させたいと思っているのですが、
どのようにすればうまく行きますか？
if(eXML.getElementsByTagName("error")[0] != void(0)){
alert( eXML.getElementsByTagName("error_message")[0].textContent );
exit;
}
どのようにすればうまく行きますか？
if(eXML.getElementsByTagName("error")[0] != void(0)){
alert( eXML.getElementsByTagName("error_message")[0].textContent );
exit;
}
799 ：798：2008/08/14(木) 17:09:29 ID:eCVDAE3k
微妙に間違ってた。errorタグがあったらerror_messageの内容を出力する
という感じです
という感じです
800 ：Name_Not_Found：2008/08/14(木) 22:07:09 ID:???
if(eXML.getElementsByTagName("error"))
alert( eXML.getElementsByTagName("error_message")[0].firstChild.nodeValue );
alert( eXML.getElementsByTagName("error_message")[0].firstChild.nodeValue );
>>800
うまくいきました、ありがとうございます。
うまくいきました、ありがとうございます。
802 ：798：2008/08/14(木) 23:04:34 ID:eCVDAE3k
803 ：Name_Not_Found：2008/08/15(金) 03:08:01 ID:???
その時の eXML.getElementsByTagName("error") の中身は？
804 ：Name_Not_Found：2008/08/15(金) 03:15:36 ID:???
確実にNodeList
805 ：Name_Not_Found：2008/08/15(金) 05:22:05 ID:???
うわ、nullが返ると思ってた
じゃあlengthだね
じゃあlengthだね
806 ：787：2008/08/16(土) 21:23:32 ID:v5svEx4K
>>794さん
すいません。
返事遅れました。
<script>タグでかこめば、document.writeを書かなくてもHTMLを埋め込める手段があるんだー、
と思ってました。
ご丁寧にありがとうございました _( . _ . )_
すいません。
返事遅れました。
<script>タグでかこめば、document.writeを書かなくてもHTMLを埋め込める手段があるんだー、
と思ってました。
ご丁寧にありがとうございました _( . _ . )_
807 ：Name_Not_Found：2008/08/17(日) 11:46:06 ID:???
予約語ってブラウザによって違うことあります？
808 ：Name_Not_Found：2008/08/18(月) 23:38:21 ID:???
>>807
http://www.kawa.net/works/js/tips/future-reserved-words.html
引っかかりそうな名前は使わないし、関数もほとんど_や大文字混ぜてるから知らなかったけど、
結構ブラウザごとにあるみたいだね。
http://www.kawa.net/works/js/tips/future-reserved-words.html
引っかかりそうな名前は使わないし、関数もほとんど_や大文字混ぜてるから知らなかったけど、
結構ブラウザごとにあるみたいだね。
809 ：Name_Not_Found：2008/08/19(火) 20:15:33 ID:R5AzVFlO
jQueryのaccordion.jsについて質問です。
設置は出来たのですが、コンテンツのページ移動の際に
見出しタイトルが一瞬スライドして閉じてしまいます。
これを開けっぱにしたいんですが、どうすればいいんでしょうか。
<script type="text/javascript">
jQuery().ready(function(){
jQuery('ul.navi').accordion({
header: 'h4.title',
selectedClass: 'open'
}).activate(0);
});
</script>
<ul class="navi">
<li>
<h4 class="title open">見出しタイトル</h4>
<ul>
<li><a href="#">コンテンツ1</a></li>
<li><a href="#">コンテンツ2</a></li>
<li><a href="#">コンテンツ3</a></li>
</ul>
</li>
</ul>
ソースは上記のような感じです。
どなたかお分かりの方がいましたら、よろしくお願いします。
設置は出来たのですが、コンテンツのページ移動の際に
見出しタイトルが一瞬スライドして閉じてしまいます。
これを開けっぱにしたいんですが、どうすればいいんでしょうか。
<script type="text/javascript">
jQuery().ready(function(){
jQuery('ul.navi').accordion({
header: 'h4.title',
selectedClass: 'open'
}).activate(0);
});
</script>
<ul class="navi">
<li>
<h4 class="title open">見出しタイトル</h4>
<ul>
<li><a href="#">コンテンツ1</a></li>
<li><a href="#">コンテンツ2</a></li>
<li><a href="#">コンテンツ3</a></li>
</ul>
</li>
</ul>
ソースは上記のような感じです。
どなたかお分かりの方がいましたら、よろしくお願いします。
自己解決しました。
上記の例で言うと
active: '.open'
が抜けてました。
てか公式サイトのDEMOにあった…
スレ汚してすまんかった。
上記の例で言うと
active: '.open'
が抜けてました。
てか公式サイトのDEMOにあった…
スレ汚してすまんかった。
811 ：Name_Not_Found：2008/08/20(水) 23:35:17 ID:sNV8J7MS
JavaScriptの文字列って最大でどのくらいの長さを扱えますか？
AjaxのhttpObject.responseTextに大量の文字列を送らせようとしているのですが
あまりに長いとエラー出ますか？
AjaxのhttpObject.responseTextに大量の文字列を送らせようとしているのですが
あまりに長いとエラー出ますか？
812 ：Name_Not_Found：2008/08/21(木) 00:58:32 ID:???
あまりにも長いとブラクラだろ
813 ：Name_Not_Found：2008/08/22(金) 00:29:39 ID:???
Strutsを使用して テキストフォームの値をネストしたプロパティに格納しています。
<html:text name="Form名" property="PersonalInfo.name"></html:text>
ネストしたプロパティの値をJSPに記述したJavaScriptでチェックするため
JavaScript内で
document.Form名.PersonalInfo.name.val
と記述したのですが、値がうまく取得できていないようです。
誰かご教授いただけませんでしょうか？
Form直下の値はうまく取得できているのですが…
<html:text name="Form名" property="PersonalInfo.name"></html:text>
ネストしたプロパティの値をJSPに記述したJavaScriptでチェックするため
JavaScript内で
document.Form名.PersonalInfo.name.val
と記述したのですが、値がうまく取得できていないようです。
誰かご教授いただけませんでしょうか？
Form直下の値はうまく取得できているのですが…
814 ：Name_Not_Found：2008/08/22(金) 00:31:40 ID:???
>>813
Strutsがどうとか書くと回答者が減るから、出力されたHTMLだけ出して質問してみ。
Strutsがどうとか書くと回答者が減るから、出力されたHTMLだけ出して質問してみ。
816 ：Name_Not_Found：2008/08/22(金) 11:10:53 ID:???
どなたかお解かりになられる方、ご助力下さい。
/root/admin/ に格納されているsam.htmlにて、
/root/admin/js に格納されているscookie.jsを読み込み、
html内のボタンでonClickを使い、jsの処理でcookieに値を格納しています。
そこまでは問題なく出来るのですが、ここで格納した値を
/root/disp/pre/ に格納されているpreview.htmlにて、
/root/admin/js に格納されているpreview.jsを読み込み、
js内でcookieの値を参照し、出力したいのですが、上手くいきません。
sam.htmlの段階では、onClick実行後にアラートを出すと値が格納されて
いますが、preview.htmlに移動した時点でcookieの値がカラになってしまいます。
admin.jsには、onClickで飛んできた値をcookieに格納し、preview.htmlを開く所
までが記述されています。
preview.jsには、cookieの値を判別し、結果としてhtmlの記述を出力します。
preview.htmlは、そのhtmlを表示する為に使っています。
とほほにて、
「ブラウザが終了するまで有効で、設定したページと同じフォルダにある
（もしくは下位層にある）ページに送信されます。」
とあったのですが、何とか値を受け渡す方法は無いでしょうか？
/root/admin/ に格納されているsam.htmlにて、
/root/admin/js に格納されているscookie.jsを読み込み、
html内のボタンでonClickを使い、jsの処理でcookieに値を格納しています。
そこまでは問題なく出来るのですが、ここで格納した値を
/root/disp/pre/ に格納されているpreview.htmlにて、
/root/admin/js に格納されているpreview.jsを読み込み、
js内でcookieの値を参照し、出力したいのですが、上手くいきません。
sam.htmlの段階では、onClick実行後にアラートを出すと値が格納されて
いますが、preview.htmlに移動した時点でcookieの値がカラになってしまいます。
admin.jsには、onClickで飛んできた値をcookieに格納し、preview.htmlを開く所
までが記述されています。
preview.jsには、cookieの値を判別し、結果としてhtmlの記述を出力します。
preview.htmlは、そのhtmlを表示する為に使っています。
とほほにて、
「ブラウザが終了するまで有効で、設定したページと同じフォルダにある
（もしくは下位層にある）ページに送信されます。」
とあったのですが、何とか値を受け渡す方法は無いでしょうか？
>>814様
すいません
ブラウザに出力されたソースを貼らしていただきます。
汚いソースなので、少し見やすいように編集しています。
●JavaScript部
function a(){
var flg = checkNull(document.InputForm.personalInfo.name);
flgを使って処理を制御したいのですが、
trueもfalseも通りません…
InputFormの直下のプロパティは参照できているのですが(>_<)
}
●HTML部
フォームの定義
<form name="InputForm" method="post" action="アクション名">
......
入力フォーム
<input type="text" name="personalInfo.name" ......>
......
決定ボタン
<input type="buttun" name="check" onclick="a()">
</form>
必要のなさそうなところは勝手に省いたのですが、
問題があればご指摘頂けますでしょうか？
すいません
ブラウザに出力されたソースを貼らしていただきます。
汚いソースなので、少し見やすいように編集しています。
●JavaScript部
function a(){
var flg = checkNull(document.InputForm.personalInfo.name);
flgを使って処理を制御したいのですが、
trueもfalseも通りません…
InputFormの直下のプロパティは参照できているのですが(>_<)
}
●HTML部
フォームの定義
<form name="InputForm" method="post" action="アクション名">
......
入力フォーム
<input type="text" name="personalInfo.name" ......>
......
決定ボタン
<input type="buttun" name="check" onclick="a()">
</form>
必要のなさそうなところは勝手に省いたのですが、
問題があればご指摘頂けますでしょうか？
818 ：Name_Not_Found：2008/08/22(金) 12:36:54 ID:???
>>817
それって
PersonalInfo.name→PersonalInfo_nameとかに変更してやってみたらどうなのよ？
Struts絡みで出来ないかもだけど、とりあえずはそういう問題なんじゃないかと。
それって
PersonalInfo.name→PersonalInfo_nameとかに変更してやってみたらどうなのよ？
Struts絡みで出来ないかもだけど、とりあえずはそういう問題なんじゃないかと。
819 ：Name_Not_Found：2008/08/22(金) 12:40:35 ID:???
もしそういう問題なら
document.InputForm["personalInfo.name"]
にするとか
document.InputForm[n] ※n番目はソースに合わせて
にするとかで解決かな？
document.InputForm["personalInfo.name"]
にするとか
document.InputForm[n] ※n番目はソースに合わせて
にするとかで解決かな？
>>818様
フォームのプロパティを画面側に合わせて変えてしまうと、
システムの設計を１からやり直さないといけなくなるので…
>>819様
うまく画面側で値がとれましたとれました!!
ありがとうございます。
m(_ _)m
フォームのプロパティを画面側に合わせて変えてしまうと、
システムの設計を１からやり直さないといけなくなるので…
>>819様
うまく画面側で値がとれましたとれました!!
ありがとうございます。
m(_ _)m
821 ：Name_Not_Found：2008/08/25(月) 11:24:25 ID:???
>>816
ソースを見ないと何ともアレだけど、
sam.htmlに
document.cookie="asdf=1234";
だけ、
previe.htmlに
alert(document.cookie);
だけ書いて、ちゃんと動作する？
ドメイン変わったりしてない？
ソースを見ないと何ともアレだけど、
sam.htmlに
document.cookie="asdf=1234";
だけ、
previe.htmlに
alert(document.cookie);
だけ書いて、ちゃんと動作する？
ドメイン変わったりしてない？
822 ：Name_Not_Found：2008/08/25(月) 15:03:53 ID:TPXXbnOB
ttp://www5e.biglobe.ne.jp/~purest/javascript/sample/oritatami4.html
こちらのものをほぼそのまま使ってみたのですが、
cookieにうまく保存されないのか、新しいページに飛んだとき、
開けていないメニューが開いて、開いていた筈のメニューが閉じられたりします。
メニュー数が一桁、JSは外部ファイル、PHPのページに使用、というぐらいで
他は何かいじったりしていない筈なのですが……
何故こうなるのかが全く分かりません。
お分かりになる方、ご教示いただけませんでしょうか。
こちらのものをほぼそのまま使ってみたのですが、
cookieにうまく保存されないのか、新しいページに飛んだとき、
開けていないメニューが開いて、開いていた筈のメニューが閉じられたりします。
メニュー数が一桁、JSは外部ファイル、PHPのページに使用、というぐらいで
他は何かいじったりしていない筈なのですが……
何故こうなるのかが全く分かりません。
お分かりになる方、ご教示いただけませんでしょうか。
823 ：Name_Not_Found：2008/08/25(月) 15:24:16 ID:???
あ……cookieを一旦削除したら問題なく動くようになりました。
cookieをもうちょっと簡略化できないものでしょうか……
cookieをもうちょっと簡略化できないものでしょうか……
824 ：Name_Not_Found：2008/08/25(月) 19:53:27 ID:6YgxP28A
prototypeの質問です。
下記のようなプログラムを実行したいんですが
alertの中身がundefinedになってしまいます・・
アドバイスよろしくお願いします。
<script type="text/javascript" src="js/prototype-1.6.0.2.js"></script>
<script type="text/javascript">
Event.observe(window,"load",al);
function al(){
var od = $("eve");
var od2 = $("gf");
od.observe("click",ci);
od2.observe("click",ci);
function ci(e){
alert(e.tagName);
e.stop();
}
}
</script>
</head>
<body>
<div id="eve">こんにちは
<p id="gf">こんばんは</p>
</div>
</body>
下記のようなプログラムを実行したいんですが
alertの中身がundefinedになってしまいます・・
アドバイスよろしくお願いします。
<script type="text/javascript" src="js/prototype-1.6.0.2.js"></script>
<script type="text/javascript">
Event.observe(window,"load",al);
function al(){
var od = $("eve");
var od2 = $("gf");
od.observe("click",ci);
od2.observe("click",ci);
function ci(e){
alert(e.tagName);
e.stop();
}
}
</script>
</head>
<body>
<div id="eve">こんにちは
<p id="gf">こんばんは</p>
</div>
</body>
825 ：Name_Not_Found：2008/08/25(月) 20:18:15 ID:???
eはイベントオブジェクトだよ
826 ：Name_Not_Found：2008/08/25(月) 20:20:14 ID:???
>>821-823って、
女『車のエンジンがかからないの…』
俺『バッテリーかな？ライトは点く？』
のやり取りに似てるなｗ
そのリンク先がどんなスクリプト書いているのか知らんけど、
俺だったら開閉状態を100110011…って文字列化して、16進に
変えてCookieに保存します。
夜まで待てれば詳細書くけど、他の親切なエロい人に聞いた方が
早いかもね。
女『車のエンジンがかからないの…』
俺『バッテリーかな？ライトは点く？』
のやり取りに似てるなｗ
そのリンク先がどんなスクリプト書いているのか知らんけど、
俺だったら開閉状態を100110011…って文字列化して、16進に
変えてCookieに保存します。
夜まで待てれば詳細書くけど、他の親切なエロい人に聞いた方が
早いかもね。
829 ：Name_Not_Found：2008/08/26(火) 15:56:10 ID:???
恐縮ながらお答えいただけると助かります。
+ １の１
↑の「+」を押すと
- １の１
+ １の２
+ １の３
+ １の４
といった具合にatwikiのような詳細な選択ができるようにしたいのですが、名称がわからないので
ググりようがありません。
どなたか名称をご教授いただけませんでしょうか？宜しくお願い致します。
+ １の１
↑の「+」を押すと
- １の１
+ １の２
+ １の３
+ １の４
といった具合にatwikiのような詳細な選択ができるようにしたいのですが、名称がわからないので
ググりようがありません。
どなたか名称をご教授いただけませんでしょうか？宜しくお願い致します。
830 ：Name_Not_Found：2008/08/26(火) 16:57:26 ID:???
アコーディオンとか呼ばれてるかね？
831 ：Name_Not_Found：2008/08/26(火) 17:03:54 ID:???
いや、この場合は "ツリー" だな。
832 ：Name_Not_Found：2008/08/26(火) 18:04:54 ID:???
834 ：Name_Not_Found：2008/08/27(水) 11:09:45 ID:xMPgeDTs
jqueryについて質問したいのですが、下記の様な関数を使い、successの部分のコールバック関数で作った配列aryをreturnしたいんですが、どこの位置にreturn aryを入れたら、hogeをコールしてktkrに配列aryを入れることが出来るのでしょう？
function hoge(){
$.ajax({
dataType: 'jsonp',
cache: true,
url: 'hogehoge.json',
success: function(r){
var ary = [];
$(r.res.item).each(function(i,elm){
ary[i] = elm;
});
}
});
}
var ary = hoge();
function hoge(){
$.ajax({
dataType: 'jsonp',
cache: true,
url: 'hogehoge.json',
success: function(r){
var ary = [];
$(r.res.item).each(function(i,elm){
ary[i] = elm;
});
}
});
}
var ary = hoge();
835 ：834：2008/08/27(水) 11:11:08 ID:xMPgeDTs
間違い。
var ktkr = hoge();
です。
var ktkr = hoge();
です。
836 ：Name_Not_Found：2008/08/27(水) 12:28:20 ID:???
837 ：834：2008/08/27(水) 13:56:05 ID:xMPgeDTs
838 ：Name_Not_Found：2008/08/27(水) 14:26:25 ID:???
>>837
successの関数自体を別に書いたら良いんじゃなくて？
successの関数自体を別に書いたら良いんじゃなくて？
839 ：834：2008/08/27(水) 15:27:07 ID:xMPgeDTs
>>838
jQuery.ajaxメモ - Humming Via Kitchen
http://humming.via-kitchen.com/2007/12/08/jquery-ajax-memo/
＞エラーをちゃんと処理したい時とかは、 こんな感じで設定してやると良いみたい。
の下みたいな感じ？
var successCallback = function (response){
return responseをごにょごにょしたもの
};
'success': successCallback,
みたいな？
だめっぽいorz
jQuery.ajaxメモ - Humming Via Kitchen
http://humming.via-kitchen.com/2007/12/08/jquery-ajax-memo/
＞エラーをちゃんと処理したい時とかは、 こんな感じで設定してやると良いみたい。
の下みたいな感じ？
var successCallback = function (response){
return responseをごにょごにょしたもの
};
'success': successCallback,
みたいな？
だめっぽいorz
840 ：Name_Not_Found：2008/08/27(水) 16:09:37 ID:???
841 ：Name_Not_Found：2008/08/28(木) 14:21:36 ID:???
>>836
の言うように同期にしないと意味無いけどaryをhoge()で受け取るにはこうする
function hoge() {
var ary = [];
$.ajax({...});
return ary;
}
の言うように同期にしないと意味無いけどaryをhoge()で受け取るにはこうする
function hoge() {
var ary = [];
$.ajax({...});
return ary;
}
842 ：Name_Not_Found：2008/09/01(月) 15:17:49 ID:???
<div id="popup">popup</div>
<div onClick="showPopup('popup')">show popup</div>
function showPopup(id) {
var e = document.getElementById(id);
e.style.top = ・・・;
e.style.left = ・・・;
e.style.display = "block";
//e.onClick = hidePopup;
}
で、クリックでマウスポインタの位置にポップアップを出すことは
できるようになったのですが、ポップアップを消すことができません。
ポップアップをクリックしたときとポップアップからマウスポインタが
外れたときに消したいのですがどうしたらいいですか？
<div onClick="showPopup('popup')">show popup</div>
function showPopup(id) {
var e = document.getElementById(id);
e.style.top = ・・・;
e.style.left = ・・・;
e.style.display = "block";
//e.onClick = hidePopup;
}
で、クリックでマウスポインタの位置にポップアップを出すことは
できるようになったのですが、ポップアップを消すことができません。
ポップアップをクリックしたときとポップアップからマウスポインタが
外れたときに消したいのですがどうしたらいいですか？
843 ：Name_Not_Found：2008/09/01(月) 17:01:36 ID:???
どうしたらいいってそのコメントアウトしてある
//e.onClick = hidePopup;
みたいな事でいいんじゃないの。
onClickじゃなくてonclickな。
//e.onClick = hidePopup;
みたいな事でいいんじゃないの。
onClickじゃなくてonclickな。
844 ：Name_Not_Found：2008/09/01(月) 20:27:16 ID:???
>>843ありがとうございます
ついでに
<div id="popup">
<div>hoge</div>
<div>piyo</div>
</div>
↑のようにpopup要素があると、hogeの上にマウスポインタが行くと
mouseoutイベントが発生してポップアップが消えてしまうようですが
popup要素上からマウスポインタが外れたときだけ消すようにするには
どうしたらいいですか？
ついでに
<div id="popup">
<div>hoge</div>
<div>piyo</div>
</div>
↑のようにpopup要素があると、hogeの上にマウスポインタが行くと
mouseoutイベントが発生してポップアップが消えてしまうようですが
popup要素上からマウスポインタが外れたときだけ消すようにするには
どうしたらいいですか？
845 ：Name_Not_Found：2008/09/01(月) 21:38:55 ID:0J3y4Baf
質問です。
ボックスの幅・高さを取得して表示するにはどうすればいいのでしょうか。
<script type="text/javascript">
<!--
var x=document.getElementById('bokkusu').style.width;
document.write(x);
//-->
</script>
と書いてみたのですが、表示されません。xの型を調べると文字列だから表示できるはずだ！と思うのですが…。
当方IE7です。よろしくお願いします。
ボックスの幅・高さを取得して表示するにはどうすればいいのでしょうか。
<script type="text/javascript">
<!--
var x=document.getElementById('bokkusu').style.width;
document.write(x);
//-->
</script>
と書いてみたのですが、表示されません。xの型を調べると文字列だから表示できるはずだ！と思うのですが…。
当方IE7です。よろしくお願いします。
すまん。質問スレのFAQに書いてあった。
847 ：Name_Not_Found：2008/09/01(月) 22:53:53 ID:???
>>844
ポインタの移動した先がpopupの親であるか子であるかを調べるしか無いと思う。
IEならonmouseoutの中で
if( popup.contains(event.toElement) ) return; //popup内のノードなら何もしない
とか
ポインタの移動した先がpopupの親であるか子であるかを調べるしか無いと思う。
IEならonmouseoutの中で
if( popup.contains(event.toElement) ) return; //popup内のノードなら何もしない
とか
848 ：Name_Not_Found：2008/09/02(火) 10:32:41 ID:???
>>847
ありがとうございました
ありがとうございました
849 ：Name_Not_Found：2008/09/02(火) 10:59:00 ID:zAh8slJA
凄い基本的な質問ですみません。
マウスオーバーが画像を切り替える方法を調べたら結構
複雑な記述が多かったのですが、下記の方法を見つけました。
一番簡単な方法で初心者の私には丁度ですが、単純な記述である事から
ちょっと不安です。
私のPCでは不具合は有りませんが、何かの環境で動かなくなったりしますでしょうか？
function chgimg(img)
{
document.abc.src=img;
}
<a href="./damy.html">
<img src="./001.jpg" border="0" name="abc" onmouseover="chgimg('./002.jpg');" onmouseout="chgimg('./001.jpg');">
</a>
マウスオーバーが画像を切り替える方法を調べたら結構
複雑な記述が多かったのですが、下記の方法を見つけました。
一番簡単な方法で初心者の私には丁度ですが、単純な記述である事から
ちょっと不安です。
私のPCでは不具合は有りませんが、何かの環境で動かなくなったりしますでしょうか？
function chgimg(img)
{
document.abc.src=img;
}
<a href="./damy.html">
<img src="./001.jpg" border="0" name="abc" onmouseover="chgimg('./002.jpg');" onmouseout="chgimg('./001.jpg');">
</a>
850 ：849：2008/09/02(火) 11:28:24 ID:zAh8slJA
先程の849です。先程の書き方と同じ効果が下記でも出来ますが、
先の記述のほうが簡単なので出来ればそちらにしたいのですが、こちらに比べて
特に問題とかはありませんでしょうか？
最近JavaScriptを始めた初心者で基本的な事ですみません・・・。
宜しくお願い致します。
function chgimg(text)
{
document.all('text1').style.visibility='hidden';
document.all('text2').style.visibility='hidden';
document.all(text).style.visibility='visible';
}
<div id="text1" style="position:absolute; left:100px; top:100px; z-index:0;">
<a href="./damy.html">
<img src="./001.jpg" border="0" onmouseover="chgimg('text2')" onmouseout="chgimg('text1')">
</a>
</div>
<div id="text2" style="position:absolute; left:100px; top:100px; z-index:0; visibility="hidden"">
<a href="./damy.html">
<img src="./002.jpg" border="0" onmouseover="chgimg('text2')" onmouseout="chgimg('text1')">
</a>
</div>
先の記述のほうが簡単なので出来ればそちらにしたいのですが、こちらに比べて
特に問題とかはありませんでしょうか？
最近JavaScriptを始めた初心者で基本的な事ですみません・・・。
宜しくお願い致します。
function chgimg(text)
{
document.all('text1').style.visibility='hidden';
document.all('text2').style.visibility='hidden';
document.all(text).style.visibility='visible';
}
<div id="text1" style="position:absolute; left:100px; top:100px; z-index:0;">
<a href="./damy.html">
<img src="./001.jpg" border="0" onmouseover="chgimg('text2')" onmouseout="chgimg('text1')">
</a>
</div>
<div id="text2" style="position:absolute; left:100px; top:100px; z-index:0; visibility="hidden"">
<a href="./damy.html">
<img src="./002.jpg" border="0" onmouseover="chgimg('text2')" onmouseout="chgimg('text1')">
</a>
</div>
851 ：Name_Not_Found：2008/09/02(火) 11:48:38 ID:???
背景画像を切り替えればCSSだけで出来る
852 ：849：2008/09/02(火) 14:26:15 ID:zAh8slJA
851さん、すみませんがCSSだけで切り替える記述を教えて頂けないでしょうか。
宜しくお願い致します。
宜しくお願い致します。
853 ：Name_Not_Found：2008/09/02(火) 14:57:38 ID:???
>>852
スレタイ
スレタイ
854 ：Name_Not_Found：2008/09/02(火) 18:25:01 ID:???
貼ってあるGoogle AdSenseが何回クリックされたかを、サイト上に表示したいんですけど可能そうでしょうか？
855 ：Name_Not_Found：2008/09/02(火) 18:28:05 ID:58iPYuMg
親に表示されてるインナーフレームの情報を、親に設置してるボタンから別窓表示するのって、どうやったらいいんですか？
別窓開くスクリプト
function subWin(){
window.open("hoge.html","_blank"); }
を弄れば、ってのは解ったんだけど、
function subWin4(){
window.open("hoge.html'iframe名'","_blank"); }
ってしても上手くいかんし……。
多分、iframeに表示されてるURLを読み込んで、って形にしたらよいんだろうけど、記述の仕方とか調べてもよく解らなかった。
どなたか教えてください。
別窓開くスクリプト
function subWin(){
window.open("hoge.html","_blank"); }
を弄れば、ってのは解ったんだけど、
function subWin4(){
window.open("hoge.html'iframe名'","_blank"); }
ってしても上手くいかんし……。
多分、iframeに表示されてるURLを読み込んで、って形にしたらよいんだろうけど、記述の仕方とか調べてもよく解らなかった。
どなたか教えてください。
856 ：Name_Not_Found：2008/09/03(水) 03:45:30 ID:???
>>854
貼ってあるGoogle AdSenseが何回クリックされたかをJavaScriptが知る手段があれば。
貼ってあるGoogle AdSenseが何回クリックされたかをJavaScriptが知る手段があれば。
857 ：Name_Not_Found：2008/09/03(水) 14:07:13 ID:???
858 ：Name_Not_Found：2008/09/08(月) 17:07:50 ID:???
>>855
<iframe src="path/to/html" id="asdf">
としておいて
window.open(document.getElementById("asdf").src,"適当な名前","_blank");
iframeに読まれているページのドメインが違ったら駄目な希ガス。
<iframe src="path/to/html" id="asdf">
としておいて
window.open(document.getElementById("asdf").src,"適当な名前","_blank");
iframeに読まれているページのドメインが違ったら駄目な希ガス。
>>858
ありがとうございます！今試してみたら出来ました、嬉しい！
質問した後、思ってるのに近いスクリプト
//window.alert(frameHogename.document.getElementById("nakanohito").value);
window.alert(document.getElementById("frameHogeid").contentWindow.document.getElementById("nakanohito").value);
<input type="button" value="iframeの中のオブジェクトにアクセス" onclick="nuko();">
<iframe id="frameHogeid" name="frameHogename" src="hoge.html">
は見つけて、alertをopenとか弄ってたんだけど中々上手く行かなくて。
困ってたんで本当に助かりました。
教えて貰ったのと比べたら、どうしたらよかったかが今なら解ります。
ところで
window.open(document.getElementById("asdf").src,"適当な名前","_blank");
の"適当な名前"って、どこに反映されるんでしょう？
有ったら、メニューバーとかが表示されない
無かったら、メニューバーとかが表示される
って違いがあるのは解りました。
それで、スタイルシートの役目かと思って
menubar=no等を入れてみたらエラーになりました。
気に成ったので、よければ教えて下さい。
ありがとうございます！今試してみたら出来ました、嬉しい！
質問した後、思ってるのに近いスクリプト
//window.alert(frameHogename.document.getElementById("nakanohito").value);
window.alert(document.getElementById("frameHogeid").contentWindow.document.getElementById("nakanohito").value);
<input type="button" value="iframeの中のオブジェクトにアクセス" onclick="nuko();">
<iframe id="frameHogeid" name="frameHogename" src="hoge.html">
は見つけて、alertをopenとか弄ってたんだけど中々上手く行かなくて。
困ってたんで本当に助かりました。
教えて貰ったのと比べたら、どうしたらよかったかが今なら解ります。
ところで
window.open(document.getElementById("asdf").src,"適当な名前","_blank");
の"適当な名前"って、どこに反映されるんでしょう？
有ったら、メニューバーとかが表示されない
無かったら、メニューバーとかが表示される
って違いがあるのは解りました。
それで、スタイルシートの役目かと思って
menubar=no等を入れてみたらエラーになりました。
気に成ったので、よければ教えて下さい。
すみません。
上記859の通り、一応解決はしたのですが、コレって
<iframe src="path/to/html" id="asdf">
に初めに表示されてるページpath/to/htmlが、別窓として開くだけですよね？
それ以外の、親ページから新しくインラインフレームに表示されたページを同じ様に別窓として出すことは出来ないんでしょうか？
例えば、そのインラインフレームにpath/to/html以外のページa.htmlが表示された時、そのa.htmlを同じ様に別窓で、という事です。
上記859の通り、一応解決はしたのですが、コレって
<iframe src="path/to/html" id="asdf">
に初めに表示されてるページpath/to/htmlが、別窓として開くだけですよね？
それ以外の、親ページから新しくインラインフレームに表示されたページを同じ様に別窓として出すことは出来ないんでしょうか？
例えば、そのインラインフレームにpath/to/html以外のページa.htmlが表示された時、そのa.htmlを同じ様に別窓で、という事です。
861 ：Name_Not_Found：2008/09/08(月) 23:21:55 ID:???
まじめまして、よろしくお願いします
onmouseを使ってテーブル内部の画像をロールオーバーし、さらにその下に説明分をテキスト表示する
スクリプトにチャレンジしているのですがどうしても上手くいきません…
<!--
function mover(){
document.open();
document.write("<img src='PNG/USA/usaXX.png'>","<br>");
document.write("赤い文字を表示します。<BR><BR>".fontcolor("red"));
document.close();
}
//-->
だとページがクリアされてから表示されてしまうので、改善方法もしくは正しい記述法があれば教えて
いただけるとありがたいです
改めてよろしくお願いします
onmouseを使ってテーブル内部の画像をロールオーバーし、さらにその下に説明分をテキスト表示する
スクリプトにチャレンジしているのですがどうしても上手くいきません…
<!--
function mover(){
document.open();
document.write("<img src='PNG/USA/usaXX.png'>","<br>");
document.write("赤い文字を表示します。<BR><BR>".fontcolor("red"));
document.close();
}
//-->
だとページがクリアされてから表示されてしまうので、改善方法もしくは正しい記述法があれば教えて
いただけるとありがたいです
改めてよろしくお願いします
862 ：Name_Not_Found：2008/09/09(火) 14:04:48 ID:bjDagrlG
h3をクリックすると親要素のdivがドラッグ出来るプログラムを
prototypeで作ってるんですがイベントオブジェクトがdocumentではなく
クリックした要素になってしまいカーソルが要素から離れた場合ドラッグが停止してしまいます・・・
イベントオブジェクトをdocumentに変更する手段はありますかね？
すいませんがアドバイスよろしくお願いします。
ちなみにprototypeのバージョンは1.6.0.2です。
Event.observe(document,"mousedown",down);
Event.observe(document,"mouseup",up);
function down(ev){
var ele02 = ev.element();
point = ev.pointer();
co = ele02.cumulativeOffset();
left_s = point.x-co.left;
top_s =point.y-co.top;
Event.observe(document,"mousemove",move);}
function move(ev){
var move = ev.pointer();
var ele03 = ev.element();
var left_m = ev.pointerX()-left_s;
var top_m = ev.pointerY()-top_s;
var pa = ele03.parentNode;
pa.setStyle({top:top_m+"px",left:left_m+"px"});}
function up(){
Event.stopObserving(document,"mousemove",move);}
</head>
<body>
<div class="con">
<h3>タブ</h3>
<p>テキストテキストテキストテキスト</p>
</div>
prototypeで作ってるんですがイベントオブジェクトがdocumentではなく
クリックした要素になってしまいカーソルが要素から離れた場合ドラッグが停止してしまいます・・・
イベントオブジェクトをdocumentに変更する手段はありますかね？
すいませんがアドバイスよろしくお願いします。
ちなみにprototypeのバージョンは1.6.0.2です。
Event.observe(document,"mousedown",down);
Event.observe(document,"mouseup",up);
function down(ev){
var ele02 = ev.element();
point = ev.pointer();
co = ele02.cumulativeOffset();
left_s = point.x-co.left;
top_s =point.y-co.top;
Event.observe(document,"mousemove",move);}
function move(ev){
var move = ev.pointer();
var ele03 = ev.element();
var left_m = ev.pointerX()-left_s;
var top_m = ev.pointerY()-top_s;
var pa = ele03.parentNode;
pa.setStyle({top:top_m+"px",left:left_m+"px"});}
function up(){
Event.stopObserving(document,"mousemove",move);}
</head>
<body>
<div class="con">
<h3>タブ</h3>
<p>テキストテキストテキストテキスト</p>
</div>
863 ：Name_Not_Found：2008/09/10(水) 23:45:22 ID:???
文字列の先頭にある改行を全て取っ払うにはどうすればいいですか？
str=str.replace("（正規表現）","");
まで調べましたが、正規表現がうまくいきません。
str=str.replace("（正規表現）","");
まで調べましたが、正規表現がうまくいきません。
860の件一応解決しましたのでご報告。
865 ：Name_Not_Found：2008/09/11(木) 08:13:56 ID:???
866 ：Name_Not_Found：2008/09/11(木) 21:55:59 ID:???
867 ：Name_Not_Found：2008/09/12(金) 00:25:25 ID:???
変数の値の変数に代入する方法がわかりません
name="hoge";
とすれば当然nameにhogeが入りますが
nameの値の変数にhogeを代入したいと考えています
教えていただけるとありがたいです
name="hoge";
とすれば当然nameにhogeが入りますが
nameの値の変数にhogeを代入したいと考えています
教えていただけるとありがたいです
868 ：Name_Not_Found：2008/09/12(金) 00:45:09 ID:???
name = "hoge";
window[name] = "kimoiyo";
alert(hoge);
window[name] = "kimoiyo";
alert(hoge);
869 ：Name_Not_Found：2008/09/12(金) 16:48:38 ID:???
ありがとうございます。解決しました
nameが構造体の場合は無理でしょうか？
nameが構造体の場合は無理でしょうか？
870 ：Name_Not_Found：2008/09/12(金) 20:11:09 ID:???
eval でも使っとけ。
でも、他人には見せるなよ。自分だけでこっそり使うんだ。
でも、他人には見せるなよ。自分だけでこっそり使うんだ。
871 ：Name_Not_Found：2008/09/12(金) 21:35:37 ID:???
すみません質問の内容不足でした
nameの値が構造体の場合 // name="hoge.hogehoge" // 無理でしょうか？ということです
nameの値が構造体の場合 // name="hoge.hogehoge" // 無理でしょうか？ということです
872 ：Name_Not_Found：2008/09/12(金) 22:12:24 ID:???
どうでもいいが、おまえの日本語読んでるとイライラしてくる。
873 ：Name_Not_Found：2008/09/12(金) 22:33:41 ID:???
>>868
var hoge={};
var name="hoge.hogehoge";
name=name.split(".");
window[name[0]][name[1]]="kimoiyo";
alert(hoge.hogehoge);
べつにやり方なんていくらでもあるだろうが理解できるレベルで書くとこんなかな。
var hoge={};
var name="hoge.hogehoge";
name=name.split(".");
window[name[0]][name[1]]="kimoiyo";
alert(hoge.hogehoge);
べつにやり方なんていくらでもあるだろうが理解できるレベルで書くとこんなかな。
874 ：Name_Not_Found：2008/09/12(金) 22:47:56 ID:???
それなら理解できます
ありがとうございました
ありがとうございました
875 ：Name_Not_Found：2008/09/13(土) 13:00:32 ID:???
Webサイト制作初心者用質問スレで誘導されてきました
質問させていただきます
オンマウスで画像の上にカーソルが来た際に、画像のロールオーバーとともに
下に説明文が表示されるように記述をしたのですが、どういうわけか画像から
大幅に外れた左右の空白部分で画像のロールオーバーが発生します
画像をテーブルに押し込んで強引に左右のロールオーバーを抑制する以外に
方法は無いのでしょうか？
ご教授のほどよろしくお願いします。
<以下画像部分ソース>
<a onmouseover="MM_swapImage('Image1','','PNG/USA/usaXX.png',1)" onmouseout="MM_swapImgRestore();document.all.div1.style.display='none'" href="javascript:;">
<p align="center"><img onmouseover="document.all.div1.style.display='block'" height="95" width="64" alt="画像の解説文" src="PNG/USA/usaXXa.png" border="0" name="Image1"></p>
</a>
<div id="div1" align="center"><font color="#ff0000">[表示・非表示]</font></div>
<ソース終了>
質問させていただきます
オンマウスで画像の上にカーソルが来た際に、画像のロールオーバーとともに
下に説明文が表示されるように記述をしたのですが、どういうわけか画像から
大幅に外れた左右の空白部分で画像のロールオーバーが発生します
画像をテーブルに押し込んで強引に左右のロールオーバーを抑制する以外に
方法は無いのでしょうか？
ご教授のほどよろしくお願いします。
<以下画像部分ソース>
<a onmouseover="MM_swapImage('Image1','','PNG/USA/usaXX.png',1)" onmouseout="MM_swapImgRestore();document.all.div1.style.display='none'" href="javascript:;">
<p align="center"><img onmouseover="document.all.div1.style.display='block'" height="95" width="64" alt="画像の解説文" src="PNG/USA/usaXXa.png" border="0" name="Image1"></p>
</a>
<div id="div1" align="center"><font color="#ff0000">[表示・非表示]</font></div>
<ソース終了>
<続き・スクリプト部分>
<script language="JavaScript">
<!--
function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
改めてよろしくお願いします
<script language="JavaScript">
<!--
function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
改めてよろしくお願いします
877 ：Name_Not_Found：2008/09/13(土) 13:47:48 ID:???
<p>を<a>で囲っちゃってるからじゃない？
<p><a><img></a></p>
じゃだめなの？
<p><a><img></a></p>
じゃだめなの？
878 ：Name_Not_Found：2008/09/13(土) 14:05:52 ID:???
879 ：Name_Not_Found：2008/09/13(土) 21:09:20 ID:???
カウンターを表示させようとしています。
<div class="counter">
<script type="text/javascript" src="macgo/mag.js"></script>
<script type="text/javascript"><!--
var mag = '?key=1' + macgo();
document.write('<img src="macgo\/macgo.cgi' + mag + '" alt="counter">');
// --></script>
<noscript>
<p><img src="macgo/macgo.cgi?noscript&key=1" alt="counter"></p>
</noscript>
</div>
上記の通り呼び出せばカウンターが表示される、とのことなのですが、
'referrer'はNullまたはオブジェクトではありません
というエラーが出るだけで、イメージのパスミスの×印さえも出なくて困っています。
CGIはエラー無くちゃんと動います。
初め別階層に置いてたので絶対パスで呼んだのですがダメでした。
それが原因かと思い、上記が初めから提示されてたものなので、上記の通り直下に置き直したりしたのですが、それでもダメでした。
どなたか、何処がいけないのか教えていただけないでしょうか？
<div class="counter">
<script type="text/javascript" src="macgo/mag.js"></script>
<script type="text/javascript"><!--
var mag = '?key=1' + macgo();
document.write('<img src="macgo\/macgo.cgi' + mag + '" alt="counter">');
// --></script>
<noscript>
<p><img src="macgo/macgo.cgi?noscript&key=1" alt="counter"></p>
</noscript>
</div>
上記の通り呼び出せばカウンターが表示される、とのことなのですが、
'referrer'はNullまたはオブジェクトではありません
というエラーが出るだけで、イメージのパスミスの×印さえも出なくて困っています。
CGIはエラー無くちゃんと動います。
初め別階層に置いてたので絶対パスで呼んだのですがダメでした。
それが原因かと思い、上記が初めから提示されてたものなので、上記の通り直下に置き直したりしたのですが、それでもダメでした。
どなたか、何処がいけないのか教えていただけないでしょうか？
880 ：Name_Not_Found：2008/09/13(土) 21:18:19 ID:???
881 ：Name_Not_Found：2008/09/14(日) 23:42:59 ID:???
下のようなアマゾンのページ（ソース）から著者を抜き出したいんですが、
どうすればいいんでしょうかタイトルはidがありますし、
var title = document.getElementById("btAsinTitle")とかで、
出版社の方もなんとかなったんですが、著者がどうやって
ぬいたらいいのかスタックしてます。よろしくお願いします。
-----------
...
...
<div class="buying">
<h1 class="parsesans">
<span id="btAsinTitle">英語は逆から学べ!実践トレーニング編 ~聴くだけで英語脳ができるバイノーラルCD付き!~ (単行本（ソフトカバー）)</span> <!--aoeui-->
</h1>
<a href="/exec/obidos/search-handle-url?%5Fencoding=UTF8&search-type=ss&index=books-jp&field-author=%E8%8B%AB%E7%B1%B3%E5%9C%B0%20%E8%8B%B1%E4%BA%BA">苫米地 英人</a> (著)
...
どうすればいいんでしょうかタイトルはidがありますし、
var title = document.getElementById("btAsinTitle")とかで、
出版社の方もなんとかなったんですが、著者がどうやって
ぬいたらいいのかスタックしてます。よろしくお願いします。
-----------
...
...
<div class="buying">
<h1 class="parsesans">
<span id="btAsinTitle">英語は逆から学べ!実践トレーニング編 ~聴くだけで英語脳ができるバイノーラルCD付き!~ (単行本（ソフトカバー）)</span> <!--aoeui-->
</h1>
<a href="/exec/obidos/search-handle-url?%5Fencoding=UTF8&search-type=ss&index=books-jp&field-author=%E8%8B%AB%E7%B1%B3%E5%9C%B0%20%E8%8B%B1%E4%BA%BA">苫米地 英人</a> (著)
...
882 ：Name_Not_Found：2008/09/15(月) 03:10:09 ID:4IGRcd3p
ちょっと質問先がわからないのでここで伺います。
csvで作成したデータを辞書機能として用いて、
調べたい文字にオンマウスするとポップアップでcsvの特定の行のデータが表示されるというのを
作りたいと思うのですが、サンプルをいじっているうちに行き詰まりました。
下のスクリプトでは、ポップアップで表示させようとすると後ろの"jisyo"しか
出てきませんでした。
また、JavaScriptを使って、VALUEでcsvデータの行指定をさせようと思ったら
最初の行しか表示されませんでした。
<script language="javascript">
<!--
function ChangeSpan()
{
//ここでVALUE値の受け渡しをしたい…
objDataBind.FilterValue();
objDataBind.FilterColumn="yogo";
objDataBind.FilterCriterion="=";
}
//-->
</SCRIPT>
csvで作成したデータを辞書機能として用いて、
調べたい文字にオンマウスするとポップアップでcsvの特定の行のデータが表示されるというのを
作りたいと思うのですが、サンプルをいじっているうちに行き詰まりました。
下のスクリプトでは、ポップアップで表示させようとすると後ろの"jisyo"しか
出てきませんでした。
また、JavaScriptを使って、VALUEでcsvデータの行指定をさせようと思ったら
最初の行しか表示されませんでした。
<script language="javascript">
<!--
function ChangeSpan()
{
//ここでVALUE値の受け渡しをしたい…
objDataBind.FilterValue();
objDataBind.FilterColumn="yogo";
objDataBind.FilterCriterion="=";
}
//-->
</SCRIPT>
883 ：Name_Not_Found：2008/09/15(月) 03:13:25 ID:4IGRcd3p
>>882続き
<STYLE type="text/css">
<!--
.toolTip{ position: relative; }
.toolTip span{
display: block;border: solid 2px #999;background-color: #eee;
color: #666;text-decoration: none;font-size:12px;
position: absolute;visibility: hidden;width: 800px;
}
a.toolTip:hover,a.toolTip:hover span{ visibility: visible; z-index: 100; }
//-->
</HEAD>
<A href="#" class="toolTip" VALUE="柔潤">もっと読む<SPAN DATASRC="#objDataBind" datafld="yomi"></SPAN><SPAN DATASRC="#objDataBind" datafld="jisyo"></SPAN></A>
<OBJECT classid="clsid:333c7bc4-460f-11d0-bc04-0080c7055a83" id="objDataBind" height="0" width="0">
<PARAM NAME="DataURL" VALUE="test1.csv">
<PARAM NAME="UseHeader" VALUE="true">
<PARAM NAME="FieldDelim" VALUE=",">
<PARAM NAME="CharSet" VALUE="iso-2022-jp">
</OBJECT>
<STYLE type="text/css">
<!--
.toolTip{ position: relative; }
.toolTip span{
display: block;border: solid 2px #999;background-color: #eee;
color: #666;text-decoration: none;font-size:12px;
position: absolute;visibility: hidden;width: 800px;
}
a.toolTip:hover,a.toolTip:hover span{ visibility: visible; z-index: 100; }
//-->
</HEAD>
<A href="#" class="toolTip" VALUE="柔潤">もっと読む<SPAN DATASRC="#objDataBind" datafld="yomi"></SPAN><SPAN DATASRC="#objDataBind" datafld="jisyo"></SPAN></A>
<OBJECT classid="clsid:333c7bc4-460f-11d0-bc04-0080c7055a83" id="objDataBind" height="0" width="0">
<PARAM NAME="DataURL" VALUE="test1.csv">
<PARAM NAME="UseHeader" VALUE="true">
<PARAM NAME="FieldDelim" VALUE=",">
<PARAM NAME="CharSet" VALUE="iso-2022-jp">
</OBJECT>
884 ：Name_Not_Found：2008/09/15(月) 23:44:34 ID:???
ブラウザによってCSSを切り替えたいのですがどのように書けばいいのでしょうか。
ie6とその他で分けたいのですが・・・
ie6とその他で分けたいのですが・・・
885 ：Name_Not_Found：2008/09/16(火) 01:38:51 ID:???
それならCSSハックでいいんじゃ。
>880
レスありがとうございます。
提示頂いたページの事も試してから質問してます。
独立サーバって、「アカウントが違う別サーバ」と思って、以下の様な事をしました（違ったら指摘下さい。）
インラインフレームは使ってるけど、親ページからの呼び出しだし、同じサーバ（もといローカル）なので最初のは関係ないと思っています。
次のCGI独立サーバの方の方法も試してみましたが、それは逆にCGIがエラーを起こしてしまいました。
真ん中の
<script type="text/javascript"><!--
var mag = '?key=1' + macgo();
document.write('<img src="macgo\/macgo.cgi' + mag + '" alt="counter">');
// --></script>
が無ければエラーは出ないんですが、でもそれがないとイメージカウンターは表示できないんです。
１週間くらい、パスを絶対パスにしてみたりと思いつく限り試してダメで、javascriptだけの問題の様なので、こちらで質問してみました。
レスありがとうございます。
提示頂いたページの事も試してから質問してます。
独立サーバって、「アカウントが違う別サーバ」と思って、以下の様な事をしました（違ったら指摘下さい。）
インラインフレームは使ってるけど、親ページからの呼び出しだし、同じサーバ（もといローカル）なので最初のは関係ないと思っています。
次のCGI独立サーバの方の方法も試してみましたが、それは逆にCGIがエラーを起こしてしまいました。
真ん中の
<script type="text/javascript"><!--
var mag = '?key=1' + macgo();
document.write('<img src="macgo\/macgo.cgi' + mag + '" alt="counter">');
// --></script>
が無ければエラーは出ないんですが、でもそれがないとイメージカウンターは表示できないんです。
１週間くらい、パスを絶対パスにしてみたりと思いつく限り試してダメで、javascriptだけの問題の様なので、こちらで質問してみました。
887 ：Name_Not_Found：2008/09/16(火) 11:32:18 ID:???
>>884
<html>
<head>
<title>Brawser</title>
</head>
<body>
<script type="text/javascript">
<!--
var brawser="その他";
if((navigator.userAgent).indexOf("MSIE 6.0") > -1) brawser = "Internet Explorer 6.0";
alert("あなたのブラウザは " + brawser + " です。");
// -->
</script>
</body>
</html>
<html>
<head>
<title>Brawser</title>
</head>
<body>
<script type="text/javascript">
<!--
var brawser="その他";
if((navigator.userAgent).indexOf("MSIE 6.0") > -1) brawser = "Internet Explorer 6.0";
alert("あなたのブラウザは " + brawser + " です。");
// -->
</script>
</body>
</html>
いや、ブラウザの振り分け方が分かれば後はググれって事だったんだが
まぁ適当に考えたらこんな感じだった
<html>
<head>
<title>change CSS</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"><!-- Default CSS -->
<script type="text/javascript">
function changeCSS() {
if((navigator.userAgent).indexOf("MSIE 6.0") > -1) {
var objLink = document.getElementsByTagName("link");
objLink[0].href = "ie6.css"; // URL of CSS
}
}
</script>
</head>
<body onLoad="changeCSS()">
スタイルシート切り替え
</body>
</html>
linkタグのtypeが"text/css"じゃないときとか
linkタグが複数ある場合とかは考えてないから
その辺の処理は自分で考えるんだ
まぁ適当に考えたらこんな感じだった
<html>
<head>
<title>change CSS</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"><!-- Default CSS -->
<script type="text/javascript">
function changeCSS() {
if((navigator.userAgent).indexOf("MSIE 6.0") > -1) {
var objLink = document.getElementsByTagName("link");
objLink[0].href = "ie6.css"; // URL of CSS
}
}
</script>
</head>
<body onLoad="changeCSS()">
スタイルシート切り替え
</body>
</html>
linkタグのtypeが"text/css"じゃないときとか
linkタグが複数ある場合とかは考えてないから
その辺の処理は自分で考えるんだ
890 ：Name_Not_Found：2008/09/16(火) 21:46:21 ID:???
意味が分からん
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css">
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css">
<![endif]-->
ありがとうございます
892 ：Name_Not_Found：2008/09/17(水) 02:35:59 ID:ZtFrsauF
宜しくお願いします。
<div id="body">
<p>あいうえお<br />
かきくけこ</p>
<p>さしすせそ<br />
たちつてと</p>
<p class="x">なにぬねの</p>
<div id="y">はひふへほ</div>
<div class="bottom">まみむめも</div>
</div>
function Insert(str) {
document.getElementById('body').innerHTML = document.getElementById('body').innerHTML.replace(/(<p class="x">|<div id="y">|<div class="bottom">)/, function (whole, s1) {
return ('<p>' + str + '</p>\n' + s1);
});
return;
}
Insertで<p class="x">行、<div id="y">行の有無にかかわらず「たちつてと」行の下に<p>str</p>を挿入したいのですが、FireFox3だと狙い通りにいくのに、IE7だと機能してくれません。
どこをどう直せばいいんでしょうか？
<div id="body">
<p>あいうえお<br />
かきくけこ</p>
<p>さしすせそ<br />
たちつてと</p>
<p class="x">なにぬねの</p>
<div id="y">はひふへほ</div>
<div class="bottom">まみむめも</div>
</div>
function Insert(str) {
document.getElementById('body').innerHTML = document.getElementById('body').innerHTML.replace(/(<p class="x">|<div id="y">|<div class="bottom">)/, function (whole, s1) {
return ('<p>' + str + '</p>\n' + s1);
});
return;
}
Insertで<p class="x">行、<div id="y">行の有無にかかわらず「たちつてと」行の下に<p>str</p>を挿入したいのですが、FireFox3だと狙い通りにいくのに、IE7だと機能してくれません。
どこをどう直せばいいんでしょうか？
893 ：Name_Not_Found：2008/09/17(水) 05:48:05 ID:???
IEで
alert( document.getElementById('body').innerHTML );
してみればわかるとおもうお
alert( document.getElementById('body').innerHTML );
してみればわかるとおもうお
894 ：Name_Not_Found：2008/09/17(水) 14:16:36 ID:???
hint："x"
895 ：Name_Not_Found：2008/09/17(水) 20:12:59 ID:nAcX7zNg
jQueryのloadを使用し、テキストファイルをHTMLページ上に表示させようと考えています。
現在、以下のソースにて問題なく表示はできているのですが、
テキストファイルに記述されている通りに改行をさせたいです。
<html>
～中略～
<script type="text/javascript"><!--
$("#news").ready(function(){
$("#news").load("news.txt");
});
--></script>
</head>
<body>
<div id="news">
ここにニュースを表示
</div>
</body>
</html>
調べてみたところ、文字列置換のreplaceを用いれば良さそうだとわかったのですが…。
どの部分にreplaceを入れれば良いのかがわかりません。
どのように記述すれば良いのでしょうか？
現在、以下のソースにて問題なく表示はできているのですが、
テキストファイルに記述されている通りに改行をさせたいです。
<html>
～中略～
<script type="text/javascript"><!--
$("#news").ready(function(){
$("#news").load("news.txt");
});
--></script>
</head>
<body>
<div id="news">
ここにニュースを表示
</div>
</body>
</html>
調べてみたところ、文字列置換のreplaceを用いれば良さそうだとわかったのですが…。
どの部分にreplaceを入れれば良いのかがわかりません。
どのように記述すれば良いのでしょうか？
896 ：Name_Not_Found：2008/09/17(水) 20:25:01 ID:ZtFrsauF
>>893
レスありがとう。
replaceを↓に変えたら動きました。
.replace(/(<p class="?x"?>|<div id="?y"?>|<div class="?bottom"?>)/i, function (whole, s1) {
レスありがとう。
replaceを↓に変えたら動きました。
.replace(/(<p class="?x"?>|<div id="?y"?>|<div class="?bottom"?>)/i, function (whole, s1) {
897 ：Name_Not_Found：2008/09/19(金) 23:01:46 ID:4iTNf8pC
すいません教えてください
ieとff対応でdivタグ内の文字の表示非表示をクリックして切り替えるスクリプトを書きたいのですが
表示か非表示かの条件判断の書き方がわかりません
ヒントとなるようなキーワードでもかまいませんのでどなたかご教授おねがいします
ieとff対応でdivタグ内の文字の表示非表示をクリックして切り替えるスクリプトを書きたいのですが
表示か非表示かの条件判断の書き方がわかりません
ヒントとなるようなキーワードでもかまいませんのでどなたかご教授おねがいします
898 ：Name_Not_Found：2008/09/20(土) 00:58:35 ID:???
>>897
if else
if else
899 ：Name_Not_Found：2008/09/20(土) 12:45:11 ID:???
innerText
900 ：Name_Not_Found：2008/09/21(日) 14:26:59 ID:qx/w6fk1
ttp://www.library.toshima.tokyo.jp/search2.shtml
ここの著作者名のつぎのフォームにfocusを当てる
グリモンってどう書けばいいのでしょうか！？
よろしくお願いします。
ここの著作者名のつぎのフォームにfocusを当てる
グリモンってどう書けばいいのでしょうか！？
よろしくお願いします。
901 ：Name_Not_Found：2008/09/21(日) 15:39:34 ID:D2nw7Cni
「勘違いです、勘違いです、確かに私は在日朝鮮人で家族全員創価学会員ですけど
パトロール隊に入ったんだからもう創価学会は関係ありません」が合い言葉のｗ
創価学会員が通り魔から子供を守るパトロールだといって集団でうろついてるんですが
創価学会員がいつカマ持った通り魔に変身しないかとかえって怖いんですけどｗｗｗ
なんでも通行人をつかまえての誹謗中傷行為や人権侵害行為も
生活安全課の創価警官の●お願い●でやってあげてるんだとか言ってますけどｗｗｗｗｗ
熊本隆談ｗｗｗ
パトロール隊に入ったんだからもう創価学会は関係ありません」が合い言葉のｗ
創価学会員が通り魔から子供を守るパトロールだといって集団でうろついてるんですが
創価学会員がいつカマ持った通り魔に変身しないかとかえって怖いんですけどｗｗｗ
なんでも通行人をつかまえての誹謗中傷行為や人権侵害行為も
生活安全課の創価警官の●お願い●でやってあげてるんだとか言ってますけどｗｗｗｗｗ
熊本隆談ｗｗｗ
902 ：Name_Not_Found：2008/09/22(月) 09:40:53 ID:???
>>900
xpathでやってみた。
var f = document.evaluate('//input[@name="KEY2"]', document, null, 7, null);
f.snapshotItem(0).focus()
xpathでやってみた。
var f = document.evaluate('//input[@name="KEY2"]', document, null, 7, null);
f.snapshotItem(0).focus()
903 ：Name_Not_Found：2008/09/22(月) 09:41:56 ID:???
>>902 最後のセミコロン付け忘れてた。
904 ：Name_Not_Found：2008/09/23(火) 18:30:14 ID:???
単純な質問ですみません
イメージスワップ後の画像にスワップ前とは別のaltを設定できますか？
（例：クリック前=クリックしてください クリック後=クリックありがとうございます）
また、可能な場合どこに記述を行うべきなのでしょうか？
どうかよろしくお願いします
イメージスワップ後の画像にスワップ前とは別のaltを設定できますか？
（例：クリック前=クリックしてください クリック後=クリックありがとうございます）
また、可能な場合どこに記述を行うべきなのでしょうか？
どうかよろしくお願いします
※以下サンプルソースです※
<html>
<head>
<title>変化するスイッチ</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript">
<!--
function preloadImage(imgName)
{
if (document.images) (new Image()).src = imgName;
}
preloadImage("PNG/SWITCH/SWITCH02.png");
flag = 0;
function swImg()
{
flag ^= 1;
if (flag) iName = "PNG/SWITCH/SWITCH02.png"; else iName = "PNG/SWITCH/SWITCH01.png";
document.images["switch"].src = iName;
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<center>
<font size=+3 color=#ff0000>変化する画像</font><p>
<A HREF="#" onClick="swImg()"><IMG SRC="PNG/SWITCH/SWITCH01.png" NAME="switch" BORDER="0"
width="64" height="80" alt="クリックしてください"></A>
</center>
</body>
</html>
<html>
<head>
<title>変化するスイッチ</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript">
<!--
function preloadImage(imgName)
{
if (document.images) (new Image()).src = imgName;
}
preloadImage("PNG/SWITCH/SWITCH02.png");
flag = 0;
function swImg()
{
flag ^= 1;
if (flag) iName = "PNG/SWITCH/SWITCH02.png"; else iName = "PNG/SWITCH/SWITCH01.png";
document.images["switch"].src = iName;
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<center>
<font size=+3 color=#ff0000>変化する画像</font><p>
<A HREF="#" onClick="swImg()"><IMG SRC="PNG/SWITCH/SWITCH01.png" NAME="switch" BORDER="0"
width="64" height="80" alt="クリックしてください"></A>
</center>
</body>
</html>
906 ：Name_Not_Found：2008/09/23(火) 19:14:39 ID:???
function swImg()
{
flag ^= 1;
if (flag){
iName = "PNG/SWITCH/SWITCH02.png";
document.images["switch"].src = iName;
document.getElementById("switch").alt = "クリックありがとうございます";
}else{
iName = "PNG/SWITCH/SWITCH01.png";
document.images["switch"].src = iName;
document.getElementById("switch").alt = "クリックしてください";
}
}
これでどう？
{
flag ^= 1;
if (flag){
iName = "PNG/SWITCH/SWITCH02.png";
document.images["switch"].src = iName;
document.getElementById("switch").alt = "クリックありがとうございます";
}else{
iName = "PNG/SWITCH/SWITCH01.png";
document.images["switch"].src = iName;
document.getElementById("switch").alt = "クリックしてください";
}
}
これでどう？
あ、もちろんdocument.images["switch"].src = iName;はifの外でも構わないよ
908 ：Name_Not_Found：2008/09/23(火) 20:46:59 ID:???
>>907
見事に代替テキストが変化しました
見事に代替テキストが変化しました
910 ：Name_Not_Found：2008/09/23(火) 21:26:27 ID:???
詰まりました。失礼します。
変数が500個以上になるので、配列というものを使えるかどうか分からなくて…
a1=20
a2=25
a3=27
～～
a500=1200000
例えばこう変数を作っていて
a310の時、a1～a310までの総合計を計算させるには
どう書けばいいと思いますか？
（選択した変数までの総合計）
変数が500個以上になるので、配列というものを使えるかどうか分からなくて…
a1=20
a2=25
a3=27
～～
a500=1200000
例えばこう変数を作っていて
a310の時、a1～a310までの総合計を計算させるには
どう書けばいいと思いますか？
（選択した変数までの総合計）
911 ：Name_Not_Found：2008/09/23(火) 21:41:46 ID:???
a1=20;
a2=25;
a3=27;
function sum(from,to){
var n=0;
for(var i=from;i<=to;i++)n+=this["a"+i];
return n;
}
alert(sum(1,3));
a2=25;
a3=27;
function sum(from,to){
var n=0;
for(var i=from;i<=to;i++)n+=this["a"+i];
return n;
}
alert(sum(1,3));
早速ありがとうございます。
a1の時はa1=20、a2の時はa1+a2=45、a3の時はa1+a2+a3=72、
a4の時はa1+a2+a3+a4…としたいんですが
わたくしの書いてるスクリプトの場合どうなんでしょう…
<SCRIPT language="JavaScript"><!--
function abox(){
if(a1 == document.form1.abox.value){ a1=20; }
if(a2 == document.form1.abox.value){ a2=25; }
if(a3 == document.form1.abox.value){ a3=27; }
}
function sum(from,to){
var n=0;
for(var i=from;i<=to;i++)n+=this["a"+i];
return n;
}
alert(sum(1,3));
//-->
</SCRIPT></head><body>
<form name="form1">
<select name="abox" size="1" tabindex="0">
<option selected value>---</option>
<option value="a1">aaa</option>
<option value="a2">bbb</option>
<option value="a3">ccc</option></select>
<input type="button" value="計算" onclick="sum()"></form></body>
a1の時はa1=20、a2の時はa1+a2=45、a3の時はa1+a2+a3=72、
a4の時はa1+a2+a3+a4…としたいんですが
わたくしの書いてるスクリプトの場合どうなんでしょう…
<SCRIPT language="JavaScript"><!--
function abox(){
if(a1 == document.form1.abox.value){ a1=20; }
if(a2 == document.form1.abox.value){ a2=25; }
if(a3 == document.form1.abox.value){ a3=27; }
}
function sum(from,to){
var n=0;
for(var i=from;i<=to;i++)n+=this["a"+i];
return n;
}
alert(sum(1,3));
//-->
</SCRIPT></head><body>
<form name="form1">
<select name="abox" size="1" tabindex="0">
<option selected value>---</option>
<option value="a1">aaa</option>
<option value="a2">bbb</option>
<option value="a3">ccc</option></select>
<input type="button" value="計算" onclick="sum()"></form></body>
913 ：Name_Not_Found：2008/09/24(水) 00:59:10 ID:???
たびたびすみません
>>904でaltについて質問をした者です
無事に記述が完了し、FTPでアップロードをしたのですが、厄介な問題が発生しました
ブラウザで検証したときには普通に表示されたのにWEB上では何故か表示されません
原因を色々考えた結果アップロード先であるFC2のスクリプトとの競合が原因であるとの
推測を導き出しました
本来ならばFC2側に質問をするべきなのかもしれませんが、今後同じような現象に見舞わ
れる方が出てくる可能性もあると考え、投稿させていただきました
よろしくお願いします
>>904でaltについて質問をした者です
無事に記述が完了し、FTPでアップロードをしたのですが、厄介な問題が発生しました
ブラウザで検証したときには普通に表示されたのにWEB上では何故か表示されません
原因を色々考えた結果アップロード先であるFC2のスクリプトとの競合が原因であるとの
推測を導き出しました
本来ならばFC2側に質問をするべきなのかもしれませんが、今後同じような現象に見舞わ
れる方が出てくる可能性もあると考え、投稿させていただきました
よろしくお願いします
※関係ない可能性もありますが、以下FC2広告スクリプト部分※
※これ以外は>>90に>>905さんの改造部を追加したスクリプトとほぼ同じです※
<script type="text/javascript"><!--
var fhp_c_pc = navigator.userAgent.toLowerCase();
var fhp_ie = ((fhp_c_pc.indexOf("msie") != -1) && (fhp_c_pc.indexOf("opera") == -1));
var fhp_cs, fhp_wt, fhp_dm;
if (fhp_ie) {
fhp_cs = document.charset;
}else{
fhp_cs = document.characterSet;
}
fhp_dm = document.location;
fhp_wt = "";
fhp_wt = '<' + 'script src="http://web.fc2.com/footer/footer.php?cs=' + fhp_cs + '&dm=' + fhp_dm + '"><' + '/script>';
document.write(fhp_wt);
//--></script>
</body>
</html>
※これ以外は>>90に>>905さんの改造部を追加したスクリプトとほぼ同じです※
<script type="text/javascript"><!--
var fhp_c_pc = navigator.userAgent.toLowerCase();
var fhp_ie = ((fhp_c_pc.indexOf("msie") != -1) && (fhp_c_pc.indexOf("opera") == -1));
var fhp_cs, fhp_wt, fhp_dm;
if (fhp_ie) {
fhp_cs = document.charset;
}else{
fhp_cs = document.characterSet;
}
fhp_dm = document.location;
fhp_wt = "";
fhp_wt = '<' + 'script src="http://web.fc2.com/footer/footer.php?cs=' + fhp_cs + '&dm=' + fhp_dm + '"><' + '/script>';
document.write(fhp_wt);
//--></script>
</body>
</html>
915 ：Name_Not_Found：2008/09/24(水) 14:11:47 ID:???
>>912
abox ってfunctionがいつ呼ばれて何をしたいのかわからない。
a1-aNまで変数が宣言されていて、プルダウンで選ばれたバリューまでの集計をするなら、
これでいけるかな。
function sum(){
var to=document.form1.abox.value.slice(1,document.form1.abox.value.length-1)-0;
var n=0;
for(var 1=from;i<=to;i++)n+=this["a"+i];
return n;
}
abox ってfunctionがいつ呼ばれて何をしたいのかわからない。
a1-aNまで変数が宣言されていて、プルダウンで選ばれたバリューまでの集計をするなら、
これでいけるかな。
function sum(){
var to=document.form1.abox.value.slice(1,document.form1.abox.value.length-1)-0;
var n=0;
for(var 1=from;i<=to;i++)n+=this["a"+i];
return n;
}
916 ：Name_Not_Found：2008/09/24(水) 14:13:29 ID:???
間違えた。
function sum(){
var to=document.form1.abox.value.slice(1,document.form1.abox.value.length-1)-0;
var n=0;
for(var i=1;i<=to;i++)n+=this["a"+i];
return n;
}
function sum(){
var to=document.form1.abox.value.slice(1,document.form1.abox.value.length-1)-0;
var n=0;
for(var i=1;i<=to;i++)n+=this["a"+i];
return n;
}
ご指導ありがとうございます。
aboxは、変数が今後２～３種類になる予定を考えて宣言したものです。
aaa：a1=20 b1=10
bbb：a2=25 b2=12
ccc：a3=27 b3=13
こんな感じで、aとは別の合計も出すつもりでした。
頂いたスクリプトをこのように利用したら、nが全て0になってしまいますorz
<SCRIPT language="JavaScript"><!--
function sum(){
var to=document.form1.abox.value.slice(1,document.form1.abox.value.length-1)-0;
var n=0;
for(var i=1;i<=to;i++)n+=this["a"+i];
alert(n);
return n;
}
//--></SCRIPT></head><body>
<form name="form1">
<select name="abox" size="1" tabindex="0">
<option selected value>---</option>
<option value="a1">aaa</option>
<option value="a2">bbb</option>
<option value="a3">ccc</option></select>
<input type="button" value="計算" onclick="sum()"></form></body>
aboxは、変数が今後２～３種類になる予定を考えて宣言したものです。
aaa：a1=20 b1=10
bbb：a2=25 b2=12
ccc：a3=27 b3=13
こんな感じで、aとは別の合計も出すつもりでした。
頂いたスクリプトをこのように利用したら、nが全て0になってしまいますorz
<SCRIPT language="JavaScript"><!--
function sum(){
var to=document.form1.abox.value.slice(1,document.form1.abox.value.length-1)-0;
var n=0;
for(var i=1;i<=to;i++)n+=this["a"+i];
alert(n);
return n;
}
//--></SCRIPT></head><body>
<form name="form1">
<select name="abox" size="1" tabindex="0">
<option selected value>---</option>
<option value="a1">aaa</option>
<option value="a2">bbb</option>
<option value="a3">ccc</option></select>
<input type="button" value="計算" onclick="sum()"></form></body>
918 ：Name_Not_Found：2008/09/25(木) 15:19:06 ID:???
ここじゃね？
var to=document.form1.abox.value.slice(1,document.form1.abox.value.length-1)-0;
↓
var to=document.form1.abox.value.slice(1,document.form1.abox.value.length)-0;
var to=document.form1.abox.value.slice(1,document.form1.abox.value.length-1)-0;
↓
var to=document.form1.abox.value.slice(1,document.form1.abox.value.length)-0;
NaNになります；；
option valueから見直した方がいいのでしょうか…
option valueから見直した方がいいのでしょうか…
920 ：Name_Not_Found：2008/09/25(木) 20:58:54 ID:???
>>919
NaNになるのは
var a1=20;
var a2=25;
var a3=27;
が書いてないからだよ。<script>とfunction sum()の間の行にでも書けば行ける。
sliceで文字分けるって最近知ったけど結構使われてるのか。
何となくいつもmatchでやっちゃうな。値は配列で持って下のような感じ。
<script type="text/javascript">
var a = [0, 20, 25, 27];
function sum(box){
var end = 0;
var value = document.form1[box].value;
var match = value.match(/^([a-z])([\d]*$)/);
if (match) {
box = match[1]; // 配列名
end = match[2]; // いくつまで足すか
}
var n = 0;
for (var i=1; i<=end; i++) {
n += window[box][i];
}
alert(n);
return n;
}
</script>
で、呼び出し方がonclick="sum('abox')"かな。
box名入れておけばbboxとかできてもいけるし。
NaNになるのは
var a1=20;
var a2=25;
var a3=27;
が書いてないからだよ。<script>とfunction sum()の間の行にでも書けば行ける。
sliceで文字分けるって最近知ったけど結構使われてるのか。
何となくいつもmatchでやっちゃうな。値は配列で持って下のような感じ。
<script type="text/javascript">
var a = [0, 20, 25, 27];
function sum(box){
var end = 0;
var value = document.form1[box].value;
var match = value.match(/^([a-z])([\d]*$)/);
if (match) {
box = match[1]; // 配列名
end = match[2]; // いくつまで足すか
}
var n = 0;
for (var i=1; i<=end; i++) {
n += window[box][i];
}
alert(n);
return n;
}
</script>
で、呼び出し方がonclick="sum('abox')"かな。
box名入れておけばbboxとかできてもいけるし。
すいません、基本的なところを忘れてました・・！
ありがとうございました！！感動しました！
ありがとうございました！！感動しました！
922 ：Name_Not_Found：2008/09/25(木) 21:41:17 ID:???
今見たら
for (var i=1; i<=end; i++) {
n += window[box][i];
}
だと毎回windowにアクセスするからforの前で
var array = window[box];
ってしてあげて、
array[i]
で回した方が良いのか。Firefoxで3倍くらいスピードが違った。
for (var i=1; i<=end; i++) {
n += window[box][i];
}
だと毎回windowにアクセスするからforの前で
var array = window[box];
ってしてあげて、
array[i]
で回した方が良いのか。Firefoxで3倍くらいスピードが違った。
923 ：Name_Not_Found：2008/09/28(日) 17:29:59 ID:???
<SCRIPT language="JaveScript">
<!--
function kotae(){
var kai =101;
alert(kai);
}
//-->
</SCRIPT>
</HEAD>
<body>
<h1>問題</h1>
13+88＝ <button onclick="kotae()">答えを見る</button>
</body>
本を読みながら作ったのですが上手く動きません…。
文字の抜けやエクスプローラーのJAVA実行も許可してあるのですが他に原因は何が考えられますか？
924 ：Name_Not_Found：2008/09/28(日) 17:54:11 ID:???
>>923
type="text/javascript"
type="text/javascript"
925 ：Name_Not_Found：2008/09/28(日) 18:03:30 ID:???
<SCRIPT language="JavaScript">でも動くけど
>>923は"JaveScript"だからなあｗ よく見てみｗ
>>923は"JaveScript"だからなあｗ よく見てみｗ
927 ：Name_Not_Found：2008/09/28(日) 21:03:45 ID:???
じゃべすくりぷとｗ
928 ：Name_Not_Found：2008/09/28(日) 22:09:53 ID:q4TPO6L5
function view(){
document.getElementById('menu1').style.visibility='visible';
}
function hide(name){
document.getElementById('Menu1').style.visibility='hidden';
}
<ul>
<li><a href="menu.html" onmouseover="view()" onmouseout="hide()">メニュー１</a>
<ul id="menu1" style="visibility:hidden">
<li><a href="">リスト１</a></li>
<li><a href="">リスト２</a></li>
</ul>
</li>
</ul>
「メニュー１」にマウスを乗せると、サブメニュー（リスト１など）を表示させる動作を求めてます。
サブメニューは表示したのですが、「メニュー１」からマウスが離れるとサブメニューが消えてしまいます。
やりたいことは
「メニュー１」からサブメニューに移動してもサブメユーが消えないようにしたい
「メニュー１」でサブメニューを表示した後、サブメニュー以外のところにマウスがいったらサブメニューを消したい
以上の２点です。どなたかご教授ご指摘お願いいたします。
document.getElementById('menu1').style.visibility='visible';
}
function hide(name){
document.getElementById('Menu1').style.visibility='hidden';
}
<ul>
<li><a href="menu.html" onmouseover="view()" onmouseout="hide()">メニュー１</a>
<ul id="menu1" style="visibility:hidden">
<li><a href="">リスト１</a></li>
<li><a href="">リスト２</a></li>
</ul>
</li>
</ul>
「メニュー１」にマウスを乗せると、サブメニュー（リスト１など）を表示させる動作を求めてます。
サブメニューは表示したのですが、「メニュー１」からマウスが離れるとサブメニューが消えてしまいます。
やりたいことは
「メニュー１」からサブメニューに移動してもサブメユーが消えないようにしたい
「メニュー１」でサブメニューを表示した後、サブメニュー以外のところにマウスがいったらサブメニューを消したい
以上の２点です。どなたかご教授ご指摘お願いいたします。
929 ：Name_Not_Found：2008/09/29(月) 01:04:25 ID:???
<li onmouseover="view()" onmouseout="hide()"><a href="menu.html">メニュー１</a>
これでどうだい？
これでどうだい？
たびたび失礼します。
当方で応用して使おうと思ったらどうしてもうまく行かないので
option valueに変数を入れてしまおうかと思ったのですが
これはこれで動作しません…。
どこか勘違いしていることは分かっても八方塞がりですorz
よろしくお願いします。
<SCRIPT language="JavaScript"><!--
function sum(){
var to=parseInt(document.form1.abox.value);
var n=0;
for(var i=1;i<=to;i++)n+=this[+i];
alert(n);
return n;
}
//--></SCRIPT></head><body>
<form name="form1">
<select name="abox" size="1" tabindex="0">
<option selected value>---</option>
<option value="20">aaa</option>
<option value="25">bbb</option>
<option value="27">ccc</option></select>
<input type="button" value="計算" onclick="sum()"></form></body>
当方で応用して使おうと思ったらどうしてもうまく行かないので
option valueに変数を入れてしまおうかと思ったのですが
これはこれで動作しません…。
どこか勘違いしていることは分かっても八方塞がりですorz
よろしくお願いします。
<SCRIPT language="JavaScript"><!--
function sum(){
var to=parseInt(document.form1.abox.value);
var n=0;
for(var i=1;i<=to;i++)n+=this[+i];
alert(n);
return n;
}
//--></SCRIPT></head><body>
<form name="form1">
<select name="abox" size="1" tabindex="0">
<option selected value>---</option>
<option value="20">aaa</option>
<option value="25">bbb</option>
<option value="27">ccc</option></select>
<input type="button" value="計算" onclick="sum()"></form></body>
931 ：Name_Not_Found：2008/09/30(火) 00:25:43 ID:???
this[+i]
何これ？
何これ？
932 ：Name_Not_Found：2008/09/30(火) 00:54:49 ID:???
CSS切り替えスクリプトのcsskks.js使ってるんですが
safariやgoogle chromeでは上手く代替cssに切り替えできません。どうすればいいでしょうか。
safariやgoogle chromeでは上手く代替cssに切り替えできません。どうすればいいでしょうか。
933 ：Name_Not_Found：2008/09/30(火) 10:45:47 ID:???
safariやgoogle chromeに対応したやつを自分で作れば
934 ：Name_Not_Found：2008/09/30(火) 20:52:13 ID:???
すみません、どう改造すればいいか分からないです。
935 ：Name_Not_Found：2008/10/01(水) 23:04:13 ID:muL0j2+8
すみません。お願いです。
いろいろあってここにたどりつきました。
「ボタン押すたびに数字が変わるプログラム 」
みたいなの作ってもらえませんか？
イメージとしては
000-999まで3桁の数字が
スペースキー押すたびにランダムで変わる
そんなプログラムをメモ帳に貼り付けて、htmlで保存して
遊びたいんだ
できるものですか？
いろいろあってここにたどりつきました。
「ボタン押すたびに数字が変わるプログラム 」
みたいなの作ってもらえませんか？
イメージとしては
000-999まで3桁の数字が
スペースキー押すたびにランダムで変わる
そんなプログラムをメモ帳に貼り付けて、htmlで保存して
遊びたいんだ
できるものですか？
936 ：Name_Not_Found：2008/10/02(木) 01:17:52 ID:???
ほれ、
スペースキーじゃなくてF5キーだが、かまわんだろ？
<script>
document.write((Math.random()*1000).toString().slice(-3))
</script>
スペースキーじゃなくてF5キーだが、かまわんだろ？
<script>
document.write((Math.random()*1000).toString().slice(-3))
</script>
937 ：Name_Not_Found：2008/10/02(木) 09:39:22 ID:???
すぐ飽きそうな遊びだｗ
938 ：Name_Not_Found：2008/10/02(木) 10:08:04 ID:iGs374Ng
939 ：Name_Not_Found：2008/10/02(木) 13:52:03 ID:???
おまえ収容所とかでも遊び見つけて生きていけそうだな。
ある意味才能だと思うよ。
ある意味才能だと思うよ。
940 ：Name_Not_Found：2008/10/02(木) 14:07:55 ID:???
エロ画像のナンバリングだと思うんだ
出た番号の画像で１日遊ぶと考えるんだ
出た番号の画像で１日遊ぶと考えるんだ
941 ：Name_Not_Found：2008/10/02(木) 19:12:04 ID:???
>>936 が明らかに間違っている件については誰も突っ込んでくれないのか。
942 ：Name_Not_Found：2008/10/02(木) 19:32:37 ID:???
>>941
ごめん、素でわかんないｗ
ごめん、素でわかんないｗ
943 ：966：2008/10/03(金) 12:41:27 ID:3uVerI19
944 ：Name_Not_Found：2008/10/03(金) 13:26:49 ID:???
headの中でも外でも動くと思うが…
<html lang="ja">
<head>
<title></title>
</head>
<body>
<script>
document.write((Math.random()*1000).toString().slice(-3))
</script>
</body>
</html>
だぞ？
まさかブラウザでJavascriptを切ってるというオチじゃないよな？
<html lang="ja">
<head>
<title></title>
</head>
<body>
<script>
document.write((Math.random()*1000).toString().slice(-3))
</script>
</body>
</html>
だぞ？
まさかブラウザでJavascriptを切ってるというオチじゃないよな？
945 ：966：2008/10/03(金) 13:37:58 ID:3uVerI19
946 ：Name_Not_Found：2008/10/03(金) 19:47:41 ID:VHcBshOb
チェックボックスにチェック入れると連動してテキストボックスに文字が入るのって出来る？
sageにチェック入れるとアドレス欄にsageって入るような奴
誰か頼む。
sageにチェック入れるとアドレス欄にsageって入るような奴
誰か頼む。
947 ：Name_Not_Found：2008/10/04(土) 00:50:49 ID:???
出来る
<html>
<head>
<title>checkbox and text</title>
<script type="text/javascript">
<!--
function change() {
document.getElementById("sg").value = "sage";
}
// -->
</script>
</head>
<body>
<input type="checkbox" onClick="change()" />sage <input type="text" id="sg" />
</body>
</html>
<html>
<head>
<title>checkbox and text</title>
<script type="text/javascript">
<!--
function change() {
document.getElementById("sg").value = "sage";
}
// -->
</script>
</head>
<body>
<input type="checkbox" onClick="change()" />sage <input type="text" id="sg" />
</body>
</html>
948 ：Name_Not_Found：2008/10/04(土) 01:38:55 ID:???
恐れ入ります。。下記のコードでlabelと同じ文字がalertされるようにするにはどうすればいいですか？
このままだとどれを押しても"s"になってしまいます。
<script type="text/javascript">
<!--
var labels = 'labels'.split('');
for (var i=0; i<labels.length; i++) {
var input = document.createElement('input');
var label = labels[i]
input.setAttribute('type', 'button');
input.setAttribute('class', 'submit');
input.setAttribute('style', 'margin-left:4px');
input.setAttribute('value', label);
input.addEventListener("click", function(){alert(label)}, false);
document.getElementsByTagName('html')[0].appendChild(input);
}
// -->
</script>
<html />
このままだとどれを押しても"s"になってしまいます。
<script type="text/javascript">
<!--
var labels = 'labels'.split('');
for (var i=0; i<labels.length; i++) {
var input = document.createElement('input');
var label = labels[i]
input.setAttribute('type', 'button');
input.setAttribute('class', 'submit');
input.setAttribute('style', 'margin-left:4px');
input.setAttribute('value', label);
input.addEventListener("click", function(){alert(label)}, false);
document.getElementsByTagName('html')[0].appendChild(input);
}
// -->
</script>
<html />
949 ：Name_Not_Found：2008/10/04(土) 03:26:17 ID:???
1 サマータイム対応・非UTC依存世界時計スクリプト
ttp://www.ueda.info.waseda.ac.jp/~gaku/js/how034.html
2 サマータイム非対応・UTC依存世界時計スクリプト
ttp://satokoto.blog10.fc2.com/blog-entry-404.html
1を2のようにUTC依存にするにはどうすればよろしいのでしょうか？
ttp://www.ueda.info.waseda.ac.jp/~gaku/js/how034.html
2 サマータイム非対応・UTC依存世界時計スクリプト
ttp://satokoto.blog10.fc2.com/blog-entry-404.html
1を2のようにUTC依存にするにはどうすればよろしいのでしょうか？
950 ：Name_Not_Found：2008/10/04(土) 15:12:09 ID:???
>>948
input.addEventListener("click", function(){alert(label)}, false);
→ input.addEventListener("click", function(){alert(this.value)}, false);
~~~~~~~~~
input.addEventListener("click", function(){alert(label)}, false);
→ input.addEventListener("click", function(){alert(this.value)}, false);
~~~~~~~~~
951 ：Name_Not_Found：2008/10/05(日) 00:02:59 ID:???
>>950
できました！本当にありがとうございます！
できました！本当にありがとうございます！
952 ：Name_Not_Found：2008/10/05(日) 23:18:30 ID:???
質問です。
<from id="hogeF">
<select id="hogeS">
<option>上</option>
<option>中</option>
<option>下</option>
</select>
</form>
こういったソースがあった場合に
上 初期表示
上 ←選択された時の場所
中
下
通常上記のようになるとおもうんですが、
これを下記のようにすることはできますか？
できるようでしたらご教示願います。
中 初期表示
上
中 ←選択された時の場所
下
<from id="hogeF">
<select id="hogeS">
<option>上</option>
<option>中</option>
<option>下</option>
</select>
</form>
こういったソースがあった場合に
上 初期表示
上 ←選択された時の場所
中
下
通常上記のようになるとおもうんですが、
これを下記のようにすることはできますか？
できるようでしたらご教示願います。
中 初期表示
上
中 ←選択された時の場所
下
953 ：Name_Not_Found：2008/10/05(日) 23:36:53 ID:???
<option selected>中</option>
javascriptなんか必要ない
javascriptなんか必要ない
954 ：Name_Not_Found：2008/10/05(日) 23:57:33 ID:???
955 ：Name_Not_Found：2008/10/06(月) 10:08:43 ID:???
そこはあえてJavaScriptでselectedしてやるのがスジなんじゃないだろうか
956 ：Name_Not_Found：
http://www.ibm.com/developerworks/jp/web/library/wa-aj-overhaul3/index.html
jCarousel で、画像のセットをスライドショーにしたいです
どうやらflickeｒが関係してるようなのですがどこをどうすればflickerの画像を
変更できるのかがわかりません。 この辺だと思うのですが、、、
var getItemHTML = function(d) {
return '<img class="product" alt="product photo" width="' +
d.width + '" height="' +
d.height + '" src="../img/' +
d.url + '" />Photo credit: <a target="_blank" href="http://www.flickr.com/photos/' +
d.creditURL + 's/">' +
d.creditLabel + '</a>, Flickr, Create Commons Attribution License'
;
どなたかご教授お願します。
jCarousel で、画像のセットをスライドショーにしたいです
どうやらflickeｒが関係してるようなのですがどこをどうすればflickerの画像を
変更できるのかがわかりません。 この辺だと思うのですが、、、
var getItemHTML = function(d) {
return '<img class="product" alt="product photo" width="' +
d.width + '" height="' +
d.height + '" src="../img/' +
d.url + '" />Photo credit: <a target="_blank" href="http://www.flickr.com/photos/' +
d.creditURL + 's/">' +
d.creditLabel + '</a>, Flickr, Create Commons Attribution License'
;
どなたかご教授お願します。