私的良スレ書庫

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

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

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で

51 : Name_Not - 2012/01/02(月) 13:57:15.18 ID:??? (+3,-30,-59)

JavaScriptで使える非同期系のAPIって大きく分けて
昔からある
O.onSuccess=successCallBack
O.func()
と比較的最近の
O.func(successCallBack)
の２つのタイプがあってややこしいんだけど統一しないのかな
個人的にはどちらも良さがあると思うんだけど

52 : Name_Not - 2012/01/02(月) 14:08:53.32 ID:??? (+62,+29,-119)

マジこのペースでどんどんAPIが増えてったら
仮にブラウザ間の仕様さが０になっても
覚えて使いこなしきれるかは微妙

そういえばWEBGLって結局どうなるの？
もう他の対抗APIとかは金輪際でなくて
WEBGL一本でしばらくいくことは決まったの？
それなら覚えるんだけど

53 : Name_Not - 2012/01/02(月) 14:42:42.41 ID:??? (+57,+29,-41)

そこでライブラリの乱立ですよ。
そしてライブラリの使い方しか知らない人間が量産されていく…

54 : Name_Not - 2012/01/02(月) 14:47:21.67 ID:??? (+94,+29,-22)

ライブラリ使う人が困るんならまあそれは仕方ないと思うけど
５年後くらいに昔のJavaScriptはわかりやすくてよかった
今はライブラリ覚えないとやっていけないってなりそうで怖いわー

55 : Name_Not - 2012/01/02(月) 16:37:49.89 ID:??? (+43,-30,-54)

>>49
spanだと戻すとき大変だから、適当なタグ名にするのがいいんじゃないかな。

document.links[0].outerHTML = document.links[0].outerHTML.replace(/^<[aA]/, '<aback').replace(/<\/[aA]>$/, '</aback');

こんな感じかな

56 : Name_Not - 2012/01/02(月) 16:47:14.55 ID:??? (+74,+30,-234)

>>54
結局、同じロジックを何度も書くことに疲れ果てライブラリに辿り着き、皆が同じ様なコードを書く。
これはどの言語でも共通の進化の過程。

しかし、最初からライブラリに頼ってきた小わっぱ達とは地力が違う為、コーディングの姿勢に漂う大人の余裕。
いざ困難に直面しても、涙目の小わっぱを尻目に多彩なテクニックを駆使して解決策を導く職人技。
そして仕様を知り尽くした上で完璧なチューニングを施し、パフォーマンスで他を圧倒するダンディズム。

このスレの回答者なら様々な面で格の違いが滲み出る。
ただし、>>55 は精進が必要な様だが。

57 : Name_Not - 2012/01/02(月) 17:02:56.12 ID:??? (+102,+29,-10)

今まで出てきた中では>>45の案がベスト
だけど正直全部微妙

58 : Name_Not - 2012/01/02(月) 17:04:37.88 ID:??? (+104,+29,-32)

>>57
透明画像かぶせたら下にあるテキストのコピペはできないんじゃないの。

59 : Name_Not - 2012/01/02(月) 17:11:13.65 ID:??? (-1,-29,-18)

bookmarkletとかで、印刷用ページみたいにしたいってことかな。

60 : Name_Not - 2012/01/02(月) 17:12:09.90 ID:??? (+8,-29,-24)

「リンクの文字を選択範囲してコピーしたい」(>>35)のであればcontentEditableでいいのでは

61 : Name_Not - 2012/01/02(月) 17:13:41.43 ID:??? (+75,+29,-49)

>>58
質問を良く見てなかった
一応コピペは画像の直前から引っ張ればできるが

質問者は一体何がしたいのかわからん
コピペなら別にリンク無効にしなくてもできるだろ

62 : Name_Not - 2012/01/02(月) 17:17:26.60 ID:??? (-2,-30,-15)

<a href="#">aaaaaaaaaaaaaaaaaaa@aaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a>
全てをコピーする必要がないからリンクを解除したいってことだろうよ
@だけをコピーしたい時にリンクついてると選択範囲しても@をコピーできないしな

63 : Name_Not - 2012/01/02(月) 17:20:41.39 ID:??? (+57,+29,+0)

いやいや本当にフツーにできるんだけど

64 : Name_Not - 2012/01/02(月) 17:24:05.18 ID:??? (+1,-21,-13)

Operaは素晴らしい

65 : Name_Not - 2012/01/02(月) 17:24:06.81 ID:??? (+81,+29,-37)

