私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.89 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
配列に格納する文字列の上限とかってあるのでしょうか？
hoge[0] = 50KBぐらいの文字列
hoge[1] = 10KBぐらいの文字列
hoge[2] = 30KBぐらいの文字列
とやってるのですがココに何か原因がありそうで
hoge[0] = 50KBぐらいの文字列
hoge[1] = 10KBぐらいの文字列
hoge[2] = 30KBぐらいの文字列
とやってるのですがココに何か原因がありそうで
>>302
ECMAScript仕様上は制限はなかったと思うけど、何のブラウザでどんな不具合が起きてるの？
ECMAScript仕様上は制限はなかったと思うけど、何のブラウザでどんな不具合が起きてるの？
新しいウィンドウを開くとき
target="_BLANK"
でやると、ローカルサーバで実行したときは完全なウィンドウの複製（というか別タブ）が開くのですが、
リモートサーバー上にあげてから実行すると、ポップアップウィンドウ（メニューバーなし、ステータスバーなし）が
開こうとしてGoogle Chrome の警告が出てしまいます。
確実に別タブ（ブラウザによっては別ウィンドウ）で開かせたい時はどうすればいいのでしょう？
target="_BLANK"
でやると、ローカルサーバで実行したときは完全なウィンドウの複製（というか別タブ）が開くのですが、
リモートサーバー上にあげてから実行すると、ポップアップウィンドウ（メニューバーなし、ステータスバーなし）が
開こうとしてGoogle Chrome の警告が出てしまいます。
確実に別タブ（ブラウザによっては別ウィンドウ）で開かせたい時はどうすればいいのでしょう？
>>308
<a href="http://example.com/" target="_blank"> ならポップアップブロックは働かないはず
ユーザからのアクションに反応する形ならブロックされない
<a href="http://example.com/" target="_blank"> ならポップアップブロックは働かないはず
ユーザからのアクションに反応する形ならブロックされない
すみません、どーやらブラウザのメモリの問題だったよーです
お騒がせしました＆ありがとうございます
お騒がせしました＆ありがとうございます
無名関数内でのthisはグローバルオブジェクトになったりしますが
"use strict"を記述してる時の無名関数内でのthisはundefinedにバインドされますよね？
この時確実にグローバルオブジェクトを取得するにはどうすればいいんでしょう・・・
windowという記述以外でお願いします
"use strict"を記述してる時の無名関数内でのthisはundefinedにバインドされますよね？
この時確実にグローバルオブジェクトを取得するにはどうすればいいんでしょう・・・
windowという記述以外でお願いします
>>312
jsから外部サイトは直接読めないのでひと手間必要。
おまいのサイト.com/外部サイトからタグを引っぱってくる.php
おまいのサイト.com/上記PHPを呼んでhtmlに出力する.js
おまいのサイト.com/お望みの.html
jsから外部サイトは直接読めないのでひと手間必要。
おまいのサイト.com/外部サイトからタグを引っぱってくる.php
おまいのサイト.com/上記PHPを呼んでhtmlに出力する.js
おまいのサイト.com/お望みの.html
マウスの左右ボタン同時押しを検出する方法ってありますか？
イベントオブジェクトの一覧見てみてもbuttonとwhichプロパティがマウスっぽいけれど
buttonは何も押してない状態と左クリックが0、真ん中が1、右クリックが2
whichは何も押してない状態と左クリックが1、真ん中が2、右クリックが3
両押しすると数字の若い方が優先された値を返すような状態で詰まってます。
アドバイスお願いします。
イベントオブジェクトの一覧見てみてもbuttonとwhichプロパティがマウスっぽいけれど
buttonは何も押してない状態と左クリックが0、真ん中が1、右クリックが2
whichは何も押してない状態と左クリックが1、真ん中が2、右クリックが3
両押しすると数字の若い方が優先された値を返すような状態で詰まってます。
アドバイスお願いします。
>>313
ありがとうございます。がんばってみます。
ありがとうございます。がんばってみます。
>>318
試してないけどそれ315の仕様なら無理じゃね？
試してないけどそれ315の仕様なら無理じゃね？
onclickとoncontextmenuでダメなん？
右と左が分かれていて、クリックでイベントが起きるなら問題ないと思うけど。
右と左が分かれていて、クリックでイベントが起きるなら問題ないと思うけど。
度々すみません312です
> おまいのサイト.com/上記PHPを呼んでhtmlに出力する.js
これやってみたけどhtmlファイルにhtmlタグは表示されませんね。
実は自動相互リンク集を作ろうと思っていて、タグを貼るだけで勝手にリンクが増えるリンク集です。
<script type="text/javascript" src="http://example.com/hoge.php?id=123"></script>
でも上記のようなタグを貼っても、一応リンクはできるけど、htmlファイルにhtmlタグが表示されないので
外部リンクとはみなされませんよね？世間に自動リンク集はたくさんあるけど、あれってどうやってるのかな。
何か上手い方法ありませんでしょうか？
> おまいのサイト.com/上記PHPを呼んでhtmlに出力する.js
これやってみたけどhtmlファイルにhtmlタグは表示されませんね。
実は自動相互リンク集を作ろうと思っていて、タグを貼るだけで勝手にリンクが増えるリンク集です。
<script type="text/javascript" src="http://example.com/hoge.php?id=123"></script>
でも上記のようなタグを貼っても、一応リンクはできるけど、htmlファイルにhtmlタグが表示されないので
外部リンクとはみなされませんよね？世間に自動リンク集はたくさんあるけど、あれってどうやってるのかな。
何か上手い方法ありませんでしょうか？
>>321
むしろjs使わず全部phpとかでやるべき事案な気がする
むしろjs使わず全部phpとかでやるべき事案な気がする
>>321
あ、ちょっと勘違いしてたかも。
「いろんなユーザーさんに、それぞれのブログとかに1行のscriptタグを貼り付けてもらうと、
新しいリンクも自動で更新される便利なリンク集がulかなんかで生成される」ってことね。たぶん。
もっと詳しく書けよ。と思ったが、なにを詳しく書けばヒントになるのかもわからんレベルだなきっと。
で、「自分じゃない誰かさんのサイトにscriptタグを貼ってもらうだけで
SEOフレンドリーにhtmlファイルそのものを書き換えてくれる」って仕組みは、ムリだな。
ただ、SEOフレンドリーではないにしろ、
Googleがjs生成によるリンクを完全に無視するとも思えないので、
やらないよりは多少なりとも効果はあるのでは。
あ、ちょっと勘違いしてたかも。
「いろんなユーザーさんに、それぞれのブログとかに1行のscriptタグを貼り付けてもらうと、
新しいリンクも自動で更新される便利なリンク集がulかなんかで生成される」ってことね。たぶん。
もっと詳しく書けよ。と思ったが、なにを詳しく書けばヒントになるのかもわからんレベルだなきっと。
で、「自分じゃない誰かさんのサイトにscriptタグを貼ってもらうだけで
SEOフレンドリーにhtmlファイルそのものを書き換えてくれる」って仕組みは、ムリだな。
ただ、SEOフレンドリーではないにしろ、
Googleがjs生成によるリンクを完全に無視するとも思えないので、
やらないよりは多少なりとも効果はあるのでは。
>>321
SEOを意識するならJSを使わず、iframe要素を使った方がいいと思うよ。
SEOを意識するならJSを使わず、iframe要素を使った方がいいと思うよ。
iframeも結局ぜんぶ同じurlを呼んでるだけなので、
理想的なgoogleにとってはjsと大差ないでしょう。
どっちがマシなのかは判断が難しい。
理想的なgoogleにとってはjsと大差ないでしょう。
どっちがマシなのかは判断が難しい。
>>322-325
ありがとうございます。難しいですね。出直してきます。
ありがとうございます。難しいですね。出直してきます。
>>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を使いました。
アドバイスありがとうございます。
なんとかそれっぽいこと実装できました。
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を使いました。
アドバイスありがとうございます。
<!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>
<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>
どうでもいいけどdoctypeとかmetaとか丁寧に書いてるのに
headの開始タグがなかったりstyleとscriptの必須属性がなかったりmetaとscriptが変なところにあったりちぐはぐしてて違和感
headの開始タグがなかったりstyleとscriptの必須属性がなかったりmetaとscriptが変なところにあったりちぐはぐしてて違和感
>>331
doctype宣言見れば分かるけど、html5だからそれでいいんだよ
styleとscript要素の属性は初期値がそれぞれ text/css, text/javascriptになってるから、
省略して構わないし、head, body要素はおろかhtml要素さえも省略できる
あとXHTMLの /> で終わらせる最小化表記が混在していてもよい
<meta charset=utf-8 />
<title>Untitled</title>
Hello World
つまりこういうのでもおｋ
doctype宣言見れば分かるけど、html5だからそれでいいんだよ
styleとscript要素の属性は初期値がそれぞれ text/css, text/javascriptになってるから、
省略して構わないし、head, body要素はおろかhtml要素さえも省略できる
あとXHTMLの /> で終わらせる最小化表記が混在していてもよい
<meta charset=utf-8 />
<title>Untitled</title>
Hello World
つまりこういうのでもおｋ
</head>は必要？bodyの開始タグがあればそこでheadが終わると判断されるんじゃないっけ
type属性を指定しなかったら初期値になるって草案だけど
何で「リンク先のContent-Typeに従う」にならなかったんだろう
同じことを2か所で指定するのって保守性が下がると思う
何で「リンク先のContent-Typeに従う」にならなかったんだろう
同じことを2か所で指定するのって保守性が下がると思う
>>338
<script type="text/vbscript"> と Content-Type: text/javascript がある時は Content-Type ヘッダが優先されると思ってた
<script type="text/vbscript"> と Content-Type: text/javascript がある時は Content-Type ヘッダが優先されると思ってた
仕様上は、type属性って包括されるスクリプトコードのみに対する指定なんかな？
IEはtype属性優先っぽい？ まあIEはMIMEタイプ無視したりするからよくわからんけど
IEはtype属性優先っぽい？ まあIEはMIMEタイプ無視したりするからよくわからんけど
質問です。
http://jsdo.it/umaa/mMon
↑を実行しても動かないのはわかっています。
要は選択肢(option)から複数のtextに選択肢ごとに違う数字を入力させたいのですが、
似たようなスクリプトで書けれるのであればご教授お願いします。
http://jsdo.it/umaa/mMon
↑を実行しても動かないのはわかっています。
要は選択肢(option)から複数のtextに選択肢ごとに違う数字を入力させたいのですが、
似たようなスクリプトで書けれるのであればご教授お願いします。
>>341
「書けれる」はないわ。
「書けれる」はないわ。
ボタンを押したら、文字などはそのままで背景画像だけ変えるにはどうすればいいですか？
>>345
node.style.backgroundImage
node.style.backgroundImage
onMouseOver/Outのバブリングで悩んでます、どなたかアドバイスお願いします。
この外枠のところでonMouseOverでjsを読み込んで子要素をアニメーションさせているのですが、子要素をポインタが移動する度にルートにバブリングされonMouseOver/Outが呼び出されてしまい何度もFunctionを呼び出してしまいます。
外枠のところだけでonMouseOver/Outを動作させたいんですが私にもわかる簡単な方法はないでしょうか・・・orz
この外枠のところでonMouseOverでjsを読み込んで子要素をアニメーションさせているのですが、子要素をポインタが移動する度にルートにバブリングされonMouseOver/Outが呼び出されてしまい何度もFunctionを呼び出してしまいます。 外枠のところだけでonMouseOver/Outを動作させたいんですが私にもわかる簡単な方法はないでしょうか・・・orz
function f() { ... }
と
f = function() { ... }
は、{ ... } の中が完全に一致すれば、挙動も完全に一致しますか？
と
f = function() { ... }
は、{ ... } の中が完全に一致すれば、挙動も完全に一致しますか？
function f(){} == window.f = function(){}
厳密には多少違うのかもしれないが等価と思っていい
厳密には多少違うのかもしれないが等価と思っていい
>>348
http://twitter.com/uupaa/status/66180536065990658
ここで言う匿名関数は「f = function() { ... }」を指す
なので、「f = function f() { ... }」の方がより良いのかも
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
トップメニューへ / →のくす牧場書庫について