<script type="text/javascript" src="http://i.yimg.jp/images/analytics/js/ywa.js"></script>
<script type="text/javascript">
var YWATracker = YWA.getTracker("*****");
YWATracker.addExcludeProtocol("file:");
YWATracker.submit();
</script>
<noscript>
<div><img src="http://by.analytics.yahoo.co.jp/p.pl?a=*****&js=no" width="1" height="1" alt="" /></div>
</noscript>


埋め込み用jsにするにはどのように書けばいいですか？
<script src="yahoo.js"></script>

はあ？

ボタンを押したら画像を表示するようなのを作りたいのですが
どうしたらいいでしょうか？
ボタン１をおしたら01.jpg ～10.jpgを表示
ボタン２をおしたら11.jpg ～15.jpgを表示
ボタン３をおしたら16.jpg ～25.jpgを表示
のようにして少しずつ画像を表示させてあまり負荷をかけなくしたいです。

サムネイルつき画像ビューアって作れますでしょうか？
もしくはどなたか公開されてるスクリプトご存知のかたいますでしょうか。
複数のPCから見れるようにコミックスクリプトというビューアを設置しているんですが
コレにサムネイル機能がついたようなものが見やすいかな思って。

>>203
onclickで良ければこんな感じか。フレームワーク使えばもっといいのたくさん落ちてると思うけど。
<script type="text/javascript">
var showImg = function(self, imgs) {
　　if (this.target == self) return; // 同じボタンクリックされたら抜ける
　　this.target = self; // クリックされたボタン
　　var result = this.result;
　　if (! result) result = this.result = document.getElementById('result');
　　// 画面上の画像はstyleで消す
　　var preImgs = result.childNodes;
　　for (var i=0,l=preImgs.length; i<l; ++i) {
　　　　if (preImgs[i].nodeName == 'IMG') preImgs[i].style.display = 'none';
　　}
　　var idPrefix = 'img_';
　　for (var i=0,l=imgs.length; i<l; ++i) {
　　　　var img = document.getElementById(idPrefix + imgs[i]);
　　　　if (img) {
　　　　　　img.style.display = '';
　　　　}
　　　　else {
　　　　　　img = document.createElement('img');
　　　　　　img.id = idPrefix + imgs[i];
　　　　　　img.src = imgs[i] + ".jpg";
　　　　　　result.appendChild(img);
　　　　}
　　}
}
</script>

<span onclick="showImg(this, [01,02,03,04,05])">ボタン１</span>
<span onclick="showImg(this, [06,07,08,09,10,11,12])">ボタン２</span>

今作っている練習ページは【top】 【news】 【links】と3つのページへのリンクがあります
いずれもマウスカーソルが乗ったり外れたりに合わせて以下のようなことがやりたいのですが良い方法はないでしょうか

・カーソルが乗ってる場所の画像を切り替える
・それに合わせて所定の<divA>タグ内に、説明テキストを表示する
・同じく所定の<divB>タグ内に、説明画像を表示する


例）たとえば【news_off.gif】にカーソルが当たると、【news_on.gif】に切り替わり、かつ、divAの位置に説明画像、divBの位置に説明文といったかんじです

【news_off.gif】


【divA】
【divB】

現在時間を元に表に5分ごとの時間を割り当てたいです
更に時間が経過したら更新されるような構造でお願いします

例えば今の時間が17:23なので
17:20　17:25 17:30　・・・

例えば23:57にページにアクセスしたら
23:55 0:00 0:05　・・・

現在時刻が0:00になったら23:55から0:00 0:05 0:10・・・というように更新されて置き換わって欲しいです


よろしくお願いします

>>207
出力方法がわからないのでとりあえずこんな感じ
var fullzero_of = (function() {
　　var hash = {};
　　for (var i=0; i<60; ++i) {
　　　　if (i < 10) {
　　　　　　var digit = ('0' + i).split('');
　　　　　　hash[i] = digit.slice(digit.length-2, digit.length).join('');
　　　　}
　　　　else {
　　　　　　hash[i] = i;
　　　　}
　　}
　　return hash;
})();
var getDateList = function(params) {
　　var threshold = params.threshold, length = params.length;
　　var dt = new Date();
　　dt.setMinutes(parseInt(dt.getMinutes()/threshold) * threshold); // base
　　var dateList = [];
　　for (var i=0; i<length; ++i) {
　　　　dateList.push(fullzero_of[dt.getHours()] + ':' + fullzero_of[dt.getMinutes()]);
　　　　dt.setMinutes(dt.getMinutes() + threshold);
　　}
　　return dateList;
}
var output = function() {
　　var dateList = getDateList({threshold:5, length:10});
　　// 出力処理
}
setInterval(output, 30 * 1000);

