私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.80 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>>444
どういう使いかたをするかにもよる
現在ではjavascript:スキームを使ったほうがよい場面は少ないので、＃でいいと思う
ページ内遷移させたくないならpreventDefault()やreturnValueの設定を忘れずに
JavaScript無効時に意味を持たないアンカーはJavaScript側で生成・挿入したほうが無難だったり
a要素ライクな体裁を持たせたいがIE6対応が必要な場合にはa要素を使うしかなかったり（CSSの疑似クラス未対応問題）
単なるボタンとして使う場合は、できればWAI-ARIAのroleを持たせてやったほうがよかったり
WCAG 2.0のシングルA対応するならもっと色々考えることがあったり
そのへん全然ワカンネ、というなら最初にいった結論に戻るけど#一択が無難じゃないのかな
どういう使いかたをするかにもよる
現在ではjavascript:スキームを使ったほうがよい場面は少ないので、＃でいいと思う
ページ内遷移させたくないならpreventDefault()やreturnValueの設定を忘れずに
JavaScript無効時に意味を持たないアンカーはJavaScript側で生成・挿入したほうが無難だったり
a要素ライクな体裁を持たせたいがIE6対応が必要な場合にはa要素を使うしかなかったり（CSSの疑似クラス未対応問題）
単なるボタンとして使う場合は、できればWAI-ARIAのroleを持たせてやったほうがよかったり
WCAG 2.0のシングルA対応するならもっと色々考えることがあったり
そのへん全然ワカンネ、というなら最初にいった結論に戻るけど#一択が無難じゃないのかな
document.styleSheetsを使う
style属性で疑似クラスを表現する方法を策定中という記事を読んだことがあるけど
あれからどうなったんだろうな
style属性で疑似クラスを表現する方法を策定中という記事を読んだことがあるけど
あれからどうなったんだろうな
>>454
http://www.w3.org/TR/2010/CR-css-style-attr-20101012/
履歴を追えば分かるが、2002年でストップしていたものをHTML5が引っ張り出したもの
その際、疑似クラスの部分はきれいさっぱり削ぎ落とした
http://www.w3.org/TR/2010/CR-css-style-attr-20101012/
履歴を追えば分かるが、2002年でストップしていたものをHTML5が引っ張り出したもの
その際、疑似クラスの部分はきれいさっぱり削ぎ落とした
<form action="#">
<select>
<option value="">▼選択してください</option>
<option value="apple">りんご</option>
<option value="banana">バナナ</option>
</select>
</form>
formタグ内を操作せずに、selectタグに
「onchange="alert(this.options[this.options.selectedIndex].text)"」を追加するには
どう記述すればよいでしょうか？
formタグはプログラムで自動生成されるので、そちらを弄ることができないのです。
サンプルでは省略しましたが、name要素はあります。
nameか・・・nameは複数につけられるからなぁ・・・
対象となるエレメントをXPathなりquerySelectorAllで取得して
それにaddEventListenerとかすればいいんでないの？
対象となるエレメントをXPathなりquerySelectorAllで取得して
それにaddEventListenerとかすればいいんでないの？
HTMLにはname要素というものはないと思うが。要素とかそういう用語が
分かってなくてDOM操作を書くのは無理な気もするけど…
document.forms.名前Ａ.elements.名前Ｂ.onchange = function() {
alert(this.options[this.selectedIndex].text); };
かなあ。試してないけど。あと関数の中身のコードは適当に推測で
変えたけど。そして名前Ａはform要素のname属性の値、
名前Ｂはselect要素のname属性の値。属性とは何か分からないなら
あきらめた方がいいと思う。あと、上記のコードを実行すると
form要素の子要素の属性を変更しているので、それが「formタグ内を
操作している」ことになるというのならやっぱりあきらめた方が
いいと思う。
分かってなくてDOM操作を書くのは無理な気もするけど…
document.forms.名前Ａ.elements.名前Ｂ.onchange = function() {
alert(this.options[this.selectedIndex].text); };
かなあ。試してないけど。あと関数の中身のコードは適当に推測で
変えたけど。そして名前Ａはform要素のname属性の値、
名前Ｂはselect要素のname属性の値。属性とは何か分からないなら
あきらめた方がいいと思う。あと、上記のコードを実行すると
form要素の子要素の属性を変更しているので、それが「formタグ内を
操作している」ことになるというのならやっぱりあきらめた方が
いいと思う。
下記のようにしましたが、反応してくれないです。。
ちなみにIE8です。
<SCRIPT type="text/javascript">
document.forms.form.elements.selecter.onchange = function() {
alert(this.options[this.selectedIndex].text); };
</SCRIPT>
<form name="form" action="#">
<select name="selecter">
<option value="">▼選択してください</option>
<option value="apple">りんご</option>
<option value="banana">バナナ</option>
</select>
</form>
ちなみにIE8です。
<SCRIPT type="text/javascript">
document.forms.form.elements.selecter.onchange = function() {
alert(this.options[this.selectedIndex].text); };
</SCRIPT>
<form name="form" action="#">
<select name="selecter">
<option value="">▼選択してください</option>
<option value="apple">りんご</option>
<option value="banana">バナナ</option>
</select>
</form>
こんにちは、ちょっと質問があります。
元々PHPでWEBサイトを作っていました。
JavaScriptのエフェクトが気に入ったのでJavaScriptを勉強しました。
すると、PHPでもJavaScriptでもどちらでも可能な部分が出てきました。
例えばフォームの入力内容をチェックするコードなどです。
そゆときはどちらでやればいいのでしょうか。悩んでます。
元々PHPでWEBサイトを作っていました。
JavaScriptのエフェクトが気に入ったのでJavaScriptを勉強しました。
すると、PHPでもJavaScriptでもどちらでも可能な部分が出てきました。
例えばフォームの入力内容をチェックするコードなどです。
そゆときはどちらでやればいいのでしょうか。悩んでます。
どっちででもするもんじゃないの？Javascript側で即チェックするのはユーザビリティのため
PHP側で送信時にチェックするのはデータを安全に受け取るため
PHP側で送信時にチェックするのはデータを安全に受け取るため
>>464
両方でやるべき。
手間とサーバーの負荷を考えるとJavaScriptだが、
JavaScriptがオフの環境もあるし、
パスワードなんかはJavaScriptでは無理。
どうしても二者択一ならPHPだが。
両方でやるべき。
手間とサーバーの負荷を考えるとJavaScriptだが、
JavaScriptがオフの環境もあるし、
パスワードなんかはJavaScriptでは無理。
どうしても二者択一ならPHPだが。
PHP側でチェックしないというのはありえない
JavaScriptでのチェックをすり抜ける方法はあるからな
JavaScriptでのチェックをすり抜ける方法はあるからな
getElementByIdでうまくいきました。
実際はselectタグじゃなくてinputタグで行っていたのですが、
キー入力しただけでは反応しなくて、
フォーカスが移動しないと、onchangeは働かないのですね。
リアルタイムな変更に対応するにはどうすればいいですか？
実際はselectタグじゃなくてinputタグで行っていたのですが、
キー入力しただけでは反応しなくて、
フォーカスが移動しないと、onchangeは働かないのですね。
リアルタイムな変更に対応するにはどうすればいいですか？
document.styleSheetsって、確かブラウザ依存する定義だったよな
>>469
見張れ
見張れ
AEやOEのような合字やアクサン付きのアルファベット等を、
その元となった文字とマッチングさせたい（文字列比較で同一の文字として扱いたい）のですが、
一覧を自前で保持する他に、組み込み関数等を用いた適当な方法はあるでしょうか。
ブラウザ/JavaScriptエンジン依存でも構いません。
Google Chromeのページ内検索だと、欧文合字どころか〼（ます）とか〆（しめ）とかまで引っかかるので
何かうまい方法があるのかと気になって……。
その元となった文字とマッチングさせたい（文字列比較で同一の文字として扱いたい）のですが、
一覧を自前で保持する他に、組み込み関数等を用いた適当な方法はあるでしょうか。
ブラウザ/JavaScriptエンジン依存でも構いません。
Google Chromeのページ内検索だと、欧文合字どころか〼（ます）とか〆（しめ）とかまで引っかかるので
何かうまい方法があるのかと気になって……。
運営しているサイトのユーザーさん向けにウィジェットを作ろうと思っているんですが、
こういうコードを貼りつけてもらう系のって、やっぱりjqueryとかのライブラリ使わずに
生javascript直書きで実装した方がよいでしょうか？
例えばjquery使って実装したものをユーザーさんが自分のサイトに貼り付けたとき、
そのサイトでprototypeとかゴリゴリ使っていたら衝突してしまったりするのではないかなと思いまして。
ご意見いただけると嬉しいです。
こういうコードを貼りつけてもらう系のって、やっぱりjqueryとかのライブラリ使わずに
生javascript直書きで実装した方がよいでしょうか？
例えばjquery使って実装したものをユーザーさんが自分のサイトに貼り付けたとき、
そのサイトでprototypeとかゴリゴリ使っていたら衝突してしまったりするのではないかなと思いまして。
ご意見いただけると嬉しいです。
そうだね。namespaseも一つにしてできるだけ衝突する可能性を敷く苦したほうがいい
作られた変数を一覧するようなことはどうすればできますか？firebugとかそういうのを使うんですか？
どうもありがとうございます
無名関数の外にあるものを取得する場合はこんな感じ？ですか？
javascript:(function(a){for(var i in window){a+=i+" : "}alert(a);})("");
もともとあるwindowのプロパティは拾わないようにするにはどうすればいいんでしょうか
無名関数の外にあるものを取得する場合はこんな感じ？ですか？
javascript:(function(a){for(var i in window){a+=i+" : "}alert(a);})("");
もともとあるwindowのプロパティは拾わないようにするにはどうすればいいんでしょうか
>>479
Firebugのデバッガ使えばそのaも見ることできるよ
Firebugのデバッガ使えばそのaも見ることできるよ
>>480
Firefoxなら 'propName' in window.__proto__ で元々持ってるプロパティを選別することができると思う
まとめると多分こんな感じ
javascript:(function(a){for(var i in window){if (!(i in window.__proto__))a+=i+" : "}alert(a);})("");
Firefoxなら 'propName' in window.__proto__ で元々持ってるプロパティを選別することができると思う
まとめると多分こんな感じ
javascript:(function(a){for(var i in window){if (!(i in window.__proto__))a+=i+" : "}alert(a);})("");
>>479
ステップ実行するかconsole.log(a)で見れるよ
ステップ実行するかconsole.log(a)で見れるよ
初歩的な質問なんですが、お願いします。
<div class="hoge">
<p>
<h2>
<a href="http://hogehoge">リンクテキスト</a>
</h2>
</p>
</div>
という部分から、「リンクテキスト」という文字列を取り出したいんですけど、
何故か中々うまく行きません。
どういった方法を取るのが良いのでしょうか・・・アドバイス頂けないでしょうか
<div class="hoge">
<p>
<h2>
<a href="http://hogehoge">リンクテキスト</a>
</h2>
</p>
</div>
という部分から、「リンクテキスト」という文字列を取り出したいんですけど、
何故か中々うまく行きません。
どういった方法を取るのが良いのでしょうか・・・アドバイス頂けないでしょうか
>>485
aタグにIDをつけたらどうでしょうか？
<a href="http://hogehoge" id="test">リンクテキスト</a>
<script type="text/javascript">
alert(document.getElementById('test'));
</script>
aタグにIDをつけたらどうでしょうか？
<a href="http://hogehoge" id="test">リンクテキスト</a>
<script type="text/javascript">
alert(document.getElementById('test'));
</script>
document.querySelector('div.hoge > p > h2 > a').textContent
pの中にh2とか馬鹿じゃね
pの中にh2とか馬鹿じゃね
例えば(C)マークを表示するつもりで
element.appendChild(document.createTextNode("©"));
とすると、実際にはelementの中身は「©」になってしまいます。
本来の目的どおり「©」をappendChildするにはどうやればよいのでしょうか？
element.appendChild(document.createTextNode("©"));
とすると、実際にはelementの中身は「©」になってしまいます。
本来の目的どおり「©」をappendChildするにはどうやればよいのでしょうか？
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.85 + (1001) - [97%] - 2011/4/25 21:32
- + JavaScript の質問用スレッド vol.81 + (1001) - [97%] - 2010/12/10 20:01
- + JavaScript の質問用スレッド vol.87 + (1001) - [97%] - 2011/6/21 6:33
- + JavaScript の質問用スレッド vol.86 + (1001) - [97%] - 2011/5/27 21:50
- + JavaScript の質問用スレッド vol.90 + (1001) - [97%] - 2011/10/26 4:18
- + JavaScript の質問用スレッド vol.84 + (1001) - [97%] - 2011/3/30 7:32
- + JavaScript の質問用スレッド vol.83 + (1001) - [97%] - 2011/2/24 8:02
- + JavaScript の質問用スレッド vol.82 + (1001) - [97%] - 2011/1/19 7:54
- + JavaScript の質問用スレッド vol.90 + (1001) - [97%] - 2011/11/15 20:32
- + JavaScript の質問用スレッド vol.89 + (1001) - [97%] - 2011/9/4 4:17
- + JavaScript の質問用スレッド vol.88 + (1001) - [97%] - 2011/7/20 7:03
- + JavaScript の質問用スレッド vol.130 + (1001) - [95%] - 2017/11/25 20:45
- + JavaScript の質問用スレッド vol.104 + (1001) - [95%] - 2013/1/28 4:00
- + JavaScript の質問用スレッド vol.103 + (1001) - [95%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.102 + (1001) - [95%] - 2012/9/11 17:30
- + JavaScript の質問用スレッド vol.120 + (1002) - [95%] - 2014/11/8 1:15
- + JavaScript の質問用スレッド vol.101 + (1001) - [95%] - 2012/7/16 14:15
トップメニューへ / →のくす牧場書庫について