12/02/15 09:28:44.17
strictmodeをわざわざ使う必要がない
501:Name_Not_Found
12/02/15 09:34:51.69
>>497
ループ内一行目を、例えば、
callback=(function(a){return function kawasaki(){alert(a);};})(i);
にすればよいだけ。
関数内からは kawasaki で参照できる。
502:Name_Not_Found
12/02/15 09:55:52.54
>>500
Strict Modeをわざわざ使わない理由がない
503:Name_Not_Found
12/02/15 09:57:16.15
名前付いた関数は関数内から呼べますよとかJS入門一日目に覚えることだろう。
そういう問題じゃないんじゃないの？
504:Name_Not_Found
12/02/15 09:59:40.66
>>502
arguments.calleeが使えない
そもそもこれは対応環境的にまだデバッグにしか使えないから
505:Name_Not_Found
12/02/15 10:03:58.06
>>500
アスペか？
質問者自身が「匿名関数」と言ってるからな。
名前を付けて呼べばいいと言っている。
506:Name_Not_Found
12/02/15 10:04:20.09
>>500 でなくて >>503 宛。
507:503
12/02/15 10:09:12.51
ああ、うん。
分かったよ。
508:Name_Not_Found
12/02/15 11:51:51.07
匿名関数を使うなら、arguments.callee
strict modeなら匿名関数を使わないで名前をつける
509:Name_Not_Found
12/02/15 11:59:33.45
>>495,496
それはお前らのダメなところと自覚しろ
最先端のWebサービスと一般向けのHPは対象が違うだろ
510:Name_Not_Found
12/02/15 18:54:57.01
皆には初歩的なことなのかもしれないけどちょっと教えて下さい。
（例）
<div class="box">
<article>
<div class="hogehoge">aaaa</div>
</article>
<article>
<div class="hogehoge2">aaaa</div>
</article>
</div>
この<article>で囲まれてるhogehoge2の要素を全て、boxの先頭に移動したいです。
が、どうやってもうまく上の<article>だけ丸ごと移動する事が出来ません。
$(function(){
$(".hogehoge2").prependTo(".box");
});
これだけだと、勿論hogehoge2しか持っていけません。
どうやったら下の<article>丸ごと移動する事ができるのでしょうか？
教えていただきたいです。よろしくお願いします。
511:Name_Not_Found
12/02/15 19:11:45.65
>>510
.parentNode
まずはその$使うライブラリーやめてDOMを勉強しろ
それかそれくらいの事は検索で分かるようになるまではライブラリーを使う資格はない
512:Name_Not_Found
12/02/15 20:08:07.75 eBhpNS0S
超初歩な質問して申し訳ないけど
var node={
name: "xxx"
cost: y
};
とか宣言しといて、後で
node.cost = z;
って代入することってできる？
513:Name_Not_Found
12/02/15 20:20:48.75
試してから質問してくれる？
514:Name_Not_Found
12/02/15 22:22:12.04
それはおかしい
試してからだと質問しないだろ？
質問する前に試してくれる？
これならおｋ
515:Name_Not_Found
12/02/15 23:02:58.51
javascriptのdocument.writeの内容が、
音声読み上げブラウザでどう扱われるか知ってる人いますか？
読み上げブラウザも色々だろうけど、
javascript対応のものでそこそこメジャーならどれでもいいです。
noscriptには、document.writeで表示される内容が画像で置かれているので、
javascript非対応のものなら大丈夫（altがあるから）なのですが、
javascript対応の読み上げブラウザで読まれないということはありますか？
516:Name_Not_Found
12/02/16 00:10:38.56
試してから質問してくれる？
517:Name_Not_Found
12/02/16 00:21:44.74
>>515
スクリーンリーダーじゃなくて？
音声読み上げブラウザは持ってないからわからん
メジャーどころだとホームページリーダーあたりかな
>>516
だいたい有料だから尋ねてるんだと思うよ
518:Name_Not_Found
12/02/16 00:36:30.60
検索してから書き込んでくれる？
519:Name_Not_Found
12/02/16 00:56:12.80
>>510
セレクタでやるんなら
$("article:has(.hogehoge2)").prependTo(".box");
DOMでやるときみたいに下からたどっていくんなら
$(".hogehoge2").parent().prependTo(".box");
520:Name_Not_Found
12/02/16 02:43:30.29 TcvVHFGs
サムネをクリックするとメイン画像が切り替わるようにしたのですが、ページ全体がずれてしまいます。
ページがずれるのはプログラムより下（プログラムの真下から</html>までどこでも）にimgで画像をいれた場合と、サムネとメイン画像の間にスペースをいれた場合の２つの条件が重なった場合です。
サムネとメイン画像のスペースは、テーブル、ボックスで囲ってCSS指定、<br />タグどれを使ってもずれます。
htmlに問題があるのかと１から作ってみましたが、それでもずれました。
何かずれなくする方法はないでしょうか？
<img src="aaa1" name="area1" />
<span onclick="showimg1()"><img src="aaa1" /></span>
<span onclick="showimg2()"><img src="aaa2" /></span>
<span onclick="showimg3()"><img src="aaa3" /></span>
<script type="text/javascript">
<!--
function showimg1(){
document.area1.src = "aaa2";
}
function showimg2(){
document.area1.src = "bbb2";
}
function showimg3(){
document.area1.src = "ccc2";
}
-->
</script>
521:Name_Not_Found
12/02/16 03:03:24.02
jsって
re = /http:\/\/wwwww/i;
の代わりに
re = |URLﾘﾝｸ(wwww)
とかってできませんでした?エラーになってしまいます
522:Name_Not_Found
12/02/16 04:01:02.63
>>521
re = RegExp('URLﾘﾝｸ(wwww)', 'i')
523:510
12/02/16 04:06:26.19
>>511
確かに勉強不足ですね、申し訳ないです。
>>519
バッチリ親のボックスごと移動できました。
ありがとう御座います！
どうしてもこのやり方でやりたかった事なので
色々調べてみたのですが、知識不足で目的の内容にたどり着けず終いでした。。
本当にありがとう御座います。
524:Name_Not_Found
12/02/16 04:48:40.56
>>522
それは知ってましたが、phpと混同してました
ありがとう
525:Name_Not_Found
12/02/16 07:52:39.00
>>523
この程度のことを検索するくらい日本語の知識があればできるだろう。
そんなんじゃあ生きていけないぞ。
出来ないのなら出来るまでやらないといつまでたっても出来ないままだぞ。
526:Name_Not_Found
12/02/16 08:22:07.02
>>524
どこかのスレで「/をエスケープせずに使えないの？」っと質問しなかった？
質問してたら自己解決した内容を追記しておいて
527:Name_Not_Found
12/02/16 10:18:15.21
>>525 そうやって初心者を見下してストレス発散してるの？
勉強不足を認め、申し訳ないと言ってる人に対して追い討ちするのはやり過ぎだと思う
528:Name_Not_Found
12/02/16 11:28:15.19
2chは尻馬に乗る奴が多い。
529:Name_Not_Found
12/02/16 11:48:39.76
あまりにも質問のレベルが低いからしょうがない
自分で調べる気は無いので教えろってやつは死ね
530:Name_Not_Found
12/02/16 11:57:55.92
女の子がそんな言葉使うなよ。
531:Name_Not_Found
12/02/16 12:28:14.73
簡単な質問でも
()? : ;みたいな三項演算子はググりようがないから仕方が無いとは思う
532:Name_Not_Found
12/02/16 12:50:54.26
>>526
人違いよ><
533:Name_Not_Found
12/02/16 15:27:16.63
プログラミングはじめたばかりの初心者で、初めての言語JavaScriptの初心者です。
ボールを画面の端で跳ね返らせるゲームを作ろうとしているのですが。どうしてもわからないので質問します。
<html> <head> <script type="text/javascript"> <head>
var ballx; var bally; var speedx; var speedy;
speedx = 5; speedy = 5;
if (128 < ballx ) { speedx = -speedx; } if (128 < bally ) { speedy = -speedy; }
function lyrSetPos( lyr , x , y ) {
if ( NN6 ) {
document.getElementById( lyr ).style.left = x;
document.getElementById( lyr ).style.top = y; }
if ( IE5 ) { document.getElementById( lyr ).style.pixelLeft = x;
document.getElementById( lyr ).style.pixelTop = y;
function lyrGetLeft( lyr ) }
if ( NN6 ) { return( parseInt( document.getElementById( lyr ).style.left ) ); }
if ( IE5 ) { return( parseInt( document.getElementById( lyr ).style.pixelLeft ) ); }
return( 0 ); }
function lyrGetTop( lyr ){ if ( NN6 ) {
return( parseInt( document.getElementById( lyr ).style.top ) ); }
if ( IE5 ) { return( parseInt( document.getElementById( lyr ).style.pixelTop ) ); }
return( 0 ); }
</script> </head>
<div id="lyrball" style="position:absolute; left:128px; top:128px;">
<img src="bb01.gif"> </div>
<pre><script type="text/javascript"> //<![CDATA[
ballx = lyrGetLeft( "lyrball" ); bally = lyrGetTop( "lyrball" );
function gameBody() { var x = 0; while(x > 100){
ballx = ballx + speedx; bally = bally + speedy;
lyrSetPos( "lyrball" , ballx , bally ); x++; }
//]]>
</script></pre></body></html>
こんな長い文を怒らずに見てくれて有難うございました。
534:Name_Not_Found
12/02/16 15:33:49.83
ネタならもう少しまともなネタを頼む
535:Name_Not_Found
12/02/16 15:35:17.78
質問がなくて吹いてしまった
536:Name_Not_Found
12/02/16 17:22:02.60
//(1)
document.all.rdiv.innerHTML='<pre id=abc>'
+'[R]\r[N]\n[NR]\n\r[RN]\r\n[END]<b>1</b>'+'</pre>';
//(2)
document.all.rdiv.innerHTML = '<pre id=abc></pre>';
document.all.abc.appendChild(
document.createTextNode('[R]\r[N]\n[NR]\n\r[RN]\r\n[END]<b>2</b>'));
//(3)
document.all.rdiv.innerHTML = '<pre id=abc></pre>';
document.all.abc.innerHTML = '[R]\r[N]\n[NR]\n\r[RN]\r\n[END]<b>3</b>';
//(4)
document.all.rdiv.innerHTML = '<pre id=abc></pre>';
document.all.abc.textContent = '[R]\r[N]\n[NR]\n\r[RN]\r\n[END]<b>4</b>';
//(5)
document.all.rdiv.innerHTML = '<pre id=abc></pre>';
document.all.abc.innerText = '[R]\r[N]\n[NR]\n\r[RN]\r\n[END]<b>5</b>';
<div id=rdiv></div>というタグ作ってやってみたんだけど
(1)～(5)で表示結果が違うのなんで？
537:536
12/02/16 17:24:32.17
改行コードを(1)のように出力したいんだけど
(1)だと<b>がHTMLタグとして描写されちゃってそれを阻止したいんだけど
(2)～(5)だと(1)と改行のされ方や<b>の扱いが違って困る
538:536
12/02/16 17:39:04.19
(1)だけはどのブラウザでも同じ描写になるのに
(2)～(5)はブラウザで違ってて
(1)で>や<で置き換えるにはちょっとテキストサイズが大きくて
539:Name_Not_Found
12/02/16 18:12:09.45 kg7otu/F
IEは<pre>の中身いじるとき
やり方によって改行の扱いが変わる仕様
だった気がする
540:Name_Not_Found
12/02/17 01:01:07.03
001.htmlで001a.phpをjQuery使ってloadするるとき、
001.phpに書いたonClick="red()"のredは001.htmlか
001a.phpのどっちに書いたらいいのでしょうか？
541:Name_Not_Found
12/02/17 04:04:43.76
>>533
垂直な壁にしか反射できないやんけ
542:Name_Not_Found
12/02/17 05:03:58.55
すみません innerHTML使わずに"あああ"と"いいい"の並び順を揃えたいのですがどうしたらよろしいですか？
addは非同期で行われるのでどちらが先に実行されるかは分かりません。。
var p = document.createElement('div');
add("<p>いいい</p>", true);
add("<p>あああ</p>");
function add(str, after = false) {
if (after) {
p.appendChild(html_to_dom(str));
} else {
// ここで前方に追加するにはどうしたらいいでしょうか
p.appendChild(html_to_dom(str));
}
}
<div>
<p>あああ</p>
<p>いいい</p>
</div>
以前は
if (after) {
p.innerHTML += str;
} else {
p.innerHTML = str + p.innerHTML;
}
こう書いてました。
543:Name_Not_Found
12/02/17 05:27:01.27
関数のデフォルト引数は間違いでした。
544:Name_Not_Found
12/02/17 08:17:40.89
誰が誰だかわからない
レス番を名前にするぐらいしてくれ
545:Name_Not_Found
12/02/17 12:44:19.16
いつからかレスアンカーなし、名無しが当然な風潮になってるからなあ
回答者としてはやりにくいことこの上ない
546:Name_Not_Found
12/02/17 12:50:05.87
うるせえ、はげ。
547:Name_Not_Found
12/02/17 12:53:19.00
>いつからか
->昔からどっちでもOK
548:Name_Not_Found
12/02/17 13:06:16.99
>>547
趣旨を嫁
549:Name_Not_Found
12/02/17 13:28:11.35
うるせえ、はげ。
550:Name_Not_Found
12/02/17 13:38:11.16
まぁ回答しづらいってのも解らなくはないけど。
>(3) 長い間連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。
↓
(3) (?:長い間)?連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。
また回答してくれる人も多少増えるかもしれません。
こんな感じに変えればいいんでね？
551:Name_Not_Found
12/02/17 14:42:55.95
質問者は上げろ
552:Name_Not_Found
12/02/17 16:04:02.04
>>540
001.phpはどっから出てきた
>>542
p.insertBefore(html_to_dom(str), p.firstChild)
553:Name_Not_Found
12/02/17 17:28:23.84
Dreamweaverｃｓ5のビヘイビアーの効果のブラインドで
ブラインドダウンを設定したんですが、
最初の表示を閉じた状態にしたいんですが、
どうすればいいですか？
554:Name_Not_Found
12/02/17 17:54:37.27
なにそのマルチ
555:542
12/02/17 18:05:51.02
>>552
ありがとうこざいましたたm(__)m
556:Name_Not_Found
12/02/17 18:30:01.86
function f1(){ f2(); }
function f2(){ /* 何か動作 */ }
の場合、f2からf1の名前を取得することは可能でしょうか。
557:Name_Not_Found
12/02/17 19:17:04.64 8ZAvZU9s
URLﾘﾝｸ(webhosting.example.com)
URLﾘﾝｸ(webhosting.example.com)
page1.htmlとpage2.htmlとでデータを共有して、さらに変更があればすぐに通知させたいのですが
どうすればいいですか？
変更を教えてくれるイベントのあるWeb Storageを使えばいいのかなと思ったのですが
Cookieとは違ってパスの範囲を指定できないみたいで、
上記のような他のサーバ利用者とドメイン部分が同じになるレンタルサーバの場合は
キーがバッティングして書き換えられたり読まれたりして安全じゃないらしくて。
postMessageが使えるかなとも思ったのですがこれは相手のwindowオブジェクトが必要らしくて
page1.htmlとpage2.htmlはお互いにframe内だとかwindow.open()で開かれたとかではないので無理みたいで。
IEでは動かなくても構いません。サーバサイドを使わずにやりたいです。
558:Name_Not_Found
12/02/17 19:31:48.56
>>556
arguments.caller
>>557
Cookieを定期的に監視すりゃあいいだろ
559:Name_Not_Found
12/02/17 19:53:23.85
サイトの中に時計を埋め込みたいと思ってます。
firefoxとgoogleでは正常に時計が動くのですがＩＥでは最初読み込んだ時間から時間が動かずうまくいきません。
教えていただけると助かります。
-------------
index.phpの<head>内が
<script language="JavaScript">
$(document).ready(function(){
function displayTweet()
{
$("#testdisplay").load("getDate.php").fadeIn(2000);
}
$.get("getDate.php",{},displayTweet);
function autoRefresh(interval){
autoloader = setInterval(displayTweet,interval);
}
autoRefresh(1000);
});
</script>
となっております。
560:557
12/02/17 19:58:17.87
>>558
どうもありがとう
結局昔ながらのCookieの定期監視になってしまうんですね。
561:Name_Not_Found
12/02/17 20:27:36.62
>>557
SharedWorker
562:Name_Not_Found
12/02/17 20:29:25.78
rの値が返ってこないんだけどどうしたらsuccessしたときのdataの値をreturnできますか？
教えてくださいエロい人
r = aaa();
console.log(r);
function aaa(){
$.ajax({
url:"hogehoge.php",
dataType:"jsonp",
success:function(data,status,xhr){
return data;
}
})
}
563:Name_Not_Found
12/02/17 21:04:51.71 RcYC+bbU
>>562
successの関数内でconsole.log
564:Name_Not_Found
12/02/17 21:07:59.11
>>563
レスありがとう
でもreturnでdataの値を取り出したいのね
565:Name_Not_Found
12/02/17 21:13:12.14
非同期関数完了後実行ってなんて言うんだっけ？hoge().huga().hage()みたいな書き方でいいんだっけ？
566:Name_Not_Found
12/02/17 21:21:06.92 RcYC+bbU
>>564
returnがなんなのかよく考えれ
567:Name_Not_Found
12/02/17 21:24:17.22
>>565
deferredの事?
まぁjQueryっぽいしdeferredでやるのが順当だろうなぁ
568:Name_Not_Found
12/02/17 21:50:38.54
質問させていただきたいです。htmlに記述するスクリプトで
<!--
function chgColor()
{
if(document.getElementById)
{
document.getElementById("box").style.color = "#575757";
}
}
// -->
として、"box"が複数あり、
<div id = "box">
<form><input type="button" value="1" onclick="chgColor()"></form>
<p>AAAAAAAA</p>
</div>
<div id = "box">
<form><input type="button" value="2" onclick="chgColor()"></form>
<p>BBBBBBBBB</p>
</div>
・
・
文字色は同じなのですが、1をクリックした時はAAAAの文字色を変更、
2をクリックした時はBBBの文字色を変更するやり方がわかりません。
引数を渡してやればいいのだと思いますが、どうやって渡してやればよいのでしょうか。
初歩的な質問で申し訳ありません。
569:Name_Not_Found
12/02/17 22:04:52.27
>・スクリプトを組むための最低限のHTML・CSSを理解する者
ってフレーズもなくなったのね
今更気付いたけど
570:Name_Not_Found
12/02/17 22:27:05.32 RcYC+bbU
>>568
同じIDは二個あっちゃ駄目だよ
571:Name_Not_Found
12/02/17 22:32:55.62
>>570
そうなんですね・・・すいませんでした。基礎からやり直します
572:Name_Not_Found
12/02/17 22:46:28.30
>>561
IEはいいとして、Firefoxも対応してた？Shered
573:Name_Not_Found
12/02/17 23:01:52.30
>>567
ありがとう。それだった。けどjQueryだったのか。
574:Name_Not_Found
12/02/18 02:58:45.96 POt9ATxZ
【環境】OS:windows7 professional ブラウザ:Firefox11.0/IE8.0.7610.17514/Google Chrome17.0.963.56m
【期待する結果】どのブラウザでもiframe内のHTMLにあるタグの内容を読み取りたい。
【サンプルコード】
[a.html]
<html><head>
<!-- saved from url=(0013)about:internet -->
<meta heep-equiv="Content-Script-Type" content="text/javascript">
</head><body>
<iframe id="a" src="b.html"></iframe>
<script src="c.js"></script>
</body></html>
[b.html]
<body><p id="p">hoge</p></body>
[c.js]
(function(){
document.getElementById("a").onload = function(){
alert(document.getElementById("a").contentWindow.document);
alert(document.getElementById("a").contentWindow.document.getElementById("p"));
alert(document.getElementById("a").contentWindow.document.getElementById("p").innerHTML);
};
})();
[結果]
Firefox:[object HTMLDocument]→[object HTMLParagraphElement]→hoge
IE:[object]→null
GoogleChrome:undefined
と表示されました。
IEでiframe内の要素の内容を取るにはどうすれば良いのでしょうか？
また、GoogleChromeでiframeのdocumentを取得するにはどうすれば良いのでしょうか？
これらのブラウザ共通でうまくいく書き方はありますか？
575:Name_Not_Found
12/02/18 03:54:36.15
ラジオボタンの現在選択中の値はどのように取れば良いのでしょうか。
以前はrefType.selectedIndexで選択中のラジオボタンの番号が取れたのですが
html5的にgetElement～やquerySelector～を使う場合がわかりません。
ループで回してseleted=trueの時の値を調べる方法も思いつきましたが、ループ無しで取る事は出来ますでしょうか
<input type="radio" name="refType" value="1" checked>スルー</label>
<input type="radio" name="refType" value="2" >スルー</label>
<input type="radio" name="refType" value="3" >スルー</label>
<input type="radio" name="refType" value="4" >スルー</label>
576:Name_Not_Found
12/02/18 04:02:25.72
グローバルに変数を用意
その変数を変えるfunctionを用意
radioのイベントから変数を変えるfunctionを呼ぶ
その際引数をvalueと同じにする
値を調べる時はその変数を見る
577:Name_Not_Found
12/02/18 05:30:51.78
>>574
URIがhttpで始まらない場所でやってんじゃね？
>>575
HTML5の仕様上は ～.refType.value で値を取れるけど、まだ対応してるブラウザが無い
querySelector使うなら、querySelector('[name="refType"]:checked');
578:Name_Not_Found
12/02/18 08:54:11.13
>>577
横から失礼します。
> HTML5の仕様上は ～.refType.value で値を取れるけど、まだ対応してるブラウザが無い
探し方が悪いのかもしれませんが見つからなかったので、URLと該当記述箇所を教えてもらえないでしょうか？
URLﾘﾝｸ(www.whatwg.org)(type=radio)
579:Name_Not_Found
12/02/18 09:01:45.15
>>578
URLﾘﾝｸ(www.w3.org)
580:578
12/02/18 09:08:55.78 uPaqR4NQ
>>579
document.forms[0].elements['refType'] まではわかります。
document.forms[0].elements['refType'].value でチェックされた input[type=radio] のvalue値を取得できるといわれている部分を知りたいのですが、そのURLに書かれているでしょうか？
581:Name_Not_Found
12/02/18 09:53:57.59
>>580
URLﾘﾝｸ(www.w3.org)
これじゃない? RdioNodeList::value
582:578
12/02/18 10:39:09.58 uPaqR4NQ
>>581
radioNodeList.value ですね。ありがとうございました。
583:582
12/02/18 10:42:27.62 uPaqR4NQ
あ、>>582は>>581に対する訂正の意味ではなく、説明のあった箇所をコピペしました。
もし、誤解させたようでしたら失礼しました…。
584:Name_Not_Found
12/02/18 11:08:41.08
removeChildについて質問です
delTargetが消したいノードで、その場合
delTarget.parentNode.removeChild(delTarget);でdelTargetが消えますよね。
「delTarget.parentNode」の意味がよくわかりません。
最初はdocumentでもいいのかと思ったらそうでもありませんし
何故、function removeChild(delTarget){delTarget.parentNode.removeChild(delTarget);};ではなく
delTargetとdelTarget.parentNodeを指定させるのでしょうか？
「delTarget.parentNode」以外の場合というのはあるのでしょうか
585:Name_Not_Found
12/02/18 11:27:22.68
>>584
英語を読めばわかると思いますが、removeChild は子要素を削除するメソッドですので親要素から指定しなければなりません。
URLﾘﾝｸ(www.y-adagio.com)
586:Name_Not_Found
12/02/18 12:41:22.57
一時期勢いが５００超えたスレってここでしたっけ？
587:Name_Not_Found
12/02/18 12:59:29.36
JPRS て汎用ドメインも扱い始めて単価
588:Name_Not_Found
12/02/18 13:01:59.88
間違えた、汎用でなく gTLD
589:Name_Not_Found
12/02/18 13:25:44.07
>>577
おっしゃるとおり、ローカルでやってました。ネットにアップして試したところ、IEではうまくいきましたが、googlechromeでは変化なしでした。
IEではローカルではできないのでしょうか？ また、googlechromeのほうの原因は何でしょうか？
590:Name_Not_Found
12/02/18 13:50:28.25
--allow-access-localfiles
591:Name_Not_Found
12/02/18 16:25:00.09 YYMLKKml
prototype.jsって最近使われませんか？
サーバー側言語のフレームワークなんかが次々jQueryになってったりして
話題にならなくなった印象あるのと、DLしてみたら最新版が一昨年の暮れでした。
今、機会があって使ってるのですが、jQuery等よく話題になるライブラリと
やや趣きが違う感じだし(既存オブジェクトの拡張が主眼？)
トレンドというか流れを知っておきたいと思ってるんですが・・
592:Name_Not_Found
12/02/18 16:35:33.20
残念ながらjQueryに完敗しました
jQueryがいかに糞文法でイライラする書き方であっても
我慢して対応しないといけないほどに流行ってます
593:Name_Not_Found
12/02/18 17:05:26.62
CSSみたいでいいじゃない
594:Name_Not_Found
12/02/18 17:06:35.84 q23q+6zY
まとめサイトとかにあるRT数を画像と一緒に表示させるScriptはどうやって作るのですか？
例：URLﾘﾝｸ(49.212.122.75)
URLﾘﾝｸ(59.106.181.147)
URLﾘﾝｸ(blacknews.sakura.ne.jp)
595:Name_Not_Found
12/02/18 17:36:40.68
>>594
あのさぁ…
どうやって作るのか、それは正に自分で考えなくちゃいけない事だから
ただ構文覚えるだけならサルでもできる
それをどう使って実現させたい物を作るのかが何より大切なわけよ
それが分かったらそんな質問しようと思わないはずだよ
まずは基礎を身につける、それでもわかんなけりゃあ自分のIQが低いって事で諦めるしかない
596:Name_Not_Found
12/02/18 19:12:56.41
横からすいません。
僕はjQueryしか使ったことないので技術的なことはほとんどわからないのですが、
URLﾘﾝｸ(www.scoop.it)
ここみたいな記事の表示方法ってどうやったらできますか？
このサイトのデザインがすごく好きでマネしてみたいです。
板違いだったらすいません。
597:Name_Not_Found
12/02/18 19:31:21.31 Av1s0hHS
そんな話なのか？
>>594
TwitterがAPI用意していろいろ返してくれるから
それをJSで受け取って、文字列にして、表示したい要素に入れて
ドキュメントに貼りつければいいよ
598:Name_Not_Found
12/02/18 19:41:36.48 Av1s0hHS
>>596
とりあえずサインアップしてみたけど
どのへんのことを言っているのかよくわからなかった
何を真似したいの？
599:Name_Not_Found
12/02/18 20:04:38.13
【jQuery】JavaScript ライブラリ総合質問所 vol.1
ｽﾚﾘﾝｸ(hp板)
600:Name_Not_Found
12/02/18 20:13:50.98
>>598
トップページです。
調べてみたらjQuery Variable Grid Layout Pluginとかいうので実現できそうです。
>>599
ありがとうございます。
スレ汚し失礼しました
601:Name_Not_Found
12/02/18 20:32:32.76
ある小さい４つの画像の上にマウスを載せると、その左の大きな画像が切り替わるっという仕組みを作りたいのですが
IEやfirefoxでは成功するのに、googleでは成功しません。
どうしたらいいでしょうか？
ソースは下となります。
なお関係ないと思いますが、このソースは自分で作ったものではなく、このようなソースを打ち出すようにmovabletypeを設定して作られたソースです。
～
<ul id="topic_m">
<li id="p1">
<a href="./profile/" title="○○">
<img src="http://○○.jpg" alt="○○" width="300" height="80" border="0" id="topic1"
onmouseover="topic.src='http://○○.jpg';topic1.src='http:○○.jpg'"
onmouseout="topic.src='http:○○.jpg';topic1.src='http:○○.jpg'" />
</a></li>
～
602:Name_Not_Found
12/02/18 21:10:35.75
文字コードの質問
javascriptが書かれたhtmlや～.jsは文字コードは何がいいのでしょうか？
また、utf8はphpスレで、bomなしを使うのが一般的と言ってましたが、
javascriptではどうなのでしょうか？
603:Name_Not_Found
12/02/18 22:37:13.40
PHPはhtmlやjsに埋め込んだりするだろ？
604:Name_Not_Found
12/02/18 22:38:12.41
文字コードの混在は脆弱性と文字化けと予期しないバグの元だからUTF-8以外使わない
605:Name_Not_Found
12/02/18 22:39:17.87
>>601
ソース貼れ
606:Name_Not_Found
12/02/19 00:15:38.44
bomって鯖次第なんじゃないの？
607:Name_Not_Found
12/02/19 00:23:16.83
>>594
ステマうぜえ
608:Name_Not_Found
12/02/19 01:42:01.64
>>606
ファイル次第
609:Name_Not_Found
12/02/19 01:47:26.66
文字コードはFTP”クライアント”の設定による
610:Name_Not_Found
12/02/19 01:52:55.80
FTPクライアントでファイル書き替えるなよ
611:Name_Not_Found
12/02/19 08:42:25.44 NxsWVkoj
JavaScriptめっちゃ極めたら生きていけますか？
特にHTML5とnode.jsとか。
ちなみにCSS３もある程度いじれる前提。
あとTitanium, Unityも。
612:Name_Not_Found
12/02/19 08:47:29.26
1年は生きていけるんじゃね
毎年流れが変わるのがこの世界
613:Name_Not_Found
12/02/19 11:47:32.33
jqueryのbackstretchを読み込ませて背景画像をウィンドウサイズに合わせて最大表示させたいと思っています。
firefox、chromeのそれぞれ最新版ではきちんと表示されたのですがIE9だと正規の表示ができません。
画像は表示されるのですが、最大化されずbackgroundから浮いた状態で表示されてしまいます。
ローカル環境のみで使用する予定です。
私のコードが悪いのか、そもそもこのjsがIEに対応していないのでしょうか？
html内のコードは以下のものです
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.backstretch.js"></script>
</head>
<body>
<script type="text/javascript" >
$.backstretch("3.png");
</script>
</body>
614:Name_Not_Found
12/02/19 12:04:49.05
基礎を勉強しませう
615:Name_Not_Found
12/02/19 13:51:16.32
リンクの際に動きのあるページが作りたいと思っています。
通常クリックした際に何かを反応させるためには
<a>の中にonclickなどを入れなくてはならないと思っていたのですが
URLﾘﾝｸ(www.wyz-design.com)
こちらのサイト様では通常のリンクの記述しかしていないようです。
htmlとしてもすっきりしているので出来たら参考にしたいのですが、
ソースを見ながら作ってみてもただのリンクにしかなりません。(windows7 64bit firefox10.0.1)
どのような仕組みになっているのかご教授願います
616:Name_Not_Found
12/02/19 14:00:34.66
>>611
node.jsでライブチャット作れれば評価してやるよ
617:Name_Not_Found
12/02/19 14:01:40.76
target.onclick=function(){
処理
};
もしくは
IE以外
target.addEventListener("click", function(){
処理
}, false);
IE
target.attachEvent("onclick", function(){
処理
});
618:Name_Not_Found
12/02/19 14:08:06.19
>>615
普通にソースを見ても JavaScript で書かれた要素は出ないから。
619:Name_Not_Found
12/02/19 15:02:18.18
>>617
IE9でもattachEvent使うん？
620:Name_Not_Found
12/02/19 15:06:00.47
当たり前だろ。
Opera でも基本は attachEvent。
621:Name_Not_Found
12/02/19 15:25:24.90
>>620
attachEventを使う理由は？
622:Name_Not_Found
12/02/19 15:35:24.88
後方互換
623:Name_Not_Found
12/02/19 15:38:49.92
>>622
IE9でattachEnventを使う理由になってない
624:Name_Not_Found
12/02/19 15:43:57.47
そもそも>>919のツッコミがおかしいだろ
どのみち両方記述しないといけないのに
625:Name_Not_Found
12/02/19 15:44:12.36
>>619ね
626:Name_Not_Found
12/02/19 15:51:53.84
OperaでattachEventを使えてaddEventListenerを使えないバージョンがあるとしてバージョンいくつまででしょうか？
また、attachEventとaddEventListenerを使えるバージョンのOperaでattachEventを採用する理由はあるでしょうか？
627:619
12/02/19 15:57:05.03
>>624
どこがおかしい？
IE9はaddEventListenerを使うべきだと思うけど
628:Name_Not_Found
12/02/19 16:22:27.95
>>624-625
両方記述してもUA検出したり、attachEventを先に機能検出すればIE9でattachEventを使うことになる
629:Name_Not_Found
12/02/19 16:22:40.58
IE9になぜこだわる必要があるのかってこと
IE9で使おうが使うまいがattachEventを記述すべき話
630:Name_Not_Found
12/02/19 16:58:05.57
>>629
論点を理解してないでしょ？
両方記述する事を前提に問題になってる
631:Name_Not_Found
12/02/19 17:17:03.90
>>620と>>622は意味不明なので補足してください
632:Name_Not_Found
12/02/19 17:20:13.02
逆にattachEventを使わない理由は？
633:Name_Not_Found
12/02/19 17:41:27.75
>>631
IE9はそれまでのIEと標準準拠した全く違うものになっていて
過去のIE向けに開発されたサイトが動かないおそれがある
そのためにIE9には後方互換モードをつけている
この時使用される描画エンジンはIE9のものではないはずだ
となるとaddEventListenerは使えないかもしれない
かもしれないのは俺がXPユーザだからだ
あとはIE9持ってる人たちで確認してくれ
634:think49 ◆bKk/qcAKuM
12/02/19 18:00:36.87
>>632
- attachEvent は標準化されていません。
- attachEvent は useCapture を使えません。
- attachEvent は listener にオブジェクトを渡せません。(addEventListener は DOM 4 で渡せるようになりました)
- IE8 における attachEvent のイベントハンドラ関数実行順はランダムです。
- attachEvent は DHTML 時代の産物であり、DOM Level 2 Events と多くの点で挙動が異なります。例えば、IE8 の "submit" はイベントバブリングしません。
- Opera 11.01 の attachEvent は addEventListener のエイリアスであり、IE8 と実装が異なります。
Opera 11.01 では useCapture を使えますし、オブジェクトも渡せますし、イベントハンドラ関数の実行順も保証されます。
つまり、厳密には IE8 と Opera 11.01 で処理を分岐させる必要があります。
URLﾘﾝｸ(d.hatena.ne.jp)
IE9 では DOM L2 Events, DOM L3 Events が取り込まれています。
URLﾘﾝｸ(msdn.microsoft.com)
イベント周りの仕様は IE8 と異なるため、attachEvent を使用したとしても IE8 と IE9 で処理を分岐させる必要性はあるかもしれませんし、ないかもしれません。(後方互換性のために attachEvent だけ古い仕様にする可能性はあります)
IE9 の addEventListener と attachEvent でイベント周りの仕様差がどこまであるか、を逐一チェックする手間を考えると、addEventListener を使用する方が安全で無駄がないと思います。
>>633
"Feature detection" ならその手の問題は回避できるかと。
DOCTYPE宣言を JavaScript で読み取るのではなく、if (element.addEventListener) で。
後方互換モードにスイッチして attachEvent を使用するか、標準準拠モードで addEventListener を使用するか、ってところでしょうか。
後方互換モードにすると CSS 周りで大変なので個人的には標準準拠モードをお勧めしておきます。
635:Name_Not_Found
12/02/19 18:19:06.88
>>633
ｘｐからバージョンアップもできないWINDOWSＥＲはさっさと引退するかリナックスに乗り換えるかしてください
636:Name_Not_Found
12/02/19 18:21:33.76
実装主義と仕様主義の違いを垣間見た気がした。
・実装主義の人は古き実装と同じように書くことで後方互換性を保とうとする。仕様書は読まず、実際に動かした結果だけを信用する。
・仕様主義の人は仕様書を読んで仕様通りに書こうとする。次に実装の挙動を確かめてバグがあれば回避する。
どちらが現実的かはいうまでもない。
637:615
12/02/19 18:34:03.77
>>618
すみません。いままで自分が素人ながらやってきたものはソースに a href="javascript:void(0)" onclick="~~と書いてきていたのでわかりませんでした。
>>617
ありがとうございます。
先ほどのサイト様ではuserAgentを取得してる関数があったので、おそらく後者なのだとおもいます。clickやonclickを見つけることができなかったのですが、まとめて書けるとわかったのでもう少し調べてみます。ありがとうございました。
638:Name_Not_Found
12/02/19 18:36:38.02
RPGのマップチップみたいなのを配置するのって、１つ配置するたびに要素を生成していくのでしょうか？
たとえば縦横30マスのマップなら３０個の要素を作れって事ですか？
639:Name_Not_Found
12/02/19 18:47:22.08
>>637
該当ソースは URLﾘﾝｸ(www.wyz-design.com) です。
URLﾘﾝｸ(api.jquery.com) で定義しており、UA分岐処理はありません。
click の処理は URLﾘﾝｸ(code.jquery.com) にあります。
640:615=637
12/02/19 19:02:37.47
>>639
ありがとうございます！
うまく動かせるようがんばります！
641:Name_Not_Found
12/02/19 19:15:41.94
>>638
table要素を作ってもいいですし、canvasで描画してもいいと思います。
JavaScriptを利用するなら30個の要素生成はそれほど手間ではないと思いますが。
とりあえず、enchant.js のソースを参考にしてみてはどうですか？
URLﾘﾝｸ(enchantjs.com)
642:Name_Not_Found
12/02/19 20:15:46.90
>>635
いやいや
開発ってのは一昔前の環境でやるもんだよ
一昔前の環境で動けば最新の環境でも動く確率が高いけど
その逆はそうではないからね
643:Name_Not_Found
12/02/19 20:22:41.30
>>628
検出順番おかしいだろ。addEventListenerあればaddEventListener使えよ
あと判別にUA使うなよ
644:Name_Not_Found
12/02/19 20:33:53.82
>>643
addEventListenerを先に機能検出すべき、はその通りだ
問題は>>617の時点で質問者に>>628の誤解が発生しうる事
後から正論を付け足しても当時の質問者に伝わるはずがない
645:Name_Not_Found
12/02/19 20:36:28.85
いや、UAを判別に使ってほしい
タブレットでネットサーフィンしててよくスマートフォン向けの画面が出てきてうざいからUAを変えてるけど
たまにontouchstartがあるからスマートフォンだ！と決めつけてくるサイトがあって死ねって思う
646:Name_Not_Found
12/02/19 20:47:54.68
>>645
それは間違った機能検出の使い方だし、UA検出云々ではないと思うな
スマートフォンサイトに強制リダイレクトすることが問題の本質だろう
647:Name_Not_Found
12/02/19 20:56:09.45
UA文字列による判定は、TPOにあわせて使いわける・・・のがいいよね
基本的にはプロパティ判定を使うべき（というかその方が楽で無難）
ただし、
使いたい機能が、実装されているもののバグってる
→ プロパティ判定を応用したレンダリングエンジンの判定ができないか試す
→ できなければUA文字列使うしかない
みたいに「最後の手段」として捉えたほうがいいと思う
648:Name_Not_Found
12/02/19 20:56:10.41
>>646
Googleも問題に思ってるようでちゃんと見分ける方法を公開してたりする。
URLﾘﾝｸ(googlewebmastercentral-ja.blogspot.com)
スレチなんでこれ以上は触れない。
649:Name_Not_Found
12/02/19 21:04:03.41
>>648
目的によって最適解が異なるはず
画面サイズの違いなら "Media Queries" を使うべきだし、JavaScript なら解像度を検出すべきだろう
Android 固有の機能ならUA検出する意義はあるかもしれないが、出来る限り in 演算子や typeof 演算子でプロパティの有無をチェックすべきだと思う
(JavaScript に関する問題ならスレ違いではないと思うが…)
650:Name_Not_Found
12/02/19 21:10:19.29
if(confirm("モバイル向け表示に切り替えますか？")){
…………
}else{
…………
}
651:Name_Not_Found
12/02/19 21:11:52.54
またconfirm厨が出てきたか
652:Name_Not_Found
12/02/19 21:27:03.03
>>649
UAで分けるのが一番無難で問題がないと思うが。
JavaScriptの挙動で判別するのは判別が不完全だと最悪閲覧出来なくなってユーザーが唯一取れる手段であるUA偽装もつかえない
そしてブラウザのバージョンアップでjsの挙動が変われば当然動かなくなる、ユーザーは何もできない。
UAは”そのブラウザとみなして動かしてほしい”という意思表示
653:Name_Not_Found
12/02/19 21:40:55.70
んなことやってるからIE10問題が出て来るんだよ
654:Name_Not_Found
12/02/19 23:23:24.41
>>652
UA偽装しなければならない状況を説明してくれ
機能検出はある機能をユーザに提供するためにUAが使用できる機能を検出する為に使用する
>>617でいえばイベント定義するために addEventListener を使用できるかテストする
if (node.addEventListener) {
node.addEventListener('click', listener, false);
} else if (node.attachEvent) {
node.attachEvent('onclick', handler);
}
UA検出だろうが機能検出だろうが提供するものは同じはずだ
> そしてブラウザのバージョンアップでjsの挙動が変われば当然動かなくなる、ユーザーは何もできない。
そのための機能検出であるはずだ
UA検出は既知のUAに対してのみ有効な手法、制作者がテストしていないUAでの動作は保証されていない
機能検出ならその機能があることは保証されるのだから、正しく検出していれば問題は発生しない
655:Name_Not_Found
12/02/19 23:31:18.66 EkLtYt9V
URLﾘﾝｸ(jsbin.com)
html側のonclick属性よりもjavascript側のほうが先にイベントを受け取るにはどうすればいいですか？
html側は変更できません
656:Name_Not_Found
12/02/19 23:43:51.41 HSdXcdyQ
>>655
URLﾘﾝｸ(jsbin.com)
657:Name_Not_Found
12/02/19 23:45:30.77
>>656
どうもありがとう
658:Name_Not_Found
12/02/20 12:34:55.41
>>654
話題がずれてきてることに気付こうや
>>645から先は機能の話じゃないでしょ
だから>>648もスレチと言ってるんで
659:Name_Not_Found
12/02/20 12:52:09.67
×ずれてきてる
○発展してきてる
660:Name_Not_Found
12/02/20 14:37:40.00
わかったわかった
661:Name_Not_Found
12/02/20 14:45:54.02
で？ごめんなさいは？
662:Name_Not_Found
12/02/20 15:21:54.82
お前らは計画性がないから今のうちにテンプレ議論しとけや
663:Name_Not_Found
12/02/20 19:17:38.50
>>662
横から口出すだけでおまえは参加しないのか？
664:Name_Not_Found
12/02/20 19:34:24.20 LN5qUsn1
質問の方は「テンプレ議論」をNG登録してください
ってテンプレに入れて、テンプレ議論するときは
名前かメ欄か本文にテンプレ議論て書くのはどうだろう
665:Name_Not_Found
12/02/20 20:05:16.93
あほか
666:Name_Not_Found
12/02/20 20:52:58.87
>>544-551
ここらへんが一応議論する余地がある部分か
667:Name_Not_Found
12/02/20 20:55:12.93
微塵もねえ
668:Name_Not_Found
12/02/20 21:42:24.54
質問する奴はID出させろ
669:Name_Not_Found
12/02/20 21:47:31.85
PHPerは居ても荒れる原因になるだけだから巣に帰っとけよ
670:Name_Not_Found
12/02/20 21:55:24.07
【JavaScript】下らねぇ質問はID出して書きやがれ vol.98
671:Name_Not_Found
12/02/20 22:17:10.20
じゃあちょっと早めだけどテンプレ論議で。ID出せとか書くの？本当に？
672:Name_Not_Found
12/02/20 22:19:43.49
書かないよ
ID出さなくていいし
673:Name_Not_Found
12/02/20 22:22:41.22
IDはいらんがレス番くらいは欲しい
674:Name_Not_Found
12/02/20 23:09:51.58 rA4mSmUN
DOMContentLoadedのクロスブラウザ対応のライブラリやサンプルソースのあるサイトご存知の方いらしたら教えて頂けないでしょうか？
jQueryから切り出したはいいものの、これで大丈夫か確認したいのでお願いします。
675:Name_Not_Found
12/02/20 23:19:52.38
IDやレス番は結局何をしたいんだ？質問者の特定？質問者なりすましの防止？
IDは日付を跨いだら意味なし
レス番はいくらでも騙れる
質問者をどうしても特定したいならトリップしかないんじゃないの？
676:Name_Not_Found
12/02/20 23:43:06.28
別に特定しなくていいし
PHPスレのアレルギー体質を一部のやつが持ち込みたがってるだけ
677:Name_Not_Found
12/02/21 00:22:50.40
バッドノウハウの固まりであるjQueryが信用出来ないならやめとけ
678:Name_Not_Found
12/02/21 01:31:49.86
>>674
それ草案段階で捨てられたんじゃないっけ？
679:Name_Not_Found
12/02/21 02:46:43.58
これはちょっとjavascriptじゃなくてプログラミング的な質問かもしれないのですが
test['a'][0] = 123
test['a'][1] = 12
test['a'][2] = 311
test['b'][0] = 0
test['b'][1] = 1
test['b'][2] = 2
↓test['a']についてソート
test['a'][0] = 311
test['a'][1] = 123
test['a'][2] = 12
test['b'][0] = 2
test['b'][1] = 0
test['b'][2] = 1
で、test[a]についてソートしたとき、そのソート順に対してtest[b]も同じ順番にしたいのですがどうしたらいいのでしょうか？
680:Name_Not_Found
12/02/21 03:25:06.15
・aとbをペアにした配列の配列を作って
・a[0]とb[0]を比較する比較関数でソートしたあと
・それぞれの配列に書き戻す
681:Name_Not_Found
12/02/21 03:40:25.24
比較関数でちょっと考えれば出来そうな気がするけど
682:Name_Not_Found
12/02/21 03:41:35.62
◯ ああ、一応補足しておくと ◯
◯ 二行目のa[0]とb[0]は ◯
◯ 比較関数の変数名であって ◯
◯ testのハッシュ名のことじゃないからな ◯
683:Name_Not_Found
12/02/21 07:36:49.58
入力された文字列をinputやtextareaのvalueとして設定する場合
エスケープするべき（したほうがいい）文字はありますか？
684:Name_Not_Found
12/02/21 07:40:18.54
その入力された文字列の使い方による
685:Name_Not_Found
12/02/21 07:44:20.36
使い方というと？
submitしたりするわけではありません
ということでいいのでしょうか？見当違いでしたらすみません
686:Name_Not_Found
12/02/21 07:51:01.16
使い方によってエスケープするべき場合とそうでない場合があるようでしたら
例をいただけると嬉しいです
687:Name_Not_Found
12/02/21 07:58:23.54
エスケープって何？ 文字を除去するって意味で言ってる？
688:Name_Not_Found
12/02/21 08:03:10.22
文字列のエスケープ処理のことです
escape()というわけではありません
689:Name_Not_Found
12/02/21 08:05:44.44
JavaScriptならinnerHTMLとかでHTMLとして出さない限りエスケープは不要
今話題のPHPならmb_check_encodingした後htmlspecialchars、両方文字コードは絶対に指定すること
690:Name_Not_Found
12/02/21 08:10:22.72
なんでPHPの話してんだよ
691:Name_Not_Found
12/02/21 08:11:44.55
>>683
変数に設定するだけならない
692:Name_Not_Found
12/02/21 08:15:19.58
>>689>>691
innerHTMLやdocument.writeでHTMLとして書き出したりしなければ問題ないのですね
ありがとうございます
693:Name_Not_Found
12/02/21 08:41:12.69
いや、書き出す書き出さないに限らずエスケープした方がいいかは場合によるでしょ
eval使う場合もあるし、それらがむしろ好まれる場合もある
694:Name_Not_Found
12/02/21 08:43:52.11
おっとevalの話はそこまでだ
695:Name_Not_Found
12/02/21 08:53:34.60
nodeValueがさぁ…
696:Name_Not_Found
12/02/21 09:08:13.28
>>688>>693
なんのエスケープだよ
なんの話してんの？
JavaScript関係ないんじゃね？
697:Name_Not_Found
12/02/21 10:16:56.41
JSlint初めて使ってみた
unexpected spaceが大量に出た
俺が見やすいようにしてるんだからいいんだよ、うぜえなあこれオフにできないのかよ糞
698:Name_Not_Found
12/02/21 10:33:00.50
そんなの使ってるのは好奇心旺盛な厨房までだろ
コンソールのデバッガでいいじゃん
699:679
12/02/21 11:57:41.43
>>680-682
助言ありがとうございます！
700:Name_Not_Found
12/02/21 15:00:17.61
>>694
JSONがさあ・・・
701:Name_Not_Found
12/02/21 17:42:29.78
if(JSON && JSON.parse){
return JSON.parse(json);
} else {
while(1){
alert("(・∀・)ｶｴﾚ!!");
}
}
702:Name_Not_Found
12/02/21 19:01:40.00
JScriptで、「今シフトキーが押されているか」っていうのは
どう調べたらいいのでしょうか？
703:Name_Not_Found
12/02/21 19:32:33.78
このスレとうとう素のJSの質問より亜種の質問が多くなったな
まあ考えて見れば当たり前か
流行りのライブラリーを使ってる奴らは
技術も未熟なままいろんな事したがるし、
そうかと言って別にJSを究めたいと思ってるわけじゃないからな
まあ時代の流れか…
704:Name_Not_Found
12/02/21 19:51:19.67
onkeydown
705:Name_Not_Found
12/02/21 19:54:24.74
ブラウザで新窓を開く際に窓のサイズを「元に戻す（縮小）」で
開くよう指定する方法ってありますか？
サイズを指定するのではなくそれぞれの環境での縮小された状態で開くようにしたいです
検索しても上手く見つけられなかったので参考になるURLなどあれば
教えてくださると助かります
706:Name_Not_Found
12/02/21 21:08:02.47 tkMNdSxR
>>705
>それぞれの環境での縮小された状態
これがようわからんが
スクリーンの大きさに合わせたいのなら
window.screen.widthとheightで
707:Name_Not_Found
12/02/21 21:33:04.87
>>706
分かりにくくてすみませんでした
スクリプトでサイズを指定するのではなく
単純に最大化でも最小化でもなく縮小状態で新窓を出したいという意味でした
708:706
12/02/21 22:04:51.96
>>707
じゃあ、>>706でよろしいな
709:Name_Not_Found
12/02/21 22:05:34.90
>>707
<a href="uri" target="_blank">
710:Name_Not_Found
12/02/21 22:43:29.30
>>708
すみません>>706で大丈夫だったんですね
まだ上手く行かないのですが粘ってみます
>>709
すみませんそれだと親窓が最大化されていると新窓も最大化で出てきてしまうので
今回は使えませんでした
お二人ともどうもありがとうございました
711:Name_Not_Found
12/02/22 02:11:44.41
>>701
1行目
エラー: 'JSON' は定義されていません。
712:Name_Not_Found
12/02/22 03:04:49.61
>>711
JSON読み込んでおけば？
713:Name_Not_Found
12/02/22 03:16:01.19
>>712
それなら else が要らない
714:Name_Not_Found
12/02/22 04:50:42.17 QlWAPatD
質問しようと思って整理して書き込もうと思ったら自己解決した。ありがとう
715:Name_Not_Found
12/02/22 04:54:04.97
うるせえ、はげ。
716:Name_Not_Found
12/02/22 08:41:13.75
>>710
タブブラウザが普及した現在では、ウィンドウサイズを強制するのは無意味
717:Name_Not_Found
12/02/22 09:09:38.34
タブブラウザでもユーザーが設定してない限り
新しいタブで開かせるかウィンドウで開かせるか選べるよ
718:Name_Not_Found
12/02/22 09:37:14.46
自分はウィンドウサイズの変更なんて（設定で）許してないｗ
719:Name_Not_Found
12/02/22 09:41:05.57
どちらにしても迷惑スクリプト
720:Name_Not_Found
12/02/22 09:49:22.14
そうとは限らん
Googleのデモでウィンドウが走り回るのとかあったが面白いぞ
721:Name_Not_Found
12/02/22 10:39:46.44
そんなスクリプト面白いのは最初の一回だけで次からは殺意を覚える
722:Name_Not_Found
12/02/22 11:17:48.68
そんなの場合によるって
それこそevalとかと同じ
元々そんなに強く反対意見持ってた訳でもないのに
意見自分と違う意見が出たからといってキレなくていいよ
そういうのを必死って言って荒れる元、格好悪い事だって気が付かなきゃ
723:Name_Not_Found
12/02/22 11:21:54.50
Canvasに描いた絵の何か書いてある部分にマウスが乗ったときだけアクション起こしたいんだけどどうしたらいいかな？
724:Name_Not_Found
12/02/22 11:28:41.22 PCyp5quO
>>723
マウスの座標で
725:Name_Not_Found
12/02/22 12:26:09.29
座標でどうしたら描いてある部分だってわかるかな？
そういえばCanvasってAAかけるために実際は表示より0.5ズレてるんだよね？
その辺りもどうしたらいいかな？
726:Name_Not_Found
12/02/22 12:47:09.37
何その教えて君。Canvas APIを見て少しは自分で考えなよ。
727:Name_Not_Found
12/02/22 13:13:29.10
Canvasで1pxの線を引くとなんだかどー見ても1pxじゃないんだよなぁ
728:Name_Not_Found
12/02/22 13:15:18.11
>>725
アンチエイリアスまったく関係ねぇよ
原点がピクセルの左上か、ピクセルの中心か、考えろ
729:Name_Not_Found
12/02/22 13:52:36.98 PCyp5quO
>>725
>座標でどうしたら描いてある部分だってわかるかな？
そりゃ自分で描いてるんだから
描いた時に描いた位置と範囲は覚えておきなさいな
730:Name_Not_Found
12/02/22 15:09:22.20
>>728,729
ピクセルの中心が描画の左端だから例えば1dotの垂線引いても2pxになるって事だよね？
曲線とか斜線だと複雑になると思うんだけどどう記録したらいいんだろう？
あと毎回配列に記録するって事だと思うけどかなり重たくなるからできれば避けたいんだけど
任意の座標が塗り潰された事あるかどうか調べる方法ないかな？
731:Name_Not_Found
12/02/22 15:28:07.34 PCyp5quO
>>730
>曲線とか斜線だと複雑になると思うんだけどどう記録したらいいんだろう？
そこで中学と高校で習った数学の出番ですよ
732:Name_Not_Found
12/02/22 15:30:14.16
pixelの色で判断する。
733:Name_Not_Found
12/02/22 16:11:09.40
>>731
そんなことしてたらパフォーマンスが落ちるしベジェ曲線とかいろいろ無理っぽい
お願いだから現実的な策を教えて
>>732
それも考えたんだけどそこが絵の一部なのか、つまり塗り潰された事があるのかを調べる事にはならなさそう
最終的にそれしかなかったら妥協してそれを使うつもりだけど
734:Name_Not_Found
12/02/22 16:43:09.96
そんな都合いいものはあるわけない。自分でCanvasと同じサイズの
True/Falseの配列を用意して、塗ったのと同じ位置をTrueにしていき、
判定時にはそれを参照するんだろうね。ベジエとか自分で塗れないもの
は描く時も使わないようにする(もっともベジエ曲線のアルゴリズムも
勉強すれば分かると思うけどね)。
735:Name_Not_Found
12/02/22 16:51:25.10
それはもちろん内部的に同じ事してるわけだから不可能じゃないけど
fill図形もある中それするのは現実的じゃないと思う
736:Name_Not_Found
12/02/22 16:53:15.74
SVGで透明な同じ図形描いて上に重ねておく
737:Name_Not_Found
12/02/22 17:04:30.37
>>736
ちょっとそれでやってみる
サンクス
738:Name_Not_Found
12/02/22 17:12:49.40
ピクセル調べるのが一番現実的だろ
最初にclearRectしておけば透明(RGBA=0,0,0,0)になるんだから、描いた部分との比較は簡単だろ
739:Name_Not_Found
12/02/22 17:19:59.08
>>738
だいたいはそれでいいんだけど淵や中身が白い図形を描く事もあるから
740:Name_Not_Found
12/02/22 17:29:08.67
え、isPointInPath()じゃだめなん？
741:Name_Not_Found
12/02/22 17:37:45.61
>>739
わざわざRGBAと書いた意味分かってないな
742:Name_Not_Found
12/02/22 17:45:20.58
よくわからん
背景と同じ色を使わなかったら判別できるって事だと思うけど
背景が透明黒とは限らないし、画像かもしれない
743:Name_Not_Found
12/02/22 18:06:26.73
canvasの話しの続きはこっちでどうぞ
Canvasについて語ろう
ｽﾚﾘﾝｸ(hp板)
744:Name_Not_Found
12/02/22 18:52:25.00
このスレでいいよ
745:Name_Not_Found
12/02/22 19:19:26.88
こうする事に決めた↓
基本はドッドだけどそれが使えない場合（背景が画像等）は
fillは透明SVGを重ねてイベントリスナー､
nofillは多角形等基本は線分に分解してSVGにする
それが使えない場合（ドッドパターンの貼付等？）は最後の手段として描画位置を割り出して配列に保存する
これがベストっぽい
やっぱり三人寄れば文殊の知恵だね
みんなどうもありがとう
746:Name_Not_Found
12/02/22 19:37:29.09 PCyp5quO
そもそもSVGでアニメするのは駄目なん
747:Name_Not_Found
12/02/22 19:56:03.77
>>742
アルファを見ろと言ってるんだよ
白色だろうが描画した時点でA != 0になる
748:Name_Not_Found
12/02/22 20:24:30.10
C言語やphpのincludeの相当するのがJSでは
<script type="text/javascript" src="～.js" charset="UTF-8">
</script>
なのでしょうか？
749:Name_Not_Found
12/02/22 20:28:20.64
text/javascriptは廃止されました
750:Name_Not_Found
12/02/22 20:28:25.33 PCyp5quO
はい
751:Name_Not_Found
12/02/22 20:29:17.06
え、うそん！
俺いっつも
<script type="text/javascript">
funciton(){}
</script>
ってやってるんだけど
752:Name_Not_Found
12/02/22 20:33:59.49
なんで廃止されてんのにデフォルト値になってんのかね
HTML5のバグ？
753:Name_Not_Found
12/02/22 20:34:49.54
英語サイトに結構いいJSの解説とかサンプルプログラムあるが、
なんか日本語だと、超初心者向けしかないからな。
英語の勉強にもなるしな。
754:Name_Not_Found
12/02/22 20:35:57.51
その2006年のRFC（RFC 4329）は、いつ実効性を持つんだろうねえ。
誰も何も気にしてないみたいだし。
755:Name_Not_Found
12/02/22 20:39:02.87
text/*は人が読むためのテキストを示してて、プログラムが解釈するものはapplication/*が用意されてるからapplication/javascriptだよねうんぬん
756:Name_Not_Found
12/02/22 20:49:27.13
そうなんだけど、その話題が出るのって単にケチつけたいとか蘊蓄たれたいとかいう奴が
突っ込む時だけなんじゃないだろうか。
757:Name_Not_Found
12/02/22 21:21:09.71 LNztJBjf
嘘言え～wwwwwwwwwwwwwwwwwwwwwwwwwwwww
聞いたことないわwww
758:Name_Not_Found
12/02/22 21:27:46.34
>>748の
> <script type="text/javascript" src="～.js" charset="UTF-8">
> </script>
はJSじゃなくてHTML。JSには#includeの相当するものはないよ。
759:Name_Not_Found
12/02/22 21:54:46.32
一応テクニックとしてはcreateElement('script')をdocument.body.appendChildして
オブジェクトを拡張する手もあるけどな。JSの仕様ではないけど#includeには近い
そして同様の手法で有名なのがJSONP