ASPで作ったコントロールをＶＩＳＩＢＬＥにしたいのですが、そのJavaScriptを教えてください
コントロールidはtxtJavaにしておきます

あっそ。

>>208
なんかいいような気がするのですが、出力結果がUndefined:Undefinedになります

>>207の仕様だと微妙なのでもう１度書き直すと


現在時刻　13:54:xx

表
----------------------------------------------------------
13:50|13:55|14:00|14:05|14:10|14:15|14:20|14:25|14:30|14:35|14:40|14:45
----------------------------------------------------------
ﾘﾝｸ1| ﾘﾝｸ2|ﾘﾝｸ3|ﾘﾝｸ4|ﾘﾝｸ5| ﾘﾝｸ6|ﾘﾝｸ7|ﾘﾝｸ8|ﾘﾝｸ9|ﾘﾝｸ10|ﾘﾝｸ11|ﾘﾝｸ12
------------------------------------------------------------

と実はこんな感じの表を作りたいんです時間ごとにリンクを割り振りたいです

現在時刻の表示は簡単に作れたので問題ないのですが、
現在時刻からその数分前（現在時刻がxx:45～49なら表のスタートはxx:45）を
表に割り当てる作業がわからなかったので・・・

で、時間が経過すると自動更新されて
現在時刻　13:58:xx

表
----------------------------------------------------------
13:55|14:00|14:05|14:10|14:15|14:20|14:25|14:30|14:35|14:40|14:45|14:50
----------------------------------------------------------
ﾘﾝｸ1| ﾘﾝｸ2|ﾘﾝｸ3|ﾘﾝｸ4|ﾘﾝｸ5| ﾘﾝｸ6|ﾘﾝｸ7|ﾘﾝｸ8|ﾘﾝｸ9|ﾘﾝｸ10|ﾘﾝｸ11|ﾘﾝｸ12
------------------------------------------------------------
というような出力結果が欲しいです　よろしくお願いします

>>211
あれ？何のブラウザでやった？Firefox,IE,Opera,Safariで試したんだけど。
初めの1回目を実行するのが30秒後だったからoutput以降を書き換えた。
<div id="result"></div>の後にこのスクリプトがあれば実行できるはず。

var output = function(links) {
　　var dateList = getDateList({threshold:5, length:links.length});
　　var tableH = ['<tr>'];
　　var tableD = ['<tr>'];
　　for (var i=0,l=dateList.length; i<l; ++i) {
　　　　tableH.push('<th>', dateList[i], '</th>');
　　　　tableD.push('<td>', '<a href="', links[i]['link'], '">', links[i]['title'], '</a>');
　　}
　　tableH.push('</tr>');
　　tableD.push('</tr>');

　　document.getElementById('result').innerHTML = '<table>' + tableH.concat(tableD).join('') + '</table>';

　　setTimeout(function(){output(links)}, 30 * 1000);
}
var links = [
　　{link: 'link1', title: 'title1'},
　　{link: 'link2', title: 'title2'},
　　{link: 'link3', title: 'title3'},
　　{link: 'link4', title: 'title4'}
];
output(links);

>>212
ダメでした
ブラウザの設定でしょうか？firefoxを使ってるのですが・・・

htmlを使用してるのですが、書き方が間違ってるのですかね？

大ざっぱでいいので<html><body>～</body></html>まで書いてもらってもいいですか？
何か勘違いをしているのだと思います

javascript自体はあってそうというか、作成者様側では動作してるようなんで、自分が間違ってるんでしょうねー

できました！
１度できなかったのでIEでやってみたところ動作
その後Firefoxで、もう１度確認したところできました

setTimeoutなのでxx:oo:01のタイミングで表が切り替わらないで
若干のラグがありますが、なんとかいけそうです

ありがとうございました

>>214
現在時刻から次の更新までの時間割り出してタイマ指定すればいいよ

>>214
とりあえず毎回処理するように書いたから30秒に1回の処理だけど、
現在の表データ保持しておいて内容変わらないなら処理しないとかにすれば
1秒1回の処理でもいいと思うけどね

