私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.81 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>>640
そこらへんはプロトタイプjsと同居させたりとかあったようななかったような
そこらへんはプロトタイプjsと同居させたりとかあったようななかったような
ちょっとまえにもあったな
var f = function (hoge) {
return function() {
alert(hoge);
}
}
for (var i =0; i < 10;i++) {
addEvent(f(i));
}
こんな感じでaddEventはめんどくさくなったｗ
var f = function (hoge) {
return function() {
alert(hoge);
}
}
for (var i =0; i < 10;i++) {
addEvent(f(i));
}
こんな感じでaddEventはめんどくさくなったｗ
>>655
localStorageから取り出した物は文字列になる
宣言としては
var storage = "/(:?リンゴ|ナシ)、?/g";
と一緒なので明示的に正規表現オブジェクトを生成する必要がある
var storage = new RegExp("(:?リンゴ|ナシ)、?","g");
こんな感じで
localStorageから取り出した物は文字列になる
宣言としては
var storage = "/(:?リンゴ|ナシ)、?/g";
と一緒なので明示的に正規表現オブジェクトを生成する必要がある
var storage = new RegExp("(:?リンゴ|ナシ)、?","g");
こんな感じで
<html>
<head>
<script type="text/javascript">
window.onload = function(){
alert(document.all.tags("table")(0).border);
alert(document.all.tags("table")(0).bgcolor);
}
</script>
</head>
<body>
<table border="1" bgcolor="#00ffff"><tr><td>test</td></tr></table>
</body>
</html>
このソースで、borderのアラート文は「1」と出るのに、bgcolorの方は「undefined」となってしまうのはなぜでしょうか？
<head>
<script type="text/javascript">
window.onload = function(){
alert(document.all.tags("table")(0).border);
alert(document.all.tags("table")(0).bgcolor);
}
</script>
</head>
<body>
<table border="1" bgcolor="#00ffff"><tr><td>test</td></tr></table>
</body>
</html>
このソースで、borderのアラート文は「1」と出るのに、bgcolorの方は「undefined」となってしまうのはなぜでしょうか？
JavaScriptである要素の中だけ、codepadやIdeoneみたいに行数を表示することってできないんでしょうか？
0001 :あ
0002 :い
0003 :う
0004 :え
0005 :お
上記みたいな感じです
どういう物を使えばできるかご教示お願いします
0001 :あ
0002 :い
0003 :う
0004 :え
0005 :お
上記みたいな感じです
どういう物を使えばできるかご教示お願いします
多段階層のオブジェクトで、1つ上位階層の値を、
いちいちトップ階層から辿らないで参照することはできないのでしょうか。
例えば、
a={v1:1, b:{v2:2, c:{v3:3, d:function(){alert(this.v3)} }}}
とした時、dからv2の値を参照する場合
いちいちトップ階層から辿らないで参照することはできないのでしょうか。
例えば、
a={v1:1, b:{v2:2, c:{v3:3, d:function(){alert(this.v3)} }}}
とした時、dからv2の値を参照する場合
その関数は参照「されている」だけで、関数からそのルートを知る術はない。
var a1 = {v1:1, b:{v2:2, c:{v3:3, d:function(){alert(this.v3)} }}}
var func = a1.b.c.d;
var a2 = {u1:4, b:{u2:5, c:{u3:6, d:func }}}
としたとき、
func();
a1.b.c.d();
a2.b.c.d();
は全部同等だということからも明らか。
var a1 = {v1:1, b:{v2:2, c:{v3:3, d:function(){alert(this.v3)} }}}
var func = a1.b.c.d;
var a2 = {u1:4, b:{u2:5, c:{u3:6, d:func }}}
としたとき、
func();
a1.b.c.d();
a2.b.c.d();
は全部同等だということからも明らか。
ありますか、ありがとうございます
var text = windows.getSelection();
これでウィンドウのドラッグして選択した部分を取り出すことができるのですが
テキストエリアの中のいくらかの文字をドラッグしても、何も取り出せないのです、
テキストエリア内の文字を取り出すにはどうすればいいのでしょうか？
var text = windows.getSelection();
これでウィンドウのドラッグして選択した部分を取り出すことができるのですが
テキストエリアの中のいくらかの文字をドラッグしても、何も取り出せないのです、
テキストエリア内の文字を取り出すにはどうすればいいのでしょうか？
>>674
書く方法ならいくらでもありますよ
書く方法ならいくらでもありますよ
>>676
では、教えてくだされ。
では、教えてくだされ。
>>677
テキストエディタでもなんでも使えばよかろう
テキストエディタでもなんでも使えばよかろう
abcにテキストを移動させたときにその内容を保持しておくとか
内容のstyleをいじってhiddenにして移動させたように見せかけておくとか
単純に移動させたときと逆のことをするとか
内容のstyleをいじってhiddenにして移動させたように見せかけておくとか
単純に移動させたときと逆のことをするとか
はじめまして,テキストボックスに入力された数を使って自動で計算できるようにしたいのですが、うまくいきません
<HTML lang="ja">
<HEAD>
<META HTTP-EQUIV="content-script-type" CONTENT="text/javascript">
<TITLE></TITLE>
<script>
function Multiplication(form){
num1 = form.num1.value;
num2 = form.num2.value;
num3 = form.num3.value;
form.ansA.value = eval(num3)/100;
num4 = form.ansA.value
form.ansB.value = 4*eval(num1)+eval(num2);
num5 = form.ansB.value
form.ans.value = 1.20*eval(num4)*eval(num5);
return 0;
}
</script>
</HEAD>
<BODY>
<form name="multiplication">
<input type="text" size="5" name="num1" onBlur="Multiplication(this.form)">
<input type="text" size="5" name="num2" onBlur="Multiplication(this.form)">
<input type="text" size="5" name="num3" onBlur="Multiplication(this.form)">＝
<input type="text" size="10" name="ans" class="txtbox">
<input type="reset" value="reset">
</FORM>
</BODY>
</HTML>
num1,num2,num3に入力された数値を1.20 * ( 4 * num1 + num2) * (num3 /100)という式に代入して計算結果をansに出力したいです
色々と試してみたのですがうまくいかないのでよろしければ教えてください
<HTML lang="ja">
<HEAD>
<META HTTP-EQUIV="content-script-type" CONTENT="text/javascript">
<TITLE></TITLE>
<script>
function Multiplication(form){
num1 = form.num1.value;
num2 = form.num2.value;
num3 = form.num3.value;
form.ansA.value = eval(num3)/100;
num4 = form.ansA.value
form.ansB.value = 4*eval(num1)+eval(num2);
num5 = form.ansB.value
form.ans.value = 1.20*eval(num4)*eval(num5);
return 0;
}
</script>
</HEAD>
<BODY>
<form name="multiplication">
<input type="text" size="5" name="num1" onBlur="Multiplication(this.form)">
<input type="text" size="5" name="num2" onBlur="Multiplication(this.form)">
<input type="text" size="5" name="num3" onBlur="Multiplication(this.form)">＝
<input type="text" size="10" name="ans" class="txtbox">
<input type="reset" value="reset">
</FORM>
</BODY>
</HTML>
num1,num2,num3に入力された数値を1.20 * ( 4 * num1 + num2) * (num3 /100)という式に代入して計算結果をansに出力したいです
色々と試してみたのですがうまくいかないのでよろしければ教えてください
>>680
> form.ansA.value = eval(num3)/100;
> form.ansB.value = 4*eval(num1)+eval(num2);
ansA, ansBってフォーム部品はどこにあるの？
> form.ansA.value = eval(num3)/100;
> form.ansB.value = 4*eval(num1)+eval(num2);
ansA, ansBってフォーム部品はどこにあるの？
>>680
form.ansA.value = eval(num3)/100;
num4 = form.ansA.value
form.ansB.value = 4*eval(num1)+eval(num2);
num5 = form.ansB.value
---------------------------
num4 = eval(num3)/100;
num5 = 4*eval(num1)+eval(num2);
form.ansA.value = eval(num3)/100;
num4 = form.ansA.value
form.ansB.value = 4*eval(num1)+eval(num2);
num5 = form.ansB.value
---------------------------
num4 = eval(num3)/100;
num5 = 4*eval(num1)+eval(num2);
>>679
なんとかめどが立ちました。ありがとうございます。
なんとかめどが立ちました。ありがとうございます。
<!--
var i = 1;
function myfunc() {
while(true)
{
document.getElementById("line-[i]").innerHTML = i;
if(i == 10) {
break;
}
}
}
// -->
～～～省略～～～
<div id="line-1"></div>
<div id="line-2"></div>
<div id="line-3"></div>
>>662さんに言われたことを自分なりやってみたんですけど
こういう感じでやってみたんですけど、<div>～</div>間に数字が挿入されません
ChromeでJavaScriptコンソールで見たんですけど、エラーも出ず・・・
どのようにして<div>～</div>間に数字を代入することができますか？
var i = 1;
function myfunc() {
while(true)
{
document.getElementById("line-[i]").innerHTML = i;
if(i == 10) {
break;
}
}
}
// -->
～～～省略～～～
<div id="line-1"></div>
<div id="line-2"></div>
<div id="line-3"></div>
>>662さんに言われたことを自分なりやってみたんですけど
こういう感じでやってみたんですけど、<div>～</div>間に数字が挿入されません
ChromeでJavaScriptコンソールで見たんですけど、エラーも出ず・・・
どのようにして<div>～</div>間に数字を代入することができますか？
function myFunc() {
for(var i=1;i<=10;i++){var l=document.getElementById("line-"+i);if(l)l.innerHTML=String(i)+l.innerHTML;}
}
for(var i=1;i<=10;i++){var l=document.getElementById("line-"+i);if(l)l.innerHTML=String(i)+l.innerHTML;}
}
本人にはもう少し自己学習で育ってもらわんと、また皆に迷惑をかけに来るから
チャチを入れるだけよりはマシだが、答えだけ教えるのもどうかと思うな
チャチを入れるだけよりはマシだが、答えだけ教えるのもどうかと思うな
要素をソートしたいんですがjavascriptのソートって遅いですよね
Ajaxで鯖に投げるのが主流なんでしょうか？
Ajaxで鯖に投げるのが主流なんでしょうか？
一般論
・ソート対象要素の数が少なければJSだけでも問題ないことも多い
・もちろん要素数が多ければその分時間がかかる
・鯖側で予め色々な順序でソートし、その結果をIDやインデックスのリストとして
hidden要素に埋め込んでおくという手もある
・JavaScriptでループを回している間はブラウザが固まる
・Ajaxの強み
・何も操作できない2秒間よりも非同期通信の待ち時間3秒間の方がずっとマシ
・対応ブラウザを絞って良いのであればWeb Worker使う
・ソートした結果をどのように表示するのか
・テーブルの行を入れ替えたりするDOM操作はあんま速くない
■結論
・何をどうソートしてどう利用するのかを考えろ
・ターゲットとする利用者のマシンスペック、ブラウザも考慮に入れろ
・ソート対象要素の数が少なければJSだけでも問題ないことも多い
・もちろん要素数が多ければその分時間がかかる
・鯖側で予め色々な順序でソートし、その結果をIDやインデックスのリストとして
hidden要素に埋め込んでおくという手もある
・JavaScriptでループを回している間はブラウザが固まる
・Ajaxの強み
・何も操作できない2秒間よりも非同期通信の待ち時間3秒間の方がずっとマシ
・対応ブラウザを絞って良いのであればWeb Worker使う
・ソートした結果をどのように表示するのか
・テーブルの行を入れ替えたりするDOM操作はあんま速くない
■結論
・何をどうソートしてどう利用するのかを考えろ
・ターゲットとする利用者のマシンスペック、ブラウザも考慮に入れろ
forループの内側で何度もwindow.openするのは可能なのに、
setTimeoutを使ったループだとwindow.openさせてくれないのですね。
これは、やはり何らかの制限なのでしょうか？
setTimeoutを使ったループだとwindow.openさせてくれないのですね。
これは、やはり何らかの制限なのでしょうか？
>>691-692
要素数は200～300個です
> ・鯖側で予め色々な順序でソートし、その結果をIDやインデックスのリストとして
> hidden要素に埋め込んでおくという手もある
これもよさそうですね。
要素数は200～300個です
> ・鯖側で予め色々な順序でソートし、その結果をIDやインデックスのリストとして
> hidden要素に埋め込んでおくという手もある
これもよさそうですね。
>>693
よし、まったくわからん
よし、まったくわからん
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.80 + (1001) - [97%] - 2010/11/9 2:17
- + JavaScript の質問用スレッド vol.82 + (1001) - [97%] - 2011/1/19 7:54
- + JavaScript の質問用スレッド vol.83 + (1001) - [97%] - 2011/2/24 8:02
- + JavaScript の質問用スレッド vol.84 + (1001) - [97%] - 2011/3/30 7:32
- + JavaScript の質問用スレッド vol.85 + (1001) - [97%] - 2011/4/25 21:32
- + JavaScript の質問用スレッド vol.86 + (1001) - [97%] - 2011/5/27 21:50
- + JavaScript の質問用スレッド vol.87 + (1001) - [97%] - 2011/6/21 6:33
- + JavaScript の質問用スレッド vol.88 + (1001) - [97%] - 2011/7/20 7:03
- + JavaScript の質問用スレッド vol.89 + (1001) - [97%] - 2011/9/4 4:17
- + JavaScript の質問用スレッド vol.141 + (881) - [95%] - 2021/4/19 9:00
- + JavaScript の質問用スレッド vol.115 + (1001) - [95%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2022/11/29 16:30
- + JavaScript の質問用スレッド vol.119 + (1002) - [95%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.118 + (1002) - [95%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.117 + (1009) - [95%] - 2014/8/5 3:30
- + JavaScript の質問用スレッド vol.116 + (1002) - [95%] - 2014/7/1 0:45
- + JavaScript の質問用スレッド vol.110 + (1001) - [95%] - 2013/10/13 14:01
トップメニューへ / →のくす牧場書庫について