私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.89 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
createで何十行使うよりinnerHTMLやwrite使って1行で書き出したいって気持ちはとてもよくわかる
いつかの時点までは大量のエレメント書き出すにはinnerHTMLさんが速かった気がする
だからcreateなんちゃらとinnerHTMLとをゴリゴリ差し替えてるよ。
ある要素に入っている文字数によって、その要素のwidthを設定しているのですが、
同じ1バイトでも、iiiiiとMMMMMではだいぶ横幅が違ってきます。
またマルチバイト文字だと1バイト文字より横幅が広くなる場合が多いです。
ようするに文字数より、実際に表示される横幅によって指定したいのですが、
何か方法はないでしょうか？
同じ1バイトでも、iiiiiとMMMMMではだいぶ横幅が違ってきます。
またマルチバイト文字だと1バイト文字より横幅が広くなる場合が多いです。
ようするに文字数より、実際に表示される横幅によって指定したいのですが、
何か方法はないでしょうか？
フォント決め打ちとか能無しすぎるな
<span id="hello">foo</span>
alert(document.getElementById("hello").offsetWidth);
<span id="hello">foo</span>
alert(document.getElementById("hello").offsetWidth);
addEventListenerしたエレメントをremoveChildで削除したんですけど、
削除する前にremoveEventListenerで削除した方がいいでしょうか？
それともJavaScriptエンジンが自動で削除してくれますか？
削除する前にremoveEventListenerで削除した方がいいでしょうか？
それともJavaScriptエンジンが自動で削除してくれますか？
CSSの p { color:black; } を p { color:red; } のように
タグ要素に対するstyleをJavaScriptで丸々書き換えたいのですが
document.getElementsByTagName('p')をfor文でlength分
1つずつ全てのstyleを変更する方法しか思いつきません。
たとえばdocument.getElementsByTagName('p').style.color = "..."のように
一括してstyleの指定する記述や別の良い方法がありましたら教えてください。
タグ要素に対するstyleをJavaScriptで丸々書き換えたいのですが
document.getElementsByTagName('p')をfor文でlength分
1つずつ全てのstyleを変更する方法しか思いつきません。
たとえばdocument.getElementsByTagName('p').style.color = "..."のように
一括してstyleの指定する記述や別の良い方法がありましたら教えてください。
>>614
document.styleSheets を書き換えてください。
document.styleSheets を書き換えてください。
bodyにクラスでどうだい。
<body class="black">
.black p { color:black; }
.red p { color:red; }
document.body.className="red"
<body class="black">
.black p { color:black; }
.red p { color:red; }
document.body.className="red"
jQueryを使用したホームページ作りに関して質問があります。
一つのhtml内に複数のjQueryのプラグインを使用しようとしているのですが、
"TinySlideshow"というプラグインのjsファイルを読み込むと、
他のjQueryを使用したjavascriptやプラグインが機能しなくなります。
この原因と解決策について教えていただきたいです。
よろしくお願いします。
一つのhtml内に複数のjQueryのプラグインを使用しようとしているのですが、
"TinySlideshow"というプラグインのjsファイルを読み込むと、
他のjQueryを使用したjavascriptやプラグインが機能しなくなります。
この原因と解決策について教えていただきたいです。
よろしくお願いします。
jquery.min.jsを2回読んでる
みたいなレスが前にどこかであった気がするが同じような事か？ｗ
みたいなレスが前にどこかであった気がするが同じような事か？ｗ
>>620
いえ、そういう問題ではないです。
TinySlideshowのjsファイルを読み込むと、
他のプラグインが動作しなくなるんです。
他のプラグインは共存できるんですけど、
TinySlideshowを読み込ませるとダメになるという状態です。
いえ、そういう問題ではないです。
TinySlideshowのjsファイルを読み込むと、
他のプラグインが動作しなくなるんです。
他のプラグインは共存できるんですけど、
TinySlideshowを読み込ませるとダメになるという状態です。
"TinySlideshow"だけでググっても似たようなケースの情報が出てくるけどググって見た？試してみた？
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1061963810
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1061963810
jqueryを使ったエフェクトについて質問です。
あるfadeIn()が終了してからこのslideDown()を処理する、というようなのは
どう書けばいいんでしょうか？複数のエフェクトを書くと全てが同時に実行されてしまいました。
あるfadeIn()が終了してからこのslideDown()を処理する、というようなのは
どう書けばいいんでしょうか？複数のエフェクトを書くと全てが同時に実行されてしまいました。
>>624
どこかにUPして見てもらうしかないんじゃないか。
どこかにUPして見てもらうしかないんじゃないか。
とりあえず別のプラグインで代用することにしました。
あまりにもプラグインを増やしすぎて、どこかで思わぬ干渉が起きているのかもしれません。
jQeryについて全然知らない素人なので、勉強を兼ねて色々いじってみようと思います。
お答えくださった方、ありがとうございました。
あまりにもプラグインを増やしすぎて、どこかで思わぬ干渉が起きているのかもしれません。
jQeryについて全然知らない素人なので、勉強を兼ねて色々いじってみようと思います。
お答えくださった方、ありがとうございました。
>>623
コールバックに次の処理を渡せばいいよ
コールバックに次の処理を渡せばいいよ
>>628
ありがとうございました、できました！
ありがとうございました、できました！
<SCRIPT LANGUAGE="JavaScript">
<!--
myTime=(new Date()).getHours();
if(myTime>=5 && myTime<10){
myBack="haikei1.png";
}else if(myTime>=10 && myTime<17){
myBack="haikei2.png";
}else if(myTime>=17 && myTime<23){
myBack="haikei3.png";
}else if(myTime<5 || myTime>=23){
myBack="haikei4.png";
}
document.write("<body background='"+myBack+"'>");
//-->
</SCRIPT>
初歩的?な質問ですみません…
上のソースを外部jsにして動かしたいのですが、どうすればいいのでしょうか…
<!--や</SCRIPT> をとったりしてみたのですが、そうやっても上手くいかないです…。
<!--
myTime=(new Date()).getHours();
if(myTime>=5 && myTime<10){
myBack="haikei1.png";
}else if(myTime>=10 && myTime<17){
myBack="haikei2.png";
}else if(myTime>=17 && myTime<23){
myBack="haikei3.png";
}else if(myTime<5 || myTime>=23){
myBack="haikei4.png";
}
document.write("<body background='"+myBack+"'>");
//-->
</SCRIPT>
初歩的?な質問ですみません…
上のソースを外部jsにして動かしたいのですが、どうすればいいのでしょうか…
<!--や</SCRIPT> をとったりしてみたのですが、そうやっても上手くいかないです…。
> 前者だと入れ子が深くなって人間にとって見難くなるから後者のほうがいいとかですか？
その通り。
あと、falseのケースの方が圧倒的に多い場合。
その通り。
あと、falseのケースの方が圧倒的に多い場合。
これはウィキペディアの画像アップローダーです。
http://commons.wikimedia.org/wiki/Special:UploadWizard
Chromeならファイル選択して直ちに画像プレビューが表示されます。しかもファイルサイズも取得されます。
canvas使ってるみたいです。どういう仕組みか教えて下さい。
このソースにcanvasってコードがあることは突き止めました。
http://bits.wikimedia.org/commons.wikimedia.org/load.php?debug=false&lang=ja&modules=ext!uploadWizard&skin=monobook&version=20110820T023037Z
<input type="file">のvalueを読むとC:\fakepath\～となって正しいファイルパスが取れません。
このセキュリティどう突破しているのか特に気になります。
http://commons.wikimedia.org/wiki/Special:UploadWizard
Chromeならファイル選択して直ちに画像プレビューが表示されます。しかもファイルサイズも取得されます。
canvas使ってるみたいです。どういう仕組みか教えて下さい。
このソースにcanvasってコードがあることは突き止めました。
http://bits.wikimedia.org/commons.wikimedia.org/load.php?debug=false&lang=ja&modules=ext!uploadWizard&skin=monobook&version=20110820T023037Z
<input type="file">のvalueを読むとC:\fakepath\～となって正しいファイルパスが取れません。
このセキュリティどう突破しているのか特に気になります。
document.body
document.documentElement
document.getElementsByTagName('body')[0]
質問者じゃないが、このあたりの使い分けがイマイチわからないんだよな
document.documentElement
document.getElementsByTagName('body')[0]
質問者じゃないが、このあたりの使い分けがイマイチわからないんだよな
>>636
<input type=file> の change イベントを捕まえて、
方法1
iframeをターゲットにして<input type=file>を含むフォームを送信して、
フォーム送信の結果としてサーバから画像とファイルサイズを含んだペー
ジを返す。
方法2
FileReaderを使って読んでdata URLを生成して<img>やら<canvas>やらに
描画
<input type=file> の change イベントを捕まえて、
方法1
iframeをターゲットにして<input type=file>を含むフォームを送信して、
フォーム送信の結果としてサーバから画像とファイルサイズを含んだペー
ジを返す。
方法2
FileReaderを使って読んでdata URLを生成して<img>やら<canvas>やらに
描画
dmmのサイトでサンプル画像を拡大するとき
javascriptでどう画像を処理してるかわかりません。
preview.jsで制御してるぽいところまでは
わかったんですが・・・
http://www.dmm.co.jp/mono/dvd/-/detail/=/cid=iptd701/
http://www.dmm.co.jp/js/preview.js
javascriptでどう画像を処理してるかわかりません。
preview.jsで制御してるぽいところまでは
わかったんですが・・・
http://www.dmm.co.jp/mono/dvd/-/detail/=/cid=iptd701/
http://www.dmm.co.jp/js/preview.js
Ext JSとかjavascriptのGUIフレームワークの話ってどこのスレでやればいいの？
専スレは見つからなかった
専スレは見つからなかった
スタイルシートのスクロール移動するAPIってありますか？
windows.scrollbyみたいな
getElementByID("DIV_ID").scrolltop = ○○
こんな感じだと動いてくれるんですが、
この作りだと同期とれてない気がするので
windows.scrollbyみたいな
getElementByID("DIV_ID").scrolltop = ○○
こんな感じだと動いてくれるんですが、
この作りだと同期とれてない気がするので
自己解決。
①で確実に移動し終わってから処理②に入りたかったんだが
どうやら同期は取れないらしい。
function move(){
var element = document.getElementById('test');
element.scrollTop = 100; //①
//処理②
}
<input type="button" value="move" onclick="move()">
<div id="test" style="height:100px;overflow-y:scroll">
①で確実に移動し終わってから処理②に入りたかったんだが
どうやら同期は取れないらしい。
function move(){
var element = document.getElementById('test');
element.scrollTop = 100; //①
//処理②
}
<input type="button" value="move" onclick="move()">
<div id="test" style="height:100px;overflow-y:scroll">
>>649
もしかして処理②をsetTimeoutで実行すればいいんじゃね
もしかして処理②をsetTimeoutで実行すればいいんじゃね
前へ 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
トップメニューへ / →のくす牧場書庫について