私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.76 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
キーイベントを取得して関数を実行させているのですが
以下のコードで一応は適用されるものの、実行時にボツボツとアラート音が出てしまいます
どこかでエラーが出てると思うのですが、アラート音を出さない、正しい書き方はどう書けば良いでしょうか
環境はMac+webkitです
const KEY_J=74;
const KEY_K=75;
function changeKey(which, to){
switch (which){
case KEY_J: if(to) window.scrollBy(0, 30); break; // j
case KEY_K: if(to) window.scrollBy(0, -30); break; // k
default:break;
}
}
document.onkeydown=function(e){changeKey((e||window.event).keyCode, 1);};
document.onkeyup=function(e){changeKey((e||window.event).keyCode, 0);};
後々メタキーと組み合わせることを考えて押し下げ、押し上げを分離しています
以下のコードで一応は適用されるものの、実行時にボツボツとアラート音が出てしまいます
どこかでエラーが出てると思うのですが、アラート音を出さない、正しい書き方はどう書けば良いでしょうか
環境はMac+webkitです
const KEY_J=74;
const KEY_K=75;
function changeKey(which, to){
switch (which){
case KEY_J: if(to) window.scrollBy(0, 30); break; // j
case KEY_K: if(to) window.scrollBy(0, -30); break; // k
default:break;
}
}
document.onkeydown=function(e){changeKey((e||window.event).keyCode, 1);};
document.onkeyup=function(e){changeKey((e||window.event).keyCode, 0);};
後々メタキーと組み合わせることを考えて押し下げ、押し上げを分離しています
ネイティブJSON対応JScript.dll (IE8)
http://support.microsoft.com/kb/976662/
http://support.microsoft.com/kb/976662/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="Ja" lang="Ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<title>test</title>
<script type="text/javascript">
<!--
var eles = document.getElementsByTagName('h3');
alert(eles.length);
//-->
</script>
</head>
<body>
<h1>h1タグです</h1>
<h2>h2タグです</h2>
<h3>h3タグです(1)</h3>
<h3>h3タグです(2)</h3>
</body>
</html>
なぜか、h3要素を取得することができません。
Opera 10.1、Opera 10.5 beta2にて確認しました
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="Ja" lang="Ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<title>test</title>
<script type="text/javascript">
<!--
var eles = document.getElementsByTagName('h3');
alert(eles.length);
//-->
</script>
</head>
<body>
<h1>h1タグです</h1>
<h2>h2タグです</h2>
<h3>h3タグです(1)</h3>
<h3>h3タグです(2)</h3>
</body>
</html>
なぜか、h3要素を取得することができません。
Opera 10.1、Opera 10.5 beta2にて確認しました
・scriptが実行された時点でh3が出現していない
・scriptがコメントアウトされているためapplication/xmlで無視
・application/xmlでgetElementsByTagNameが名前空間を認識しない
・scriptがコメントアウトされているためapplication/xmlで無視
・application/xmlでgetElementsByTagNameが名前空間を認識しない
すみません、XHTMLはPCDATAでしたね・・・
script要素をh3タグの後に記述したら、正しく2と表示されましたが、
h3タグが出現する前に実行されるJSでh3タグを取得するいい方法はないでしょうか？
(例えば、ブラウザのUserJSなど、)
script要素をh3タグの後に記述したら、正しく2と表示されましたが、
h3タグが出現する前に実行されるJSでh3タグを取得するいい方法はないでしょうか？
(例えば、ブラウザのUserJSなど、)
documentのaddEventListenerメソッドを使うことでできました。
回答された方はありがとうございました。
回答された方はありがとうございました。
質問です
Windows 環境にてファイル名に使えない文字を大文字化する関数を下記の作ったのですが、
もっと無駄の少ない方法があれば何かお願いします
function upperRenameChara(str) {
str = str.replace(/\\/g, '￥');
str = str.replace(/\//g, '／');
str = str.replace(/:/g, '：');
str = str.replace(/,/g, '、');
str = str.replace(/;/g, '；');
str = str.replace(/\*/g, '＊');
str = str.replace(/\?/g, '？');
str = str.replace(/"/g, '”');
str = str.replace(/</g, '＜');
str = str.replace(/>/g, '＞');
str = str.replace(/\|/g, '｜');
return str;
}
Windows 環境にてファイル名に使えない文字を大文字化する関数を下記の作ったのですが、
もっと無駄の少ない方法があれば何かお願いします
function upperRenameChara(str) {
str = str.replace(/\\/g, '￥');
str = str.replace(/\//g, '／');
str = str.replace(/:/g, '：');
str = str.replace(/,/g, '、');
str = str.replace(/;/g, '；');
str = str.replace(/\*/g, '＊');
str = str.replace(/\?/g, '？');
str = str.replace(/"/g, '”');
str = str.replace(/</g, '＜');
str = str.replace(/>/g, '＞');
str = str.replace(/\|/g, '｜');
return str;
}
replace(～).replace(～)・・・
カンマとセミコロンは使えるんじゃね。JSでの扱いによるかもしれないけど。
それぞれを大文字じゃなくて削除とかならスマートにいけるんだけどなぁ。
カンマとセミコロンは使えるんじゃね。JSでの扱いによるかもしれないけど。
それぞれを大文字じゃなくて削除とかならスマートにいけるんだけどなぁ。
質問です。
http://tech.ironhearts.com/blog/archives/148#
上記のサイトにあるようにチェックボックスのON・OFFでクラスを追加したり削除したりしたいです。
ページを読み込んだ時とクリックでチェックを付けたり外したりした時の両方で動くようにするには
どのような書き方がよいでしょうか？
一応、下記で動いてはいるのですが、もっとシンプルにできますよね？
どなたかご教授おねがいします。
$(document).ready(function(){
$('#box input:checkbox').each(function(){
var chk = $(this).attr('checked');
if(chk == true){
$(this).parent().removeClass('on');
}else{
$(this).parent().addClass('on');
}
return true;
});
$('#box input:checkbox').click(function(){
var chk = $(this).attr('checked');
if(chk == true){
$(this).parent().removeClass('on');
}else{
$(this).parent().addClass('on');
}
return true;
});
});
http://tech.ironhearts.com/blog/archives/148#
上記のサイトにあるようにチェックボックスのON・OFFでクラスを追加したり削除したりしたいです。
ページを読み込んだ時とクリックでチェックを付けたり外したりした時の両方で動くようにするには
どのような書き方がよいでしょうか？
一応、下記で動いてはいるのですが、もっとシンプルにできますよね？
どなたかご教授おねがいします。
$(document).ready(function(){
$('#box input:checkbox').each(function(){
var chk = $(this).attr('checked');
if(chk == true){
$(this).parent().removeClass('on');
}else{
$(this).parent().addClass('on');
}
return true;
});
$('#box input:checkbox').click(function(){
var chk = $(this).attr('checked');
if(chk == true){
$(this).parent().removeClass('on');
}else{
$(this).parent().addClass('on');
}
return true;
});
});
>>614
チェックしてないので参考までにして
$(function(){
$(#box input:chceckbox)
.bind("toggleClass",function(){
$(this.parentNode).toggleClass("on", this.chekced);
}).live("click",function(){
$(this).trigger("toggleClass");
}).trigger("toggleClass");
});
チェックしてないので参考までにして
$(function(){
$(#box input:chceckbox)
.bind("toggleClass",function(){
$(this.parentNode).toggleClass("on", this.chekced);
}).live("click",function(){
$(this).trigger("toggleClass");
}).trigger("toggleClass");
});
filter()とeach()って結果は同じでも動作は全然違うけどそれぞれ理解してるか？
>>616
ありがとうございました！
読み込み時にチェックが有っても無くてもclass="on"がついてしまったので、
もともとチェックされているものとされていないもので、
挙動が逆になってしまいましたがとても参考になりました。
もう少し、自分でも挑戦してみます。
ありがとうございました！
読み込み時にチェックが有っても無くてもclass="on"がついてしまったので、
もともとチェックされているものとされていないもので、
挙動が逆になってしまいましたがとても参考になりました。
もう少し、自分でも挑戦してみます。
>>609
もう見てないかもしれんが、これでいい？
str.replace(/[\\\/:,;*?"<>|]/g, function($_) {
return String.fromCharCode($_.charCodeAt(0) + 0xFEE0);
});
もう見てないかもしれんが、これでいい？
str.replace(/[\\\/:,;*?"<>|]/g, function($_) {
return String.fromCharCode($_.charCodeAt(0) + 0xFEE0);
});
すまん。流れに合ってなかった。
うん、用語の間違いはダメだ。
うん、用語の間違いはダメだ。
すいません、どこも教えて頂けるところがないので、お力をください。
入力必須を、javascriptで設定したいのですが正常に作動しません。
必須項目に入力していなくても、そのままスルーしてサーバーへ転送してしまいます。
初心者で本当に申し訳ないのですが、どなたかご教授お願いします。
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
<!--//
function Check_value(){
if(document.form1.last_name.value == ""){
alert("「お名前（姓）」を入力してください");
return false;
}
return true;
}
//--></SCRIPT>
<form name="form1" action="" method="POST" onSubmit="return Check_value()">
■お名前・姓（必須）
<input id="last_name" maxlength="80" name="last_name" size="20" type="text" />
<input type="submit" name="submit" value="送信">
<input type="reset" name="submit2" value="リセット">
</form>
入力必須を、javascriptで設定したいのですが正常に作動しません。
必須項目に入力していなくても、そのままスルーしてサーバーへ転送してしまいます。
初心者で本当に申し訳ないのですが、どなたかご教授お願いします。
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
<!--//
function Check_value(){
if(document.form1.last_name.value == ""){
alert("「お名前（姓）」を入力してください");
return false;
}
return true;
}
//--></SCRIPT>
<form name="form1" action="" method="POST" onSubmit="return Check_value()">
■お名前・姓（必須）
<input id="last_name" maxlength="80" name="last_name" size="20" type="text" />
<input type="submit" name="submit" value="送信">
<input type="reset" name="submit2" value="リセット">
</form>
>>627
早速のご返答ありがとうございます。
＞パッと見て問題なさそうに見えるな。どのブラウザで試してもダメだった？
はい。ブラウザで試してもダメなんです。
一応テストページを仮サーバーへUPしました。
お手数ではございますが、一度ご覧頂くことは可能ですか？
アラートが出来ない症状をご確認頂ければ幸いです。
http://u-ram.com/data/test.html
（送信ボタンをクリック後は、デバッグページになります）
お忙しいところ恐れ入ります。
宜しくお願いします。
早速のご返答ありがとうございます。
＞パッと見て問題なさそうに見えるな。どのブラウザで試してもダメだった？
はい。ブラウザで試してもダメなんです。
一応テストページを仮サーバーへUPしました。
お手数ではございますが、一度ご覧頂くことは可能ですか？
アラートが出来ない症状をご確認頂ければ幸いです。
http://u-ram.com/data/test.html
（送信ボタンをクリック後は、デバッグページになります）
お忙しいところ恐れ入ります。
宜しくお願いします。
>>628
識別子の先頭に数字は置いちゃだめだよ
識別子の先頭に数字は置いちゃだめだよ
ついでに言えば、id属性の値は数字で始まってはいけない。
name属性の値は数字で始まってもOKだけど、上記のように問題が起きが
ちなので普通使わない。
name属性の値は数字で始まってもOKだけど、上記のように問題が起きが
ちなので普通使わない。
>>629 >>630 >>631
早速ご返答頂いたのに、すぐにお礼を書き込めなくて申し訳ございません。
まずは、皆様ご回答ありがとうございます。626です。
>>629
＞document.fom1.何とか.value
ってなってる箇所を、ドット演算じゃなくて、下のようにカッコと引用符でくくって書きなおせばいけるとおもう
document.fom1['何とか'].value
ありがとうございます。
ご指摘の通り、修正しましたら正常に動きました。
ただ、ラジオボタンの必須部分のscriptがダメなのか
00N10000000ZCNC = document.form1.00N10000000ZCNC[0].checked ?
document.form1.00N10000000ZCNC[0].value;
document.form1.00N10000000ZCNC[1].value;
document.form1.00N10000000ZCNC[2].value
if((document.form1.00N10000000ZCNC[0].checked == false) &&
(document.form1.00N10000000ZCNC[1].checked == false) &&
(document.form1.00N10000000ZCNC[2].checked == false)) {
alert("「ご入居者の性別」を選択してください。");
を入れると、正常に動きません。
再度、ご教授頂けますでしょうか。
>>630
＞識別子の先頭に数字は置いちゃだめだよ
すいません、どの部分のことでしょうか。具体的にご指摘頂けると幸いです。
＞ついでに言えば、id属性の値は数字で始まってはいけない。
そうですよね。私もそう思うのですが、送信先サーバーのシステム都合上、
数字から始まる値しかいただけなくて…。
早速ご返答頂いたのに、すぐにお礼を書き込めなくて申し訳ございません。
まずは、皆様ご回答ありがとうございます。626です。
>>629
＞document.fom1.何とか.value
ってなってる箇所を、ドット演算じゃなくて、下のようにカッコと引用符でくくって書きなおせばいけるとおもう
document.fom1['何とか'].value
ありがとうございます。
ご指摘の通り、修正しましたら正常に動きました。
ただ、ラジオボタンの必須部分のscriptがダメなのか
00N10000000ZCNC = document.form1.00N10000000ZCNC[0].checked ?
document.form1.00N10000000ZCNC[0].value;
document.form1.00N10000000ZCNC[1].value;
document.form1.00N10000000ZCNC[2].value
if((document.form1.00N10000000ZCNC[0].checked == false) &&
(document.form1.00N10000000ZCNC[1].checked == false) &&
(document.form1.00N10000000ZCNC[2].checked == false)) {
alert("「ご入居者の性別」を選択してください。");
を入れると、正常に動きません。
再度、ご教授頂けますでしょうか。
>>630
＞識別子の先頭に数字は置いちゃだめだよ
すいません、どの部分のことでしょうか。具体的にご指摘頂けると幸いです。
＞ついでに言えば、id属性の値は数字で始まってはいけない。
そうですよね。私もそう思うのですが、送信先サーバーのシステム都合上、
数字から始まる値しかいただけなくて…。
今気づいたけど、サンプルコードアップするときはうｐろだとか適当なサイト使いなよｗ
ここで聞いたJavaScriptがサービスで使われるのかと思うとドキドキするわｗ
document.form1.00N10000000ZCNC[0].checked
は>>3からのテンプレ読めばわかる
00N10000000ZCNC =
は変数名なんだから自分の好きなのに変えればいい
あと、三項演算子も間違ってるし、プログミングやったことないならここで聞くより本買いなよ。
手取り足取りスレじゃないし。
ここで聞いたJavaScriptがサービスで使われるのかと思うとドキドキするわｗ
document.form1.00N10000000ZCNC[0].checked
は>>3からのテンプレ読めばわかる
00N10000000ZCNC =
は変数名なんだから自分の好きなのに変えればいい
あと、三項演算子も間違ってるし、プログミングやったことないならここで聞くより本買いなよ。
手取り足取りスレじゃないし。
まずHTMLをまともに書けるようになれ
HTML4でもXHTMLでもないからHTML5と判断せざるをえないが
だったらContent-Script-Typeなんかいらね
HTMLの書き方はDOMに影響するからあんまり適当にやってると後で泣くぞ
HTML4でもXHTMLでもないからHTML5と判断せざるをえないが
だったらContent-Script-Typeなんかいらね
HTMLの書き方はDOMに影響するからあんまり適当にやってると後で泣くぞ
>>425
//ここで10秒待つ
var x = new Date().getTime();
while((10000 + x) > (new Date().getTime())){}
//次の処理//
これでどうだ
//ここで10秒待つ
var x = new Date().getTime();
while((10000 + x) > (new Date().getTime())){}
//次の処理//
これでどうだ
>>429-430
jQueryでキーイベントを制御しているのですが、document,bodyに対してキーイベントを当てた場合、
要素の内部のinputやtextareaに入力しようとすると、そこにキーイベントを取られて入力できません
そこで、inputにフォーカスがあたった際に一時的にキーイベントをオフ(デフォルト値？)にしたいのですが
その方法がわかりません ご教授願います
$(document.body).keydown(function(e){doEvent();});
$("input").focus( function () { removeKeyEvent? ; } ); //イベントを外す何か ここが不明
$("input").blur( function () { $(document.body).keydown(function(e){doEvent();}); ; } );//
要素の内部のinputやtextareaに入力しようとすると、そこにキーイベントを取られて入力できません
そこで、inputにフォーカスがあたった際に一時的にキーイベントをオフ(デフォルト値？)にしたいのですが
その方法がわかりません ご教授願います
$(document.body).keydown(function(e){doEvent();});
$("input").focus( function () { removeKeyEvent? ; } ); //イベントを外す何か ここが不明
$("input").blur( function () { $(document.body).keydown(function(e){doEvent();}); ; } );//
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.96 + (1001) - [97%] - 2012/1/28 23:01
- + JavaScript の質問用スレッド vol.86 + (1001) - [97%] - 2011/5/27 21:50
- + JavaScript の質問用スレッド vol.74 + (1001) - [97%] - 2009/12/1 6:08 ○
- + JavaScript の質問用スレッド vol.75 + (1001) - [97%] - 2010/1/23 1:07 ○
- + JavaScript の質問用スレッド vol.77 + (1001) - [97%] - 2010/5/8 19:06
- + JavaScript の質問用スレッド vol.78 + (1001) - [97%] - 2010/6/25 3:53
- + JavaScript の質問用スレッド vol.79 + (1001) - [97%] - 2010/9/11 6:50
- + JavaScript の質問用スレッド vol.126 + (348) - [95%] - 2023/1/12 17:00
- + JavaScript の質問用スレッド vol.126 + (952) - [95%] - 2015/11/18 13:15
- + JavaScript の質問用スレッド vol.106 + (1001) - [95%] - 2013/7/20 9:30
- + JavaScript の質問用スレッド vol.116 + (1002) - [95%] - 2014/7/1 0:45
- + JavaScript の質問用スレッド vol.136 + (1001) - [95%] - 2019/1/8 11:30
- + JavaScript の質問用スレッド vol.94 + (1001) - [95%] - 2012/1/8 15:46
- + JavaScript の質問用スレッド vol.81 + (1001) - [95%] - 2010/12/10 20:01
- + JavaScript の質問用スレッド vol.82 + (1001) - [95%] - 2011/1/19 7:54
- + JavaScript の質問用スレッド vol.84 + (1001) - [95%] - 2011/3/30 7:32
- + JavaScript の質問用スレッド vol.99 + (1001) - [95%] - 2012/5/7 4:32
トップメニューへ / →のくす牧場書庫について