のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,476,847人
昨日:no data人
今日:
最近の注目
人気の最安値情報

私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

元スレ+ JavaScript の質問用スレッド vol.105 +

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
レスフィルター : (試験中)
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
601 : Name_Not - 2013/03/24(日) 22:08:40.68 ID:??? (-2,-30,-32)
んじゃさ、phpでjavascriptを記述すればいいじゃん
echo "<script>$(function set(){クッキーセット}</script>";
602 : Name_Not - 2013/03/25(月) 17:21:37.16 ID:??? (+3,-30,-89)
メルアドをアカウント部分とドメイン部分にわけるphp

これJQueryでやろうとすると
どうかきますか?

list($em_alias, $em_domain) = explode('@', $em_email, 2);
603 : Name_Not - 2013/03/25(月) 19:51:21.10 ID:??? (+3,-24,-34)
ローカル部に@が登場することもあるから、単純に@で分割代入しない方が良いのでは
604 : Name_Not - 2013/03/25(月) 20:01:04.23 ID:??? (+3,-30,-188)
まあそこまで厳密じゃなくてもいいんじゃないか?

分割代入が有効なブラウザなら
var [ alias, domain ] = email.split("@");

その他のブラウザは
var alias, domain;
email = email.split("@");
alias = email[0];
domain = email[1];
605 : Name_Not - 2013/03/25(月) 21:02:05.26 ID:??? (+56,+28,+0)
なるほどです
ありがとうございました
606 : 名無し - 2013/03/26(火) 20:16:45.04 ID:??? (+23,+0,+0)
(・∀・) アッタマイーナー
607 : Name_Not - 2013/03/29(金) 23:19:00.80 ID:??? (+58,-26,-88)
単純に、ページ内の任意のリンクタグをクリックしたときにjsを実行したいです。
調べた所、2つの方法が出てきました。

1.ウィンドウ内でクリックイベントが起こった時、対象の要素がaタグか否かを調べる
2.ウィンドウロード完了後、ページ内のaタグ全てにオンクリックイベントを仕込む。

1.はクリックが起こると毎回実行されてしまい、2.は完全に無駄があります。
もっとスマートにaタグのクリックのみを検出する方法はありますか?
608 : Name_Not - 2013/03/29(金) 23:28:22.00 ID:??? (+99,+29,-42)
>>607
> クリックが起こると毎回実行されてしまい
の意味がわからないんだが、1回しか実行されたくないなら
最初に実行された時にリスナーを解除すればいいんじゃないの?
609 : Name_Not - 2013/03/29(金) 23:57:15.06 ID:TWvO0hFA (+67,+29,-5)
>>607
>2.は完全に無駄があります

どのような?
610 : Name_Not - 2013/03/30(土) 00:24:11.64 ID:??? (+31,-30,-22)
$("a").click(function(){
});

これじゃダメなの?
611 : Name_Not - 2013/03/30(土) 00:38:16.63 ID:??? (-1,-29,-52)
delegateかbindかみたいな話なら1で良いと思う
"毎回実行"する点はmousemoveほどの頻度だと気になるけど、clickなら気にする必要はないと思う
612 : Name_Not - 2013/03/30(土) 00:45:01.81 ID:??? (+76,+29,-47)
>>608
関係ないクリックが生じた際にも、「リンクタグか否か?」の判別が実行されますよね?

>>609
もしもページ内に500個のリンクが存在すれば、それら全てにリスナーを追加する必要があり、無駄ではないですか?
613 : Name_Not - 2013/03/30(土) 00:47:09.24 ID:??? (+98,+29,-22)
連投失礼。

>>610
まさにこれです。ありがとうございます。

jQueryなので内部的に1.と2.より処理が少ないのかは分かりませんが...
614 : Name_Not - 2013/03/30(土) 16:08:52.66 ID:zLQI+QYF (+31,+0,-58)
ものすごい初歩的な質問というか確認で恐縮なのですが…、
ページによって使うjavascriptが違っても、headタグ内のjavascriptの記述は
全ページ共通(つまり使うjavascriptすべて)にしないといけない、ということで間違いないでしょうか…?
615 : Name_Not - 2013/03/30(土) 16:18:07.52 ID:??? (+70,+29,-79)
>>613
1の場合は、documentにイベントを追加して、イベントが発生した時に対象かどうか確認するだけなので軽い
2はすべてのa要素についてループしてイベントを追加するから遅い

jQueryはループを隠蔽するので、実は内部処理で膨大な量ループしてたなんてことが起こるから、
きちんと内部の動きを理解して使わないと非効率的なコードになるよ

>>614
いまいち言いたいことが分からんのだが、もう少し具体的に頼む
616 : Name_Not - 2013/03/30(土) 16:29:30.52 ID:??? (+103,+29,-45)
>>614です。
わかりづらくてごめんなさい。
つまり、たとえばライトボックスを使いたいページと使わないページがあるとして、
使わないページのheadタグ内にも、ライトボックス用のjavascriptの記述が必要なのかどうか、
ということです。
こういうのは外部ファイルで読み込むべきということでしょうか…?
617 : Name_Not - 2013/03/30(土) 16:32:23.27 ID:??? (+52,+29,-2)
むしろ必要だと思う理由が分からない
618 : Name_Not - 2013/03/30(土) 16:48:48.49 ID:??? (+110,+29,-89)
>>616
使わないなら書かなければいいのでは?

