元スレ+ JavaScript の質問用スレッド vol.89 +
JavaScript覧 / PC版 / みんなの評価 :
301 = :
>>300
再現可能なサンプルコードを出してください
http://jsbin.com/ http://jsfiddle.net/
305 = :
>>304
不具合の詳細は？エラーメッセージとか描画が崩れるとか何かしらあると思うけど
メモリは足りてるか、も調べるポイントだと思う
307 = :
>>291
http://jsfiddle.net/bKEfQ/2/
>>302
> ココに何か原因がありそうで
ココを削ったら再現しなくなるのかどうか
結局、不具合の詳細は何だったのか
308 = :
新しいウィンドウを開くとき
target="_BLANK"
でやると、ローカルサーバで実行したときは完全なウィンドウの複製（というか別タブ）が開くのですが、
リモートサーバー上にあげてから実行すると、ポップアップウィンドウ（メニューバーなし、ステータスバーなし）が
開こうとしてGoogle Chrome の警告が出てしまいます。
確実に別タブ（ブラウザによっては別ウィンドウ）で開かせたい時はどうすればいいのでしょう？
311 = :
無名関数内でのthisはグローバルオブジェクトになったりしますが
"use strict"を記述してる時の無名関数内でのthisはundefinedにバインドされますよね？
この時確実にグローバルオブジェクトを取得するにはどうすればいいんでしょう・・・
windowという記述以外でお願いします
314 = :
>>311
http://d.hatena.ne.jp/vividcode/20110528/1306597105
315 = :
マウスの左右ボタン同時押しを検出する方法ってありますか？
イベントオブジェクトの一覧見てみてもbuttonとwhichプロパティがマウスっぽいけれど
buttonは何も押してない状態と左クリックが0、真ん中が1、右クリックが2
whichは何も押してない状態と左クリックが1、真ん中が2、右クリックが3
両押しすると数字の若い方が優先された値を返すような状態で詰まってます。
アドバイスお願いします。
317 = :
>>314
ありがとうございます
318 = :
>>315
完全な同時押しは人間には無理だし、機械も検知できないんじゃないかな。
左or右が押されたらフラグ立てて、フラグがたってる状態で反対側が押されたら同時押しと判定。
319 = :
>>318
試してないけどそれ315の仕様なら無理じゃね？
322 = :
>>321
むしろjs使わず全部phpとかでやるべき事案な気がする
323 = :
>>321
あ、ちょっと勘違いしてたかも。
「いろんなユーザーさんに、それぞれのブログとかに1行のscriptタグを貼り付けてもらうと、
新しいリンクも自動で更新される便利なリンク集がulかなんかで生成される」ってことね。たぶん。
もっと詳しく書けよ。と思ったが、なにを詳しく書けばヒントになるのかもわからんレベルだなきっと。
で、「自分じゃない誰かさんのサイトにscriptタグを貼ってもらうだけで
SEOフレンドリーにhtmlファイルそのものを書き換えてくれる」って仕組みは、ムリだな。
ただ、SEOフレンドリーではないにしろ、
Googleがjs生成によるリンクを完全に無視するとも思えないので、
やらないよりは多少なりとも効果はあるのでは。
325 = :
iframeも結局ぜんぶ同じurlを呼んでるだけなので、
理想的なgoogleにとってはjsと大差ないでしょう。
どっちがマシなのかは判断が難しい。
328 = :
カッコ笑い判定厳しいなｗ
329 = :
>>318,319,320
なんとかそれっぽいこと実装できました。
html側では
<body onSelectStart="return false;" onContextMenu="rightclick();return false;" onMouseDown="leftclick(event);return false;" onMouseUp="mouseup(event);">
<div id="debug1"></div>
としておいて
js側ではグローバル変数にbool値を格納するisLeftPushedとisRightPushedを用意し、
function rightclick(){
if(!isLeftPushed) document.getElementById("debug1").innerHTML="right";
else document.getElementById("debug1").innerHTML="both";
isRightPushed=true;
}
function leftclick(e){
if(e.button==0){
if(!isRightPushed)document.getElementById("debug1").innerHTML="left";
else document.getElementById("debug1").innerHTML="both";
isLeftPushed=true;
}
}
function mouseup(e){
if(e.button==2) isRightPushed=false;
else isLeftPushed=false;
}
でgoogle chrome上で両押ししてる時だけbothと表示するようにできました。
onClickだと左クリック時だけ反応してくれますが放したときにイベントが発生するのでonMouseDownを使いました。
アドバイスありがとうございます。
330 = :
<!doctype html>
<meta charset="utf-8">
<style>
#canvas {
width: 320px;
height: 240px;
background: #ccffff;
font-size: 64px;
}
</style>
</head>
<body>
<div id="canvas"></div>
</body>
<script>
(function() {
var canvas = document.getElementById('canvas');
var buttons = [false, false, false];
function show() {
canvas.textContent = buttons.map(function(b) { return b ? '○' : '×'; }).concat(buttons.filter(Boolean).length).join(' ');
}
function handler(event) {
event.preventDefault();
buttons[event.button] = event.type === 'mousedown';
show();
}
canvas.addEventListener('mousedown', handler, true);
document.addEventListener('mouseup', handler, true);
show();
})();
</script>
331 = :
どうでもいいけどdoctypeとかmetaとか丁寧に書いてるのに
headの開始タグがなかったりstyleとscriptの必須属性がなかったりmetaとscriptが変なところにあったりちぐはぐしてて違和感
332 = :
>>331
doctype宣言見れば分かるけど、html5だからそれでいいんだよ
styleとscript要素の属性は初期値がそれぞれ text/css, text/javascriptになってるから、
省略して構わないし、head, body要素はおろかhtml要素さえも省略できる
あとXHTMLの /> で終わらせる最小化表記が混在していてもよい
<meta charset=utf-8 />
<title>Untitled</title>
Hello World
つまりこういうのでもおｋ
334 = :
>>332
そのコードも>>330のコードもエラーが出るんだが
http://validator.w3.org/
335 = :
>>334
HTML5選んで>>332のコード貼り付けたらエラーでなかったよ
336 = :
>>330はtitle要素が抜けているため。</head> はエラーではないようですが無視されるので無意味ですね。
>>332はDOCTYPE宣言が抜けていて HTML5 と機械的に判定できないため。HTML5はDOCTYPE宣言を省略していいことになっていますが、DOCTYPEスイッチの関係で省略する事は現実的ではないかも。
あと、終了タグを / で閉じていますが属性値をクオートで括ってないのでXMLと互換性がないです。
337 = :
http://jsfiddle.net/akJ5C/1/
http://validator.whatwg.org/
338 = :
type属性を指定しなかったら初期値になるって草案だけど
何で「リンク先のContent-Typeに従う」にならなかったんだろう
同じことを2か所で指定するのって保守性が下がると思う
339 = :
>>338
<script type="text/vbscript"> と Content-Type: text/javascript がある時は Content-Type ヘッダが優先されると思ってた
340 = :
仕様上は、type属性って包括されるスクリプトコードのみに対する指定なんかな？
IEはtype属性優先っぽい？ まあIEはMIMEタイプ無視したりするからよくわからんけど
341 = :
質問です。
http://jsdo.it/umaa/mMon
↑を実行しても動かないのはわかっています。
要は選択肢(option)から複数のtextに選択肢ごとに違う数字を入力させたいのですが、
似たようなスクリプトで書けれるのであればご教授お願いします。
342 = :
>>340
外部スクリプトを含むかは曖昧だけど優先順位が明確でない気がする
HTTP1.1 と HTML5 で規定が衝突する場合はどうなるんだろう
343 = :
>>341
「書けれる」はないわ。
344 = :
if以降をt内に入れりゃいいんじゃね
独自拡張だらけで動くか知らんけど
345 = :
ボタンを押したら、文字などはそのままで背景画像だけ変えるにはどうすればいいですか？
346 = :
>>345
node.style.backgroundImage
347 = :
onMouseOver/Outのバブリングで悩んでます、どなたかアドバイスお願いします。
この外枠のところでonMouseOverでjsを読み込んで子要素をアニメーションさせているのですが、子要素をポインタが移動する度にルートにバブリングされonMouseOver/Outが呼び出されてしまい何度もFunctionを呼び出してしまいます。
外枠のところだけでonMouseOver/Outを動作させたいんですが私にもわかる簡単な方法はないでしょうか・・・orz
348 = :
function f() { ... }
と
f = function() { ... }
は、{ ... } の中が完全に一致すれば、挙動も完全に一致しますか？
350 = :
>>348
http://twitter.com/uupaa/status/66180536065990658
ここで言う匿名関数は「f = function() { ... }」を指す
なので、「f = function f() { ... }」の方がより良いのかも
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.81 + (1001) - [97%] - 2010/12/10 20:01
- + JavaScript の質問用スレッド vol.82 + (1001) - [97%] - 2011/1/19 7:54
- + JavaScript の質問用スレッド vol.88 + (1001) - [97%] - 2011/7/20 7:03
- + JavaScript の質問用スレッド vol.87 + (1001) - [97%] - 2011/6/21 6:33
- + JavaScript の質問用スレッド vol.86 + (1001) - [97%] - 2011/5/27 21:50
- + JavaScript の質問用スレッド vol.99 + (1001) - [97%] - 2012/5/7 4:32
- + JavaScript の質問用スレッド vol.85 + (1001) - [97%] - 2011/4/25 21:32
- + JavaScript の質問用スレッド vol.79 + (1001) - [97%] - 2010/9/11 6:50
- + JavaScript の質問用スレッド vol.84 + (1001) - [97%] - 2011/3/30 7:32
- + JavaScript の質問用スレッド vol.80 + (1001) - [97%] - 2010/11/9 2:17
- + JavaScript の質問用スレッド vol.83 + (1001) - [97%] - 2011/2/24 8:02
- + JavaScript の質問用スレッド vol.119 + (1002) - [95%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.139 + (1001) - [95%] - 2019/5/27 15:15
- + JavaScript の質問用スレッド vol.129 + (981) - [95%] - 2016/5/5 8:16
- + JavaScript の質問用スレッド vol.129 + (926) - [95%] - 2017/7/27 13:45
- + JavaScript の質問用スレッド vol.109 + (1001) - [95%] - 2013/10/7 13:16
- + JavaScript の質問用スレッド vol.94 + (1001) - [95%] - 2012/1/8 15:46
トップメニューへ / →のくす牧場書庫について