>>215
なんとかやってみようと思います

あと、今のものからリンクをその時間固有なものにしたいです。


リンクの種類を0:00～23:55まで持たせたとして、時間が更新されるのと同時にリンクも更新するには
どうすればいいですか？
var links = [
　　{link: '0:00.html', title: 'title1'},
　　{link: '0:05.html', title: 'title2'},
　　{link: '0:10.html', title: 'title3'},…
];

まず今のままだとlengthが大変なことになるので、固有な値を入れておくとして
var dateList = getDateList({threshold:5, length:4});
あとはどうしましょ？

>>216
そうですね
確かに1秒1回の処理だとラグがないのでいいですね

ただ、ムダにとは失礼ですが、処理しないとわかってるのに1秒1回はどうなんでしょう？
別にいいんですかね？

>>217
全時間分やんのか。
ならlinksのハッシュ変えた方がいいかも
var links = [
　　{'00:00.html': 'title1'},
　　{'00:05.html': 'title2'},
　　{'00:10.html': 'title3'}
}
とかにして、
tableD.push('<td>', '<a href="', links[i]['link'], '">', links[i]['title'], '</a>');
の部分を
var link = dateList[i] + '.html';
tableD.push('<td>', '<a href="', link, '">', links[i][link], '</a>');
とかかなぁ。

>>218
何もしないで抜けるだけの処理にすれば1秒1回でも全然問題ないと思う

>>219
置き換えたら時間しか表示されません
明日確認してみます

>>220
それ、ちゃんと全部の時刻のハッシュを作ったか、今の時刻に合わせたハッシュを作ってないだけじゃない？
今の時間に合うハッシュ書かないと時間に合うリンクがないから結果表示されないよ

そんだけ細かいのに対応表をデータとして用意するのがなんだかなぁという感じ
リンク先のhh:mm.htmlというような規則性はtitleにはないの？

たとえばこんなCDランキングがtableで書かれていたとします。

順位 名前 先月の順位
1 NAME1 -
2 NAME2 2
3 NAME3 4
..........

これを順位、名前、先月の順位などでソートできるようにしたいです。
お願いします。

>>221
全時間作ったんですが、ダメでした

時間ごとの割り当てとしてはdateList[0]からちゃんと時刻が入っているので
tableD.push('<td>', '<a href="', link, '">', links[i][link], '</a>');
のところを

dateList[i]==links配列のxxx.htmlのxxxが一致してるものを持ってくる

みたいな感じだと確実に時間ごとにlinks配列から取って来てくれると思います
こんな時間のせいか頭が回らないので、自分はできませんでしたが・・・

>>222
リンクよりもボタンに変更しようかと思ってきました・・・
ボタンを押すとその時間を引数とした関数を実行したりっていうのもアリかと・・・
ただ、時刻ごとの固有の引数を今はとれていないので、そこをまずはなんとかしたいです

よく考えたら
var link = dateList[i] + '.html';
tableD.push('<td>', '<a href="', link, '">', link, '</a>');

でlinks配列使用せずに時間固有のxxx.htmlのリンクが作れますね

ただ、やっぱりtitle1とか配列からtitleをを引っ張ってきたいので修正が必要ですね・・・

>>224
こっちの環境だと表示されてるのに何で出ないんだろ。
firebugのconsole.debugかalertでlinkを表示させると何が出るの？

>>226
firebugは何も出ません
アラートだとしっかり時刻通りのxxx.htmlが表示されます

>>214のときもなぜかできなかったりしたので、困りました
あのときはたぶん文字コードが原因だと思うのですが、今回は大丈夫なはずですが・・・

>>227
Firebug何も出ないってどういうこと…

alertで時刻通りのhtmlが表示されてるなら問題ないはずだなぁ
links[i]とlinks[i][link]はどうなるの？

と、
>>219の配列の閉じかっこが変だな。
var links = [
　　{'00:00.html': 'title1'},
　　{'00:05.html': 'title2'},
　　{'00:10.html': 'title3'}
]
こっちね。

アラート使うとlinks[i]はobject Object
links[i][link]は undentifiedと出ます
bugは相変わらず反応しないです 他のページのは反応しますが…

そもそもiは0～なのでlinks[i]だと毎回の最初00:00から読みませんか？

ここがよくわからないので、ここが解決すると進むかもしれません

