私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.94 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
JavaScriptで使える非同期系のAPIって大きく分けて
昔からある
O.onSuccess=successCallBack
O.func()
と比較的最近の
O.func(successCallBack)
の2つのタイプがあってややこしいんだけど統一しないのかな
個人的にはどちらも良さがあると思うんだけど
昔からある
O.onSuccess=successCallBack
O.func()
と比較的最近の
O.func(successCallBack)
の2つのタイプがあってややこしいんだけど統一しないのかな
個人的にはどちらも良さがあると思うんだけど
マジこのペースでどんどんAPIが増えてったら
仮にブラウザ間の仕様さが0になっても
覚えて使いこなしきれるかは微妙
そういえばWEBGLって結局どうなるの?
もう他の対抗APIとかは金輪際でなくて
WEBGL一本でしばらくいくことは決まったの?
それなら覚えるんだけど
仮にブラウザ間の仕様さが0になっても
覚えて使いこなしきれるかは微妙
そういえばWEBGLって結局どうなるの?
もう他の対抗APIとかは金輪際でなくて
WEBGL一本でしばらくいくことは決まったの?
それなら覚えるんだけど
そこでライブラリの乱立ですよ。
そしてライブラリの使い方しか知らない人間が量産されていく…
そしてライブラリの使い方しか知らない人間が量産されていく…
ライブラリ使う人が困るんならまあそれは仕方ないと思うけど
5年後くらいに昔のJavaScriptはわかりやすくてよかった
今はライブラリ覚えないとやっていけないってなりそうで怖いわー
5年後くらいに昔のJavaScriptはわかりやすくてよかった
今はライブラリ覚えないとやっていけないってなりそうで怖いわー
>>49
spanだと戻すとき大変だから、適当なタグ名にするのがいいんじゃないかな。
document.links[0].outerHTML = document.links[0].outerHTML.replace(/^<[aA]/, '<aback').replace(/<\/[aA]>$/, '</aback');
こんな感じかな
spanだと戻すとき大変だから、適当なタグ名にするのがいいんじゃないかな。
document.links[0].outerHTML = document.links[0].outerHTML.replace(/^<[aA]/, '<aback').replace(/<\/[aA]>$/, '</aback');
こんな感じかな
今まで出てきた中では>>45の案がベスト
だけど正直全部微妙
だけど正直全部微妙
>>57
透明画像かぶせたら下にあるテキストのコピペはできないんじゃないの。
透明画像かぶせたら下にあるテキストのコピペはできないんじゃないの。
「リンクの文字を選択範囲してコピーしたい」(>>35)のであればcontentEditableでいいのでは
<a href="#">aaaaaaaaaaaaaaaaaaa@aaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a>
全てをコピーする必要がないからリンクを解除したいってことだろうよ
@だけをコピーしたい時にリンクついてると選択範囲しても@をコピーできないしな
全てをコピーする必要がないからリンクを解除したいってことだろうよ
@だけをコピーしたい時にリンクついてると選択範囲しても@をコピーできないしな
それとも俺が『選択範囲』について勘違いしてる?
フツーにクリックおしっぱで動かして反転させるアレだよね?
リンクだとできないなんてことありえるの?
フツーにクリックおしっぱで動かして反転させるアレだよね?
リンクだとできないなんてことありえるの?
>>66
例えば、Firefox でリンクの一部をマウス操作で選択してみせてくれ。
例えば、Firefox でリンクの一部をマウス操作で選択してみせてくれ。
>>65
IE,Firefox,Chromeで確認したけど出来なかった
safariとoperaとか他のブラウザなら出来るの?
リンクの文字列の端から選択するなら分かるが
文字列の中を切り抜くような範囲選択はできないと思うが
IE,Firefox,Chromeで確認したけど出来なかった
safariとoperaとか他のブラウザなら出来るの?
リンクの文字列の端から選択するなら分かるが
文字列の中を切り抜くような範囲選択はできないと思うが
つうかそれらのブラウザじゃできなかったのか
恥ずかしい今まで知らなかなかったわ…
それってリンクが発火するからできないんじゃなくて仕様としてできないの?
恥ずかしい今まで知らなかなかったわ…
それってリンクが発火するからできないんじゃなくて仕様としてできないの?
出来るけどちょっと難しいんだよ。ぎりぎり発火しない部分から選択するんだよ。
わかった
じゃあ右クリック時にpromptでも出してコピペさせたらいいんじゃないかな
それか<span>で擬似リンク作るか
じゃあ右クリック時にpromptでも出してコピペさせたらいいんじゃないかな
それか<span>で擬似リンク作るか
>>75
キャンセルできないの?
キャンセルできないの?
>>76
落とせない所で離すとか、ESCキー押すことでキャンセルできるけど。
落とせない所で離すとか、ESCキー押すことでキャンセルできるけど。
いやJavaScriptでイベントキャンセルできないの?
HTMLでドラッグイベントできたじゃん
HTMLでドラッグイベントできたじゃん
>>78
なるほど。
ちょいとchromeでやってみたけど、ドラッグアンドドロップは阻止できたけど、
テキスト選択できないね。
やり方がまずいのかもしれんけど。
ESCキー押して中止したと同じ状態になる感じか?
なるほど。
ちょいとchromeでやってみたけど、ドラッグアンドドロップは阻止できたけど、
テキスト選択できないね。
やり方がまずいのかもしれんけど。
ESCキー押して中止したと同じ状態になる感じか?
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>
<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>
> Alt押しながら選択
横からだけど
これどのタイミングでAlt離すの?
先にAltを離すとリンククリックになるし先にマウスのボタンを離すと名前を付けて保存になる
横からだけど
これどのタイミングでAlt離すの?
先にAltを離すとリンククリックになるし先にマウスのボタンを離すと名前を付けて保存になる
>>83
プレスしたままALTをはなして、CTRL+C、んで、リンクじゃない所で離す。
プレスしたままALTをはなして、CTRL+C、んで、リンクじゃない所で離す。
>>80
FireFoxができるのは
> elem.setAttribute('draggable', 'false')
これのおかげか。
mousedownは殺す必要ないね。
うちのテストコード似たようなのになんでFireFoxで選択できないのか悩んでしまった。
FireFoxができるのは
> elem.setAttribute('draggable', 'false')
これのおかげか。
mousedownは殺す必要ないね。
うちのテストコード似たようなのになんでFireFoxで選択できないのか悩んでしまった。
>>89
<ul>
<li><a href="">**************</a></li>
<li><a href="">*******@******</a></li>
<li><a href="">**************</a></li>
</ul>
こーいうので @ だけ選択するとかは…出来る?
<ul>
<li><a href="">**************</a></li>
<li><a href="">*******@******</a></li>
<li><a href="">**************</a></li>
</ul>
こーいうので @ だけ選択するとかは…出来る?
>>90
chromeだけ出来ねえ!
chromeだけ出来ねえ!
>>90-91
chromeでも@の右上から出来るよ。馬鹿らしいがw
chromeでも@の右上から出来るよ。馬鹿らしいがw
2chの専ブラのレス番表示のように
Tooltipを表示してjQueryを探しているのですが
こういう質問もこのスレはOKでしょうか?
具体的には以下の動作の物を探しています。
要素Aにマウスオーバーで要素Aと接する形でツールチップを表示
→ツールチップ上にマウスが移動すれば表示継続
→要素Aとツールチップ上以外にマウスが移動すれば非表示
Tooltipを表示してjQueryを探しているのですが
こういう質問もこのスレはOKでしょうか?
具体的には以下の動作の物を探しています。
要素Aにマウスオーバーで要素Aと接する形でツールチップを表示
→ツールチップ上にマウスが移動すれば表示継続
→要素Aとツールチップ上以外にマウスが移動すれば非表示
見つからなかったので自分で書こうとしたのですが、
$("#要素A").hover(
function () { /* ツールチップを表示 */ },
function () { /* ツールチップを非表示 */ }
);
$("#ツールチップ").hover(
function () { /* ツールチップを表示 */ },
function () { /* ツールチップを非表示 */ }
}
と書くと「要素Aを非表示」の方が優先されツールチップが消えてしまいます。
このように2つの要素同時にhoverの状態を調べる方法がわからず断念しています。
$("#要素A").hover(
function () { /* ツールチップを表示 */ },
function () { /* ツールチップを非表示 */ }
);
$("#ツールチップ").hover(
function () { /* ツールチップを表示 */ },
function () { /* ツールチップを非表示 */ }
}
と書くと「要素Aを非表示」の方が優先されツールチップが消えてしまいます。
このように2つの要素同時にhoverの状態を調べる方法がわからず断念しています。
コードは汚くなるけどフラグ立てるのが一番楽
あとは消すのは即時、表示はほんの少し遅延かければ
だいたいのケースで表消の競合を避けれて綺麗に書けそう
あとは消すのは即時、表示はほんの少し遅延かければ
だいたいのケースで表消の競合を避けれて綺麗に書けそう
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.90 + (1001) - [97%] - 2011/11/15 20:32
- + JavaScript の質問用スレッド vol.84 + (1001) - [97%] - 2011/3/30 7:32
- + JavaScript の質問用スレッド vol.74 + (1001) - [97%] - 2009/12/1 6:08 ○
- + JavaScript の質問用スレッド vol.99 + (1001) - [97%] - 2012/5/7 4:32
- + JavaScript の質問用スレッド vol.98 + (1001) - [97%] - 2012/4/9 14:46
- + JavaScript の質問用スレッド vol.97 + (1001) - [97%] - 2012/3/1 3:31
- + JavaScript の質問用スレッド vol.96 + (1001) - [97%] - 2012/1/28 23:01
- + JavaScript の質問用スレッド vol.95 + (1001) - [97%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.93 + (1001) - [97%] - 2012/1/1 4:46
- + JavaScript の質問用スレッド vol.93 + (1001) - [97%] - 2011/12/10 18:31
- + JavaScript の質問用スレッド vol.90 + (1001) - [97%] - 2011/10/26 4:18
- + JavaScript の質問用スレッド vol.114 + (1001) - [95%] - 2014/5/3 10:45
- + JavaScript の質問用スレッド vol.142 + (984) - [95%] - 2020/8/27 19:15
- + JavaScript の質問用スレッド vol.124 + (1001) - [95%] - 2015/7/16 1:30
- + JavaScript の質問用スレッド vol.104 + (1001) - [95%] - 2013/1/28 4:00
- + JavaScript の質問用スレッド vol.141 + (881) - [95%] - 2021/4/19 9:00
- + JavaScript の質問用スレッド vol.142 + (926) - [95%] - 2019/12/23 13:15
トップメニューへ / →のくす牧場書庫について