元スレJavaScript ライブラリ総合質問所 vol.4

JavaScript覧 / PC版 /

みんなの評価 :

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ

/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで

451 = :

jQueryって学ぶほど
ほんとスゲーなって思う

452 = :

■質問です
.ajax()で

1.htmlというファイルを#hoge1に読み込み、
2.htmlというファイルを#hoge2に読み込みたい場合
どのように記述したらよろしいでしょうか？
（ajaxメソッドの引数「url」に複数のURL指定する事は可能でしょうか？）

$.ajax({
type: 'GET',
url: '1.html',
dataType: 'html',
success: function(data) {
$('#hoge1').append(data);
},
error:function() {
alert('LoadError');
},
});

453 = :

>>452

$('#hoge1').load('1.html');
$('#hoge2').load('2.html');

456 :

　
お世話になります。
私、責任者の加茂と申します。以後、宜しくお願い致します。

/nox/remoteimages/72/c5/31c9a07707408196332adb9c9dc5.jpeg

浪速建設様の見解と致しましては、メールによる対応に関しましては
受付しないということで、当初より返信を行っていないようで、今後につい
てもメールや書面での対応は致しかねるというお答えでした。
　
このように現在まで６通のメールを送られたとのことですが、結果一度も
返信がないとう状況になっています。
　
私どものほうでも現在までのメール履歴は随時削除を致しております
ので実際に１１通のメールを頂戴しているか不明なところであります。
　
　http://s-at-e.net/scurl/BRS.html
　http://s-at-e.net/scurl/BAYONETTA.html
　http://s-at-e.net/scurl/JOURNEY.html
　
http://s-at-e.net/scurl/kabetokyojinto.html
　
　http://s-at-e.net/scurl/2012.html
　http://s-at-e.net/scurl/Prometheus.html
　http://s-at-e.net/scurl/Avatar.html
　
大阪府八尾市上之島町南４-１１クリスタル通り２番館203
に入居の引きこもりニートから長期にわたる執拗な嫌がらせを受けています。
この入居者かその家族、親類などについてご存知の方はお知らせ下さい。
hnps203@gmail.com

459 = :

$.eachで第一引数には何も指定したくなくて、第二引数のみ指定したい場合
どのように書くのが一般的でしょうか？

$.each( array1, function(指定したくない,value){
$('#disp').append(value);
});

460 = :

>>459
適当な引数名を付与して使わない
http://api.jquery.com/jQuery.each/

461 = :

>>459
ありがとうございます。
jQueryサイトはいつも翻訳ナシで読んでるんですか？

462 = :

>>461
簡単な英文ならそのまま読むし、読めなければ機械翻訳や辞書を使う
信頼性の観点から基本的に公式サイトと公式の翻訳サイトしか信用しない
後で気が付いたが、仮引数を完全になくして arguments[1] で参照する方法もあるな(個人的に each() でそこまでしようとは思わないが)

464 = :

>>462
公式であっても信頼が置けるとは限らないと思うが

そもそも英文の読解力、というか日本語の読解力ですら
信頼が置けないことが多いがな

465 = :

>>464
公式以上に信頼性が高いサイトがあるなら教えてほしい
個人的には一次情報をあたるのは基本だと思うんだが

海外のライブラリを使うなら英語は読めてしかるべき
読めないなら信頼性以前の問題だと思う

467 = :

jQuery（javascript）部分の処理スピード計測を
console.time()とかDateオブジェクトとかで自分でやるのではなくて
簡単に計測できるサイトとかないですかね？

468 = :

>>467
http://jsperf.com/

469 = :