それとも俺が『選択範囲』について勘違いしてる？
フツーにクリックおしっぱで動かして反転させるアレだよね？
リンクだとできないなんてことありえるの？

66 : Name_Not - 2012/01/02(月) 18:01:38.06 ID:rLSRaxv9 (+56,+29,-32)

>>65
不器用なおっさんに<a>要素の一部を、リンクが発火しないように
範囲選択しろってのは難しい
UI作るときは、自分基準で考えると色々失敗することが多い気がする

67 : Name_Not - 2012/01/02(月) 18:24:51.07 ID:??? (+39,+3,-21)

>>66
例えば、Firefox でリンクの一部をマウス操作で選択してみせてくれ。

68 : Name_Not - 2012/01/02(月) 18:32:02.63 ID:??? (+13,-29,-96)

>>65
IE,Firefox,Chromeで確認したけど出来なかった
safariとoperaとか他のブラウザなら出来るの？

リンクの文字列の端から選択するなら分かるが
文字列の中を切り抜くような範囲選択はできないと思うが

69 : Name_Not - 2012/01/02(月) 18:42:49.06 ID:??? (+91,+29,-46)

つうかそれらのブラウザじゃできなかったのか
恥ずかしい今まで知らなかなかったわ…

それってリンクが発火するからできないんじゃなくて仕様としてできないの？

70 : Name_Not - 2012/01/02(月) 18:53:38.20 ID:??? (+64,+29,-20)

出来るけどちょっと難しいんだよ。ぎりぎり発火しない部分から選択するんだよ。

71 : Name_Not - 2012/01/02(月) 19:01:35.10 ID:??? (+0,-28,-5)

FireFoxならF7で…マウスでは無理だけど。

72 : Name_Not - 2012/01/02(月) 19:01:53.87 ID:??? (+56,+28,-15)

スタイルでblockされてるのに出来るわけないじゃん

73 : Name_Not - 2012/01/02(月) 19:04:16.31 ID:??? (-1,-29,-9)

わかった
じゃあ右クリック時にpromptでも出してコピペさせたらいいんじゃないかな

それか<span>で擬似リンク作るか

74 : Name_Not - 2012/01/02(月) 19:12:17.24 ID:??? (-1,-29,-6)

(ﾟ-ﾟ)ﾌﾑﾌﾑ

(ﾟ.ﾟ)

(ﾟ_ﾟ)

75 : Name_Not - 2012/01/02(月) 19:50:55.67 ID:??? (+83,+29,-25)

>>69
リンクをドラッグアンドドロップしちゃうからな。
operaならプレスしたあと上下のドラッグのみそうなるけど。

76 : Name_Not - 2012/01/02(月) 20:42:27.47 ID:??? (+62,-4,-1)

>>75
キャンセルできないの？

77 : Name_Not - 2012/01/02(月) 21:17:15.51 ID:??? (+65,+29,-4)

>>76
落とせない所で離すとか、ESCキー押すことでキャンセルできるけど。

78 : Name_Not - 2012/01/02(月) 21:51:04.20 ID:??? (+90,+26,-8)

いやJavaScriptでイベントキャンセルできないの？
HTMLでドラッグイベントできたじゃん

79 : Name_Not - 2012/01/02(月) 22:34:07.14 ID:??? (+95,+29,-51)

>>78
なるほど。

ちょいとchromeでやってみたけど、ドラッグアンドドロップは阻止できたけど、
テキスト選択できないね。
やり方がまずいのかもしれんけど。
ESCキー押して中止したと同じ状態になる感じか?

80 : Name_Not - 2012/01/02(月) 22:42:00.49 ID:??? (+42,-30,-255)

firefoxでは選択出来たけど、IEではできない

<html>
<body>
<a href="http://" id ="test">ほにゃらら</a>
<script type="text/javascript">
document.onload = init();
function init(){
elem = document.getElementById('test');
elem.onclick =function(){return false;}
if(elem.addEventListener) {
elem.addEventListener('mousedown', drag, false);
} else if(elem.attachEvent) {
elem.attachEvent('onmousedown', drag);
}
function drag(){elem.setAttribute('draggable', 'false');}
}
</script>
</body>
</html>

81 : Name_Not - 2012/01/02(月) 22:54:38.68 ID:??? (+54,+26,-33)

マヌケな循環参照するくらいならAlt押しながら選択しとけ

82 : Name_Not - 2012/01/02(月) 23:11:15.65 ID:??? (+32,-29,-10)

は？elem が Global になってるから問題ないがｗ

