私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.74 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 : ○
レスフィルター : (試験中)
javascriptで格闘ゲームをつくってみたいのですが
何かデモのある良いサイト教えて
何かデモのある良いサイト教えて
よくjavascriptを使ってテキストエリアの文字色や背景、
見出しやリストなんかを編集できるサイトがあるけど(ブログとか)、
ああいう機能を実現するスクリプトでフリーでオススメのがあったら教えてください。
上に書いた程度のことが実現できれば良いです。
今はtinyMCE？だったかな？外なんで分からんけど、ちょっと高機能すぎてもてあまし気味。
見出しやリストなんかを編集できるサイトがあるけど(ブログとか)、
ああいう機能を実現するスクリプトでフリーでオススメのがあったら教えてください。
上に書いた程度のことが実現できれば良いです。
今はtinyMCE？だったかな？外なんで分からんけど、ちょっと高機能すぎてもてあまし気味。
>>210
notがいるんじゃね？
notがいるんじゃね？
古典的だが、始まる前にnew Date()
終わったところでnew Date()
後者から前者を引く
終わったところでnew Date()
後者から前者を引く
var b = new Date().getTime;
～ここに処理を書く～
alert(new Date().getTime - b + "ms秒かかったよ！！");
～ここに処理を書く～
alert(new Date().getTime - b + "ms秒かかったよ！！");
すみません。ソースがちょっと変でした・・・。
function formSubmit(){
document.getElementById('sbm').disabled = true;
document.form1.submit();
}
<form name="form1" action="form.php" method="post" onsubmit="formSubmit();">
<input id="sbm" type="submit" value="内容確認">
</form>
function formSubmit(){
document.getElementById('sbm').disabled = true;
document.form1.submit();
}
<form name="form1" action="form.php" method="post" onsubmit="formSubmit();">
<input id="sbm" type="submit" value="内容確認">
</form>
>>222
確認してないからアイデア止まりだけど、window.onloadでdisabled = trueしてみたら？
それか、記憶（再設定）するのはフォーム関連だけだったと思うから、アプローチを変えて
submitしたときにフォーム外側のブロックをdisplay: noneにして「送信中」と表示するとか
確認してないからアイデア止まりだけど、window.onloadでdisabled = trueしてみたら？
それか、記憶（再設定）するのはフォーム関連だけだったと思うから、アプローチを変えて
submitしたときにフォーム外側のブロックをdisplay: noneにして「送信中」と表示するとか
すみません、window.onloadは勘違いでした・・。
これを入れても前の画面に戻ったらボタンはdisabled状態です。
もう少し考えてみます。
これを入れても前の画面に戻ったらボタンはdisabled状態です。
もう少し考えてみます。
Javascriptと直接絡むか微妙ですが、HTMLのselectタグによる
プルダウンでプルダウンの項目一覧が開いた瞬間と閉じた瞬間
を取得できるイベントってありますでしょうか？
開くのをonMouseDown、閉じるのをonChangeでやっているのですが、
これだと値を変更しなかった場合に閉じるが取れなくて困っています。
代替案でもよいのでご教授いただけるとありがたいです。
プルダウンでプルダウンの項目一覧が開いた瞬間と閉じた瞬間
を取得できるイベントってありますでしょうか？
開くのをonMouseDown、閉じるのをonChangeでやっているのですが、
これだと値を変更しなかった場合に閉じるが取れなくて困っています。
代替案でもよいのでご教授いただけるとありがたいです。
>>226
selectのonchangeってブラウザによってタイミングが違ったような気がするけど...
selectのonchangeってブラウザによってタイミングが違ったような気がするけど...
onmousedownも微妙なんだよね。
Alt+↓とかで開いたりすることもあるし。
onchangeだって開かなくても変更(選択してから上下等)すれば起こる。
そのイベントで「何をしたいか」をはっきりさせてくれると代替案が出しやすい。
Alt+↓とかで開いたりすることもあるし。
onchangeだって開かなくても変更(選択してから上下等)すれば起こる。
そのイベントで「何をしたいか」をはっきりさせてくれると代替案が出しやすい。
やりたい事は、プルダウンが開いた時にだけwidthを広げ、プルダウンが
閉じた時にwidthを元に戻すというものです。
プルダウンの項目の中に長い文字があって、元のwidthより広くなる場合、
IEだと広がった部分の幅が元のwidthと同じなので文字が全部表示され
ないんですよね……。(Firefoxとoperaでは問題ないのですが)
閉じた時にwidthを元に戻すというものです。
プルダウンの項目の中に長い文字があって、元のwidthより広くなる場合、
IEだと広がった部分の幅が元のwidthと同じなので文字が全部表示され
ないんですよね……。(Firefoxとoperaでは問題ないのですが)
ちとめんどくさいね。
開き方としてはつぎの二通り
mousedown => focus
focus => keydown
こいつらフラグなり駆使して監視してやればOK
それが自分でできないなら仕様を再検討するべき
じゃ頑張って
開き方としてはつぎの二通り
mousedown => focus
focus => keydown
こいつらフラグなり駆使して監視してやればOK
それが自分でできないなら仕様を再検討するべき
じゃ頑張って
リロードしないで書き込んだらかぶった…
すみません。
すみません。
>>231,232
ありがとうございます。アドバイスを参考に下記のようにしてうまくいきました！
var Count = 0
function SelectOnMouseUp(){
if(Count == 0){
document.form.pulldown.style.width = 50;
}
}
function SelectOnMouseDown(){
if(Count == 0){
Count = 1;
document.form.pulldown.style.width = 200;
}
else if(Count == 1){
Count = 0;
}
}
function SelectOnKeydown(){
if(Count == 1){
Count = 0;
document.form.pulldown.style.width = 50;
}
}
function SelectOnBlur(){
document.form.pulldown.style.width = 50;
}
<select name="pulldown" style="width:50px" onmousedown="javascript:SelectOnMouseDown()" onmouseup="javascript:SelectOnMouseUp()" onkeydown="javascript:SelectOnKeydown()" onblur="javascript:SelectOnBlur()" >
ありがとうございます。アドバイスを参考に下記のようにしてうまくいきました！
var Count = 0
function SelectOnMouseUp(){
if(Count == 0){
document.form.pulldown.style.width = 50;
}
}
function SelectOnMouseDown(){
if(Count == 0){
Count = 1;
document.form.pulldown.style.width = 200;
}
else if(Count == 1){
Count = 0;
}
}
function SelectOnKeydown(){
if(Count == 1){
Count = 0;
document.form.pulldown.style.width = 50;
}
}
function SelectOnBlur(){
document.form.pulldown.style.width = 50;
}
<select name="pulldown" style="width:50px" onmousedown="javascript:SelectOnMouseDown()" onmouseup="javascript:SelectOnMouseUp()" onkeydown="javascript:SelectOnKeydown()" onblur="javascript:SelectOnBlur()" >
<html></body>
<div style="width:450;height:450px;border:1px solid blue;cursor:pointer;">
<canvas id="tes1" width=450 height=450 style="position:relative;background-color:rgb(200,0,0);"></canvas>
<canvas id="tes2" width=450 height=450 style="position:relative;bottom:450px;background-color:rgba(0,0,200,0.5);"></canvas>
</div><div style="border:1px solid black;">foot</div>
</body></html>
これfirefoxだとfoot含むした側に450pxらしきものがあったり
operaだとfootの上に450*2px分出てきてしまうけど
どうにかならんのかおしえて。
・一番上のdivのwidthを450*2以上にして、bottomのところをleft:450px;というのはなしで
・absoluteもなしで
<div style="width:450;height:450px;border:1px solid blue;cursor:pointer;">
<canvas id="tes1" width=450 height=450 style="position:relative;background-color:rgb(200,0,0);"></canvas>
<canvas id="tes2" width=450 height=450 style="position:relative;bottom:450px;background-color:rgba(0,0,200,0.5);"></canvas>
</div><div style="border:1px solid black;">foot</div>
</body></html>
これfirefoxだとfoot含むした側に450pxらしきものがあったり
operaだとfootの上に450*2px分出てきてしまうけど
どうにかならんのかおしえて。
・一番上のdivのwidthを450*2以上にして、bottomのところをleft:450px;というのはなしで
・absoluteもなしで
>>236
１行目からそれかいっ！
１行目からそれかいっ！
>>239
今気づいた。そして爆笑したｗ
今気づいた。そして爆笑したｗ
Jscriptはjavascriptをカバーしていて独自の拡張性をもっているの
ならJscrriptはjavascriptの上を行っているのですよね。そんなす
ごいものならなぜみんな使わないのですか？
あと将来的に、javascriptがJscriptになる日は来ますか？勉強した
方がよいでしょうか。
ならJscrriptはjavascriptの上を行っているのですよね。そんなす
ごいものならなぜみんな使わないのですか？
あと将来的に、javascriptがJscriptになる日は来ますか？勉強した
方がよいでしょうか。
たとえばLinuxはウインドウの描画をするためにX Windowというものを使っている
このX Windowは1987年に仕様が決定されて以来拡張や変更が行われずにほぼ完全な互換性を維持している
互換性って大切なんだぜ
このX Windowは1987年に仕様が決定されて以来拡張や変更が行われずにほぼ完全な互換性を維持している
互換性って大切なんだぜ
var isNewIE = typeof(document.documentElement.style.msInterpolationMode) != "undefined" ? true : false;
なんかもっとスマートなやり方があったような気がする。。。
なんかもっとスマートなやり方があったような気がする。。。
var IE = false;
/*@cc_on IE = true;@*/
alert(IE);
/*@cc_on IE = true;@*/
alert(IE);
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.94 + (1001) - [97%] - 2012/1/8 15:46
- + JavaScript の質問用スレッド vol.79 + (1001) - [97%] - 2010/9/11 6:50
- + JavaScript の質問用スレッド vol.84 + (1001) - [97%] - 2011/3/30 7:32
- + JavaScript の質問用スレッド vol.75 + (1001) - [97%] - 2010/1/23 1:07 ○
- + JavaScript の質問用スレッド vol.76 + (1001) - [97%] - 2010/3/10 4:02
- + JavaScript の質問用スレッド vol.77 + (1001) - [97%] - 2010/5/8 19:06
- + JavaScript の質問用スレッド vol.78 + (1001) - [97%] - 2010/6/25 3:53
- + JavaScript の質問用スレッド vol.104 + (1001) - [95%] - 2013/1/28 4:00
- + JavaScript の質問用スレッド vol.124 + (1001) - [95%] - 2015/7/16 1:30
- + JavaScript の質問用スレッド vol.142 + (984) - [95%] - 2020/8/27 19:15
- + JavaScript の質問用スレッド vol.134 + (1001) - [95%] - 2018/8/3 23:15
- + JavaScript の質問用スレッド vol.141 + (881) - [95%] - 2021/4/19 9:00
- + JavaScript の質問用スレッド vol.140 + (1001) - [95%] - 2019/9/19 10:45
- + JavaScript の質問用スレッド vol.141 + (1001) - [95%] - 2019/9/22 23:15
- + JavaScript の質問用スレッド vol.142 + (926) - [95%] - 2019/12/23 13:15
- + JavaScript の質問用スレッド vol.143 + (753) - [95%] - 2020/4/19 5:00
- + JavaScript の質問用スレッド vol.144 + (288) - [95%] - 2020/5/17 20:00
トップメニューへ / →のくす牧場書庫について