【環境】Windows7 32bit, Firefox 33.0.1, Internet Explorer11.0.9600.17358
【ライブラリ】jQuery 2.1.1
【何をしたのか】画面上部にulタグ・liタグ・aタグとjQueryでプルダウンメニューを付けています。
そのメニューの下にiframe(1)を設置しています。
展開したプルダウンメニューホバーで(1)と同じサイズ・位置のiframe(2)を表示させようとしています。
なぜこういうことをしたいかと言うと、クリックする前にページの中身が見れてそれによってクリックしたくなってくれたらいいなと言うのと、
クリックしていないのに(1)を書き換えるとやっぱり書き換える前の(1)のページを見たいと思った時にはもう一度選ばなくてはならなくなるので、
(2)を作ってそこに仮表示な感じで出そうと思っています。
でも展開されたメニューの上に(2)が表示されてしまっているのか、メニューが消えてしまって(2)も消えてしまっているようです。
cssでx-indexを設定してみたりもしたのですが、それでも同じでした。
IEで見てみるとまったく反応していないようでした。
【エラーメッセージ】エラーメッセージは特にありません。
【期待する結果】展開したプルダウンメニューホバーで(1)と同じサイズ・位置のiframe(2)をメニューの下に表示される。
【サンプルコード】html・js・cssファイルをまとめたzip下記にアップしました。
http://fast-uploader.com/file/6971222174298/

470 = :

↓この「Focused」っていうｊQueryプラグインを使いたいのですが
Focused：http://jtwalters.github.io/jquery-focused/
デモ：https://rawgit.com/jtwalters/jquery-focused/master/demo/index.html
期待通りに動いてくれたと思ったけどIE8だとうまく表示されません
<!--[if lt IE 9]>でjQuery1.9も読み込ませてるんだけどだめみたいで
なんか方法ないですかね

471 = :

参考書を読んでゲームを作っているのですが、仕様通りに動きません。
緑色の画像があって、その画像は何もしないと落下するのですが、
下キーを押すと緑色の画像が上昇し、壁にあたったら、ピンク色の画像に変わって、ゲームオーバーって感じのゲームなんですが、
参考書通り打ってるのに落下しないし、なんのキーを押しても上にあがりません。
これを何もしなかったら落下し、↓キーで上昇する感じにしたいです。
どなたか教えてください。

472 = :

こちらがソースです。
#main{
width:800px;
height:600px;
background-color:##00cc00;
position:absolute;
overflow:hidden;
}
#ship{
top:250px;
left:0px;
width:150px;
height:97px;
position:absolute;
z-index:100;
}
#bang{
width:200px;
height:200px;
position:absolute;
z-index:101;
visibility:hidden;
}

473 = :

</style>
<script type="text/javascript">
var y=250,v=0,keyDown =false,WALLS =80,score=0;
var walls=[],slope=0,timer,ship,main;
function init(){
main =document.getElementById('main');
ship =document.getElementById('ship');
for(var i=0;i<WALLS;i++){
walls[i]=document.createElement("div");
walls[i].style.position ="absolute";
walls[i].style.top ="100px";
walls[i].style.left =i*10+"px";
walls[i].style.width ="10px";
walls[i].style.height = "400px";
walls[i].style.backgroundColor ="#333333";
main.appendChild(walls[i]);
}
slope =Math.floor(Math.random()*5)+1;
timer =setInterval(mainloop,50);
window.addEventListener('keydown',function(){keyDown =true;});
window.addEventListener('keyup',function(){keyDown = false;});
}

474 = :

あ、解決しました。

475 = :

できれば今週の金曜までに完成させたいとも思っているので、
もっと具体的に書いてみます。