83 : Name_Not - 2012/01/02(月) 23:14:48.00 ID:??? (+55,+23,-20)

> Alt押しながら選択
横からだけど
これどのタイミングでAlt離すの？
先にAltを離すとリンククリックになるし先にマウスのボタンを離すと名前を付けて保存になる

84 : 79 - 2012/01/02(月) 23:14:51.80 ID:??? (+61,+28,-13)

>>80
chromeもだめみたいだね。

>>82
ほっとけって。

85 : Name_Not - 2012/01/02(月) 23:18:30.06 ID:??? (+39,-29,-7)

>>83
プレスしたままALTをはなして、CTRL+C、んで、リンクじゃない所で離す。

86 : Name_Not - 2012/01/02(月) 23:20:53.15 ID:??? (+62,+29,+0)

>>85
できた
ありがとう
難易度高い

87 : Name_Not - 2012/01/02(月) 23:26:22.41 ID:??? (+57,+29,-2)

そんなブラウザ依存の話されても困るわ

88 : 79 - 2012/01/02(月) 23:54:49.23 ID:??? (+8,-30,-38)

>>80
FireFoxができるのは
> elem.setAttribute('draggable', 'false')
これのおかげか。
mousedownは殺す必要ないね。

うちのテストコード似たようなのになんでFireFoxで選択できないのか悩んでしまった。

89 : Name_Not - 2012/01/03(火) 00:31:45.06 ID:??? (+24,-29,-36)

>>61-67
>>50じゃないの？

あとIEもFirefoxもOperaもChromeも>>70で出来る

90 : Name_Not - 2012/01/03(火) 00:40:55.30 ID:??? (+20,-30,-24)

>>89
<ul>
<li><a href="">**************</a></li>
<li><a href="">*******@******</a></li>
<li><a href="">**************</a></li>
</ul>

こーいうので @ だけ選択するとかは…出来る?

91 : Name_Not - 2012/01/03(火) 00:51:18.25 ID:??? (+22,-7,-13)

>>90
chromeだけ出来ねえ！

92 : Name_Not - 2012/01/03(火) 02:01:53.49 ID:??? (+5,-23,-14)

>>90-91
chromeでも@の右上から出来るよ。馬鹿らしいがｗ

93 : Name_Not - 2012/01/03(火) 03:00:18.49 ID:??? (+57,+29,-16)

おまえらこんなどーでもいいことで楽しそうだなｗ

94 : Name_Not - 2012/01/03(火) 04:30:07.94 ID:??? (+52,+29,+0)

どーでもいいかどうかは自分で決める

95 : Name_Not - 2012/01/03(火) 07:39:52.68 ID:??? (+33,-29,-79)

2chの専ブラのレス番表示のように
Tooltipを表示してjQueryを探しているのですが
こういう質問もこのスレはOKでしょうか？

具体的には以下の動作の物を探しています。

要素Aにマウスオーバーで要素Aと接する形でツールチップを表示
→ツールチップ上にマウスが移動すれば表示継続
→要素Aとツールチップ上以外にマウスが移動すれば非表示

96 : 95 - 2012/01/03(火) 07:41:28.40 ID:??? (+3,-30,-81)

見つからなかったので自分で書こうとしたのですが、

$("#要素A").hover(
function () { /* ツールチップを表示 */ },
function () { /* ツールチップを非表示 */ }
);
$("#ツールチップ").hover(
function () { /* ツールチップを表示 */ },
function () { /* ツールチップを非表示 */ }
}
と書くと「要素Aを非表示」の方が優先されツールチップが消えてしまいます。

このように2つの要素同時にhoverの状態を調べる方法がわからず断念しています。

97 : Name_Not - 2012/01/03(火) 08:47:36.90 ID:??? (+94,+29,-59)

コードは汚くなるけどフラグ立てるのが一番楽

あとは消すのは即時、表示はほんの少し遅延かければ
だいたいのケースで表消の競合を避けれて綺麗に書けそう

98 : Name_Not - 2012/01/03(火) 10:49:16.51 ID:??? (+21,-10,-20)

>>89
嘘付け
それFirefoxに搭載されたモードだろうが
IEとChromeにはそういう機能はないから出来ない

99 : Name_Not - 2012/01/03(火) 10:58:14.34 ID:??? (+57,+29,-9)

リンクをドラッグしちゃうからできないってことですか？

100 : Name_Not - 2012/01/03(火) 11:35:18.95 ID:??? (-1,-29,-14)

paddingがあればできる。無ければできない。だと思う。