ただ、複数のHTML全てに全く同じ内容のJavaScriptをコピペするのは保守の観点からやめたほうがいい
もし一箇所にバグがあることが判明したらすべてのHTMLファイルを修正しないといけなくなるから。
そのためにJavaScriptの管理を一元化するのが、外部ファイル化。
619 : Name_Not - 2013/03/30(土) 17:02:49.00 ID:??? (+72,+29,-7)
>>618
確かにおっしゃる通りです…。
勉強になりました。
どうもありがとうございました。
620 : Name_Not - 2013/03/30(土) 17:54:16.40 ID:??? (+3,-30,-161)
Gmailで件名が「Re:」のみになる場合に空欄にしようと,
全くの初心者ながら勉強を始めました。

イベントそのものが発生しないようでいきなりつまずいています。
よろしくご教示ください。

(function(){
document.addEventListener('blur', sweepRe, true);
function sweepRe(event){
var inputs = document.getElementsByTagName('input');
for(var i=0, len=inputs.length; i<len; i++) {
if ('subject' == inputs[i].name){
inputs[i].value = inputs[i].value.replace(まだよく分からない);
}
}
}
}
622 : Name_Not - 2013/03/30(土) 22:18:53.09 ID:??? (+30,-30,-148)
>>621
どちらでもいいと思う。

昔はアンダーバーが入ってると認識してくれないブラウザがあるということで
ハイフン区切りが推奨されていたけど、もうそんな古いブラウザを使っている人はいないだろう

参考:http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/selector.html#id_class-selectors

むしろアンダーバーのほうがいいのではないか?という意見もあるので、
単語の区切り方を統一して見やすくする、それにたまたまハイフン区切りが選ばれた
というのが真相な気がする。

CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest log
http://uupaa.hatenablog.com/entry/2012/01/22/013509
623 : Name_Not - 2013/03/31(日) 02:30:27.52 ID:??? (-10,-29,-34)
>>621
単にプロパティがハイフン区切りなんだからってことだと思った
-moz-border-radius
624 : Name_Not - 2013/03/31(日) 04:57:11.67 ID:??? (+67,+29,-34)
>>622
参考になるページまで貼っていただきありがとうございます。

なるほど、ネスケがCSSでアンダーバーが使えなかったのですね
IE6ですらサポートに捨てる時代、このルールに縛られる必要はなさそうですね。
625 : Name_Not - 2013/03/31(日) 05:21:00.28 ID:??? (-1,-29,-48)
とは言ったものの、
jQueryUI実装時に付けられるclass名などはハイフン区切りだった。
統一性を考えると悩んでしまいますね。
626 : Name_Not - 2013/03/31(日) 10:44:51.76 ID:??? (-2,-30,-46)
idはURLにも登場するからハイフン
idとの統一でclassもハイフンなのでは
627 : Name_Not - 2013/03/31(日) 11:53:33.56 ID:??? (+64,+29,-16)
引数にアンダーバー使えないんすか
知らんかった
628 : Name_Not - 2013/03/31(日) 13:23:18.41 ID:??? (+0,-28,-48)
HTMLからリンクとリンク名を抽出するメソッドのサンプルはないでしょうか
URLを入力するとリンク一覧を出力してくれるようなのだとすごく助かります
629 : Name_Not - 2013/03/31(日) 13:56:36.35 ID:??? (+11,-30,-103)
>>627
URIの仕様ではアンダーバーも何の問題もなく使える
でも、Googleが単語区切りとして認識してくれない(ハイフンは認識してくれる)ので、
SEO的にはハイフンのほうがいいよ、ということらしい。

RFC 3986 - Uniform Resource Identifier (URI): Generic Syntax
http://tools.ietf.org/html/rfc3986#section-2.3

Google と相性の良い URL の作成 - ウェブマスター ツール ヘルプ
http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=76329
630 : Name_Not - 2013/03/31(日) 16:02:09.84 ID:??? (+52,+29,-4)
横からだけど知らなかった
へーへーへー
631 : Name_Not - 2013/03/31(日) 16:30:10.10 ID:??? (+57,+29,-58)
ドメイン名にアンダースコア使えないから、ドメイン名以外の部分でアンダースコア使うと紛らわしいからって感じで
ドメイン名にアンダースコア使っちゃう人が出てこないようにって感じで
632 : Name_Not - 2013/04/01(月) 08:37:45.67 ID:??? (+9,-29,-104)
質問させて下さい
canvasを使ってペイントソフト風のコンテンツを作ります
そこに拡大ツール(Photoshop等の虫眼鏡ツール)を設けたいのですが、どうすればいいでしょうか
オブジェクト毎ではなく、canvas枠内全域の拡大表示です
試行錯誤してますが、上手くいきません
宜しくお願いします
633 : Name_Not - 2013/04/01(月) 09:20:07.14 ID:Za2zKUo6 (+28,+29,-16)
全ての座標をn倍して、視点の座標をズラすのではいかんの?
634 : Name_Not - 2013/04/02(火) 01:58:24.82 ID:??? (+4,-29,-102)
>>632
rendering context の transform メソッドを使うなりして
canvas 全体に適用される変換行列をいじればいいんでない?
ただし描画済みのオブジェクトは再描画する必要ありかな
635 : Name_Not - 2013/04/02(火) 07:34:57.95 ID:??? (+1,-29,-27)
>>633-634
ありがとうございました
座標の変倍とrendering contextでもう少し調べてみます
canvas面白いけど難しい…orz
636 : Name_Not - 2013/04/02(火) 16:45:43.05 ID:??? (+53,-30,-126)
ブラウザのフォーム入力検証サポートを確認するにはどうすればいい?
検証機能に関連した属性(novalidateなど)やメソッド(checkValidityなど)の有無の確認で
概ね足りてる感じだが、Safariだと不正な入力でも送信してしまう(Windows版最新5.1.7)。
Appleのサイトを見るとサポートはされてるようなんだが、本来どういう動作をするのか不明。
637 : Name_Not - 2013/04/02(火) 17:01:55.20 ID:??? (+62,+29,-8)
>>636
CGI側でも、もう一回チェックすれば?
JavaScriptでのチェックはオマケみたいなものだからさ、あてにしない方がいいのでは。
638 : Name_Not - 2013/04/02(火) 17:09:29.16 ID:??? (+57,+29,-49)
ブラウザ側からの送信はつねに不正である可能性を想定しないとダメだ
639 : Name_Not - 2013/04/02(火) 17:13:37.87 ID:??? (+8,-29,-80)
>>636はHTML5のフォームバリデーションのことね。
JSで入力検証するのではなく、JSでブラウザのサポート状況を確認したいと。
未対応ブラウザにおけるJSによる検証&サーバ側の検証は別の話と思ってくれ。
640 : Name_Not - 2013/04/02(火) 17:30:50.85 ID:??? (+57,+29,-7)
なるほど。
でも、フォーム検証でそんな難しいことする?
641 : Name_Not - 2013/04/02(火) 20:04:57.86 ID:??? (+22,+4,+0)
イラネ
642 : Name_Not - 2013/04/02(火) 20:24:26.65 ID:IGWzIXPT (-24,-30,+0)
jQueryのtriggerの第二引数について質問
下記のように書いたとき

<p><select></select></p>
<p><input type="checkbox" name="" value=""></p>
<p><input type="radio" name="" value=""></p>
<p><input type="text" name="" value=""></p>
<p><button>テスト</button></p>

<script>

var select = $('select');
var check = $('input[type=checkbox]');
var radio = $('input[type=radio]');
var text = $('input[type=text]');

select.on('click' ,function(evt,FLAG){ console.log('select::click' ,FLAG); });
check.on( 'click' ,function(evt,FLAG){ console.log('check::click' ,FLAG); });
radio.on( 'click' ,function(evt,FLAG){ console.log('radio::click' ,FLAG); });
text.on( 'click' ,function(evt,FLAG){ console.log('text::click' ,FLAG); });

$('button').on('click',function(){
  select.trigger('click',['asdf']);
  check.trigger( 'click',['asdf']);
  radio.trigger( 'click',['asdf']);
  text.trigger( 'click',['asdf']);
});

</script>

チェックボックスだけ、第二引数が受け取れないのは、なにが間違っているのでしょか?
644 : Name_Not - 2013/04/02(火) 21:50:50.61 ID:??? (+13,-16,-15)
>>642
それ 1.8.3 だとちゃんと渡ってるね。
jQueryのバグかも。
646 : Name_Not - 2013/04/02(火) 22:25:28.21 ID:??? (-27,-30,-51)
バグ報告はされてるね。

回避するには
check.triggerHandler( 'click',['asdf']);
check.prop('checked', !check.prop('checked'));
か? やりたくねえ…
648 : Name_Not - 2013/04/03(水) 00:01:23.29 ID:??? (+96,+30,-195)
ウェブに上げるものじゃないんで板違いだったらすまん。
ただプログラマー板で板違い言われてここを言われたので来た。

新しいyahooのメアド作ったので今までにメールをくださった方
&メールを送った方にメアド変えますメールを送りたい。
しかし、俺は腐れ縁がたくさん(小中高+サークル+同期、同僚など1000人ほど)
おって手動はめんどい。
大事な人だけに送ろうとしても、下手したら同窓会の案内などをもらい損ねるかもしれん。

そこでプログラムくんで一斉送信したいのだが誰かソース教えてくれ。

条件:
・受信BOXと送信BOXにはいっているメールの送り主と宛先をすべてBCC欄に入れて送信できる。
・重複は省く。
・内容はテンプレでおk。
・開発環境が悪いので.jsか.vbsで。
650 : Name_Not - 2013/04/03(水) 00:07:21.57 ID:??? (+57,+29,-17)
無事に神獣クエその他終了しました。
集まっていただいた方、ありがとうございました♪
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

類似してるかもしれないスレッド


トップメニューへ / →のくす牧場書庫について