今作成しているページは、
私が所属している研究室主催のホームページコンテストに応募されたホームページを一般の人が閲覧するためのページです。
一応もともと先生が作ったページがあるのですが、そのページには不便だと感じる部分がいろいろあったので、
それを自分なりに改良したページを作ってみようと思っています。
先生のページだと作品を見ていてメニューに戻りにくくなってしまうこともあるので、
jQueryなどを使ったプルダウンメニュー＋iframeで必ずメニューが消えてしまわないようにしたいと考えています。
また、先生のページだと応募作品へのリンクは連番数字だけだったりもするので、
私が作っているメニューにマウスカーソルを当てるとそのページを見えるようにして、
さらにクリックして作品を見てみたくなるといいなと思っています。
(本当に見たくなるかどうかは作品次第でしょうけども。)
iframeにした理由は、まず私たちが応募された作品に手を出すことはできないという理由もありますが、
一番の理由はiframeにした方が楽に作ってしまえると思ったからです。
仮表示と称している部分は画像でもよかったんですけど、
作品の数が80を超えるので用意するのが面倒だと思ったのと、
公開する2日間のためだけに作るのはもったいないとか
同じようにiframeにしてしまった方が楽だと思ったからです。
元のiframeを書き換えないようにしているのは、
まだクリックしていないので書き換えるべきではないだろうと思ったからです。

476 = :

「宿題出されたけどオレにはデキないからお前らやれや
　期限は金曜日までな。よろしく」

まで読んだ。

477 = :

宿題ではないです。
自分で勝手にやってることです。
今度のゼミのときに見せられたらいいなと思って勝手に締め切りを書いてしまいました。
丸投げをと言う気持ちではないです。
締め切りの話しはしないべきでしたかね。
(言うことでもないかもしれませんが、私は女子なのでオレじゃないです。)

とりあえずメニューは作れています。
(あとはリンクをすべて入れるだけ。)
jQueryでiframeのsrcを変えたりとかもできました。
問題はjQueryで非表示にしていたiframeを表示させた時に、
メニューの上に出てしまっているのかメニューが消えてしまったりしていることです。
表示順をどうにかすればいいんだと思って、cssでx-indexを設定してみました。
ですが、設定方法が違うのか状況に変化は見られませんでした。
x-indexって数字が上の方が前面ですよね？

私は今回初めてjQueryを使ってたもので、
メニューは下記サイトのもののリンクやデザインを変えているだけです。

jQueryでプルダウンメニュー（たった5行で！）
http://www.finefinefine.jp/web/kiji1581/

iframeの表示/非表示・src変更などは上記などを参考に自分なりに作ったものです。
jQueryのshowって必ず最前面に来るようになってたりするんですかね？

481 = :

jQuery使ってるのに、なんでstyle属性なんか使うのか？

$("body").css('display', 'none');

でいいじゃん。

もし、<head>の中に書くのなら

$(function() {
$("body").css('display', 'none');
});

このように書く必要がある。

482 = :

$("span") これは複数のspan要素をラップしたjQueryオブジェクト

$("span").css("color", "red") とするだけで"全ての"
span要素の色が赤くなる。

全てっていうのが重要。jQueryオブジェクトというのは0個以上の
要素の集まり。（注意 0個もあり得る）

その要素の集まりに一括して処理を適用できる。
jQueryを使うなら一個ずつ処理しようと考えてはいけない。
0個以上を処理するとかんがえる。

で$("span")[0]をやるとせっかく便利になったjQueryオブジェクトから
一個の要素を取り出す。jQueryではない、通常の不便なDOM要素

488 = :

jQueryのwidth()がIE9だと取得できないのですがなぜでしょうか？

489 = :

>>488
使い方が間違ってるんじゃないですか？

492 = :

>>488
ちゃんとDOCTYPE書いてる？
標準準拠モードじゃないとおかしくなるよ。

493 = :

これのどちらかだろうね。

(1) document.body.style.display = 'none';
(2) $(document.body).css('display', 'none');

一つだけなら(1)で十分。(2)は少し長いけど
複数設定したいときは有利になる。

$(document.body).css({display': 'none', position: 'relative'});

494 = :

すいません。
z-indexを指定してるつもりがx-indexになってました。
z-indexに直したらうまく行きました。
しょうもないことですいませんでした。

495 = :

$(selector).eq(index)はjQueryオブジェクト
$(selector).get(index)はDOMオブジェクト。$(selector)[index]と同じ
これはとにかく覚えておいた方が便利

496 = :

どれが一番速い？

500 = :

ありがとう