>>230
あぁｗ
ごめん、その通りだわｗ
配列をハッシュにして時間からタイトルを出すようにすればよいと思う
var links = {
　"00:00": "title1",
　"00:05": "title2",
　"00:10": "title3",
　"00:15": "title4"
}
で、
tableD.push('<td>', '<a href="', dateList[i], '.html">', links[dateList[i]], '</a>');
にすればいけるかな。

>>231
なんとかできました

ところで今ボタンに置き換える作業をしています　つまり
tableD.push('<td>', '<input type="button" value="',links[dateList[i]],', onsubmit=xxx(',dateList[i],')'">)';

というように
タイトルボタンをクリックすると、「現在時刻」を引数とするような関数をonsubmit（xxx関数は単純にalertでその引数を表示するという関数）で実行しようと考えていますが、
ボタンはちゃんと表示されますが、押しても実行できません

innerで書いているからでしょうか？
単純にonsubmitなので、動きそうな気がしますが・・・
よろしくお願いします

>>232
コピペミスか？明らかクォートが文法エラーになってるけど。
あとinputはonsubmit取れないよね？onclickにした。

tableD.push('<td>', '<input type="button" value="', links[dateList[i]], '" onclick="alert(\'', dateList[i], '\')">');

>>233
onclickでしたか
ありがとうございました

http://developer.longtailvideo.com/trac/wiki/FlashApi

function play(obj) {
　obj.sendEvent("PLAY","true");
}

function syncPlay() {
　play(document.getElementById("player1"));
　play(document.getElementById("player2"));
　play(document.getElementById("player3"));
}

こんな感じ？

よくわからんけど
var s1 = new SWFObject("mediaplayer4.swf","ply","328","18","9","#FFFFFF");
の第二引数の"ply"がidになるっぽい
だからply1とply2に書き換えて、document.getElementByIdの引数もそれに書き換えてみて

動きました！
素晴らしいです。
本当に、ありがとうございました。

動的に作成されるformのselectを一括で変換できるようにしたいです。

<form action="xx">
(略)
<SELECT NAME="hoge_1">
<OPTION VALUE="1" SELECTED>aaa
<OPTION VALUE="2" >bbb
<OPTION VALUE="3" >ccc
<OPTION VALUE="4" >ddd
</SELECT>
(以降、検索結果によってhoge_xが複数作成される。連番ではない場合もあり、数値の上限も無制限)

存在しないhoge_0を作成してそこをbbbに変更すると連番で続くSELECTも全てbbbに
なるような感じです。

hoge_xを全部配列にぶち込んでselectIndexで・・・とかいろいろやってるんですが
どうもうまく行きません。
すみませんがお力添え下さい。

>>240
optionの並びは固定？それともselectによって入れ替わったり項目が増減したりして不定？

>>241
すみません、爆睡してしまいました。
レスありがとうございます。Optionは種類(5個)・並びともに固定です。

>>242
それならselectIndexでわりと素直にできると思う
動作確認してないから間違ってたらすまん

var selectList = ["hoge_1", "hoge_2"], selectElemList = [];
for(var i=0,l=selectList.length; i<l; i++) { // getElementById結果のキャッシュ
　selectElemList[i] = document.getElementById(selectList[i]);
}

function selectAll(index) {
　for(var i=0,l=selectElemList.length; i<l; i++) {
　　selectElemList.selectIndex = index;
　　// document.getElementById(selectList[i]).selectIndex = index; // やってること自体はこれ
　}
}

"bbb"で指定するならindex何番かを別途取得しないといけないけど
動的生成してるようだからこうするのが手っ取り早そう
var optionIndex = ["aaa" : 1, "bbb" : 2, "ccc" : 3, "ddd" : 4]; // ここも動的生成、もしくはhoge_x生成用データの流用
selectAll(optionIndex["bbb"]);

つい1から並べたけどselectIndexって0オリジンだっけｗ

http://phpspot.org/blog/archives/2009/03/if_currentpagej.html


に似た感じでアンダーラインだけでなく
aタグのもなくすことは可能ですか？

押してもボールドされるだけって感じです。

>>245
もうちょっと詳しく言わないとわからないな。
どっちをクリックしたとき？現在のページを表すボールドの方？それともリンクの方？

レスありがとうございます。

現在を表すのボールドの方です。

教えてエロい人
java script を勉強したいのですが、おすすめの教本はありまつか？

ありますん。

どっちゃねん！