私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.89 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>>53
早速のご指導ありがとうございます。
私の不勉強でまだ思う挙動となっておりませんが、
ご教授いただきましたDOMまわりを調べて勉強したいと思います。
また不明な点がありましたら質問させていただくかと思いますが、
どうぞよろしくお願いします。
早速のご指導ありがとうございます。
私の不勉強でまだ思う挙動となっておりませんが、
ご教授いただきましたDOMまわりを調べて勉強したいと思います。
また不明な点がありましたら質問させていただくかと思いますが、
どうぞよろしくお願いします。
解釈概ねOKです。まあ元コードをいじったけだし。
fontsize = new Array();
fontsize[0] = "13px";
fontsize[1] = "18px";
fontsize[2] = "24px";
fontsize[3] = "36px";
var p = document.getElementsByTagName("p");
for(var i=0,j=p.length;i<j;i++){
n = Math.floor(Math.random()*fontsize.length);
p[i].style.fontSize= fontsize[n];
}
自分もガッツリやってるわけじゃないので他の人のツッコミ待ちだけど
スクリプトが<p>の記述後じゃないとp要素が取得出来ないのでスクリプトを後ろに持ってくといいです。
あと7行目は ? i<=j ○ i<j でした。
fontsize = new Array();
fontsize[0] = "13px";
fontsize[1] = "18px";
fontsize[2] = "24px";
fontsize[3] = "36px";
var p = document.getElementsByTagName("p");
for(var i=0,j=p.length;i<j;i++){
n = Math.floor(Math.random()*fontsize.length);
p[i].style.fontSize= fontsize[n];
}
自分もガッツリやってるわけじゃないので他の人のツッコミ待ちだけど
スクリプトが<p>の記述後じゃないとp要素が取得出来ないのでスクリプトを後ろに持ってくといいです。
あと7行目は ? i<=j ○ i<j でした。
もっとふさわしいスレがあれば誘導お願いします。
IP、ブラウザ、OS、画面解像度などを取得してログに書き出す
JavaScriptのサンプルが乗っているページを探しております。
ご存知の方はどうかお願いします。
IP、ブラウザ、OS、画面解像度などを取得してログに書き出す
JavaScriptのサンプルが乗っているページを探しております。
ご存知の方はどうかお願いします。
>>61
GoogleAnalyticsはもう導入しております。
ですがGoogleAnalyticsだと、プロバイダとかホスト名までは表示出来ますが、
IPでユーザー固有の部分まではわからないのです。
たとえば
K123456.sonet.ne.jp
がアクセスした場合に、sonet.ne.jpはわかりますが、ユーザー固有のK123456は
表示されないのでわからず、個人レベルで確認ができません。
もう一つ、プロクシを使ってアクセスされた場合に、GoogleAnalyticsは
プロクシのIPを記録するだけで、ユーザーのIPはわからんのです。
プロクシを使われれば別人に見えてしまうので。
GoogleAnalyticsはもう導入しております。
ですがGoogleAnalyticsだと、プロバイダとかホスト名までは表示出来ますが、
IPでユーザー固有の部分まではわからないのです。
たとえば
K123456.sonet.ne.jp
がアクセスした場合に、sonet.ne.jpはわかりますが、ユーザー固有のK123456は
表示されないのでわからず、個人レベルで確認ができません。
もう一つ、プロクシを使ってアクセスされた場合に、GoogleAnalyticsは
プロクシのIPを記録するだけで、ユーザーのIPはわからんのです。
プロクシを使われれば別人に見えてしまうので。
>>62
JSはIPを保持していなかったと思うが・・・
JSはIPを保持していなかったと思うが・・・
GoogleAnalyticsはJavaScript無効のときでもアクセスを記録してくれるので、
それとJavaScriptを併用して、プロクシでアクセスしてる人を把握したい。
もっとも、JavaScriptを無効にしてアクセスされたらどうしようもないんですけど、
それはもう仕方ないんで・・・
それとJavaScriptを併用して、プロクシでアクセスしてる人を把握したい。
もっとも、JavaScriptを無効にしてアクセスされたらどうしようもないんですけど、
それはもう仕方ないんで・・・
>>65
すいません。もう少し詳しい情報をいただけましたら嬉しいです。
すいません。もう少し詳しい情報をいただけましたら嬉しいです。
IPアドレスはページにアクセスされたときサーバー側で取得すりゃあええんじゃないの
>>69
ファンシーフォームてのはMooToolsベースだから、たぶん$衝突。
jQuery - MooToolsの順にjsファイルを読み込む。(カルーセルが動かなくなる順序)
jQuery(function ($) {
$(selector)... // カルーセルパネル
});
jQueryの方を少し書き換えれば動くようになると思うけど。
ファンシーフォームてのはMooToolsベースだから、たぶん$衝突。
jQuery - MooToolsの順にjsファイルを読み込む。(カルーセルが動かなくなる順序)
jQuery(function ($) {
$(selector)... // カルーセルパネル
});
jQueryの方を少し書き換えれば動くようになると思うけど。
インラインフレームでテキストファイルを表示させてるけど
そのテキストファイルが存在しない(または空の)ときはインラインフレームを表示させないって方法はあるのかな?
Ajax.updaterで表示させるとファイルが空なら無駄なスペースあんまりとらないけど
ファイルの行数が長いとだらだら縦長に表示してしまう
インラインフレームだと長い内容でも領域内でスクロールさせればすっきりするけど
ファイルが空で何も表示する内容が無い場合でも無駄な表示領域が残って不自然な空間が出来てしまう・・・
そのテキストファイルが存在しない(または空の)ときはインラインフレームを表示させないって方法はあるのかな?
Ajax.updaterで表示させるとファイルが空なら無駄なスペースあんまりとらないけど
ファイルの行数が長いとだらだら縦長に表示してしまう
インラインフレームだと長い内容でも領域内でスクロールさせればすっきりするけど
ファイルが空で何も表示する内容が無い場合でも無駄な表示領域が残って不自然な空間が出来てしまう・・・
>>72
ありがとうございます!
納得できました。
jQuery.noConflict() っていう$衝突回避のメソッドも見つけられたので
これでできそうです。
http://allabout.co.jp/gm/gc/24167/3/
ありがとうございます!
納得できました。
jQuery.noConflict() っていう$衝突回避のメソッドも見つけられたので
これでできそうです。
http://allabout.co.jp/gm/gc/24167/3/
http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/
上記サイトを参考にlavalampmenuを作成し自身のパソコン2機種(Mac・ブラウザーFirefox、sa
fari、opera、googlechrome現行最新Ver.)で問題なく動作を確認したのですが、Mac版IE5.2、
win版IE6、IE8(別PC2機種で試用、java.script有効)ではカーソルに合わせて移動するシャドウ部
分が全く表示されませんでした。
同Win機で上記サイトを閲覧したところ、lavalampmenuは意図通りに動作したため、私が作成した
ソースに問題ありなのは間違いないようですが、問題解決に向けて何処をチェックすればよいでしょ
う?「reset.css」を読み込んでいるのが問題でしょうか。Mac版IE5.2はともかくwinIEには何とか
対応して欲しいと考えております。宜しくお願いします。
上記サイトを参考にlavalampmenuを作成し自身のパソコン2機種(Mac・ブラウザーFirefox、sa
fari、opera、googlechrome現行最新Ver.)で問題なく動作を確認したのですが、Mac版IE5.2、
win版IE6、IE8(別PC2機種で試用、java.script有効)ではカーソルに合わせて移動するシャドウ部
分が全く表示されませんでした。
同Win機で上記サイトを閲覧したところ、lavalampmenuは意図通りに動作したため、私が作成した
ソースに問題ありなのは間違いないようですが、問題解決に向けて何処をチェックすればよいでしょ
う?「reset.css」を読み込んでいるのが問題でしょうか。Mac版IE5.2はともかくwinIEには何とか
対応して欲しいと考えております。宜しくお願いします。
>>76
まず、関係ないものを全部削って動かしてみ。
それでも動かないなら、設置に問題がある。
動くなら、今度は少しずつ削ってみ。
そのreset.cssとか。
そうやって問題のある箇所を追い込んでいくといいよ
まず、関係ないものを全部削って動かしてみ。
それでも動かないなら、設置に問題がある。
動くなら、今度は少しずつ削ってみ。
そのreset.cssとか。
そうやって問題のある箇所を追い込んでいくといいよ
>>77
ありがとうございます。この週末に調べてみたいと思います。
ありがとうございます。この週末に調べてみたいと思います。
>>79
たぶんJSから離れて考えたほうがいいと思う
サーバサイドスクリプトは難しいって思い込んでるみたいだけど
PHPとかだったら比較的簡単なんで
サーバでは取りづらい、画面の大きさとか
そういうのだけJSで取るって方向性でやったほうがいいよ
簡単な開発だったら、Windows用のApache2とPHP入れたり
VMWareFusionにLinux入れるって手もあるし
マカーだったら、普通にApache2とPHP5.2が動いてる
リモホと串とか考慮するならリモートのサーバが必要だけど
さくらのレンサバの一番安いやつとかでも十分だし
たぶんJSから離れて考えたほうがいいと思う
サーバサイドスクリプトは難しいって思い込んでるみたいだけど
PHPとかだったら比較的簡単なんで
サーバでは取りづらい、画面の大きさとか
そういうのだけJSで取るって方向性でやったほうがいいよ
簡単な開発だったら、Windows用のApache2とPHP入れたり
VMWareFusionにLinux入れるって手もあるし
マカーだったら、普通にApache2とPHP5.2が動いてる
リモホと串とか考慮するならリモートのサーバが必要だけど
さくらのレンサバの一番安いやつとかでも十分だし
診断君だかで漏れてるって言われるような串は単純に環境変数を拾っているだけなので
perlでもphpでも数行で拾える
perlでもphpでも数行で拾える
$('div').css('display', 'none').html(略).fadeIn(100);
or
$('div').hide().html(略).fadeIn(100);
遅延も捕捉も必要なし。fadeIn()にはdisplay: noneが必要。
or
$('div').hide().html(略).fadeIn(100);
遅延も捕捉も必要なし。fadeIn()にはdisplay: noneが必要。
ありがとうございます
>遅延も捕捉も必要なし。
.html(略).fadeIn(100);と言う風にメソッドチェーンする時は
必ず直前のメソッドの完了を待ってから次が実行されるってことですか
じゃ、変に見えるのは目の錯覚なのかな
ありがとうございました
>遅延も捕捉も必要なし。
.html(略).fadeIn(100);と言う風にメソッドチェーンする時は
必ず直前のメソッドの完了を待ってから次が実行されるってことですか
じゃ、変に見えるのは目の錯覚なのかな
ありがとうございました
> 必ず直前のメソッドの完了を待ってから次が実行されるってことですか
てか、直前のメソッドがjQueryオブジェクトを返さないことにはfadeInにアクセスできんわな。
メソッドチェーンだかなんだか知らんけど、そんなの関係ない。
関数がなんらかの値を返せば、それは「完了」ってことね。
てか、直前のメソッドがjQueryオブジェクトを返さないことにはfadeInにアクセスできんわな。
メソッドチェーンだかなんだか知らんけど、そんなの関係ない。
関数がなんらかの値を返せば、それは「完了」ってことね。
jquery.rollover.js
jquery.easing.min
jquery.lavalamp.min.js
上記のjqueryを使用している部分がIE(6.7.8にて確認)で動作しないようです。
コードをいじれば動作するものかも知れませんが、自身で解決は難しそうです。
jqueryとIEの相性に関してはどう向き合うのがよいのでしょう。
IE閲覧を念頭におくなら使わないほうが賢明でしょうか?
jquery.easing.min
jquery.lavalamp.min.js
上記のjqueryを使用している部分がIE(6.7.8にて確認)で動作しないようです。
コードをいじれば動作するものかも知れませんが、自身で解決は難しそうです。
jqueryとIEの相性に関してはどう向き合うのがよいのでしょう。
IE閲覧を念頭におくなら使わないほうが賢明でしょうか?
>>88
確認するから配布元URLを開示して欲しい
確認するから配布元URLを開示して欲しい
>>89
・jquery.lavalamp.min.js
ttp://gsgd.co.uk/sandbox/jquery/easing/
・jquery.rollover.js
ttp://rewish.org/javascript/jquery_rollover_plugin
・jquery.easing.min.js
ttp://gsgd.co.uk/sandbox/jquery.easing.php
ご確認宜しくお願い致します。
・jquery.lavalamp.min.js
ttp://gsgd.co.uk/sandbox/jquery/easing/
・jquery.rollover.js
ttp://rewish.org/javascript/jquery_rollover_plugin
・jquery.easing.min.js
ttp://gsgd.co.uk/sandbox/jquery.easing.php
ご確認宜しくお願い致します。
jquery.lavalamp.min.jsのリンクが違ってました。
配布元を失念してしまったので以下にソースを記します。
(function($){$.fn.lavaLamp=function(o){o=$.extend({fx:"linear",speed:500,click:function(){}},o||{});return this.each
(function(){var b=$(this),noop=function(){},$back=$('<li class="back"><div class="left"></div></li>').appendTo(b),
$li=$("li",this),curr=$("li.current",this)[0]||$($li[0]).addClass("current")[0];$li.not(".back").hover(function(){move(this)},noop);
$(this).hover(noop,function(){move(curr)});$li.click(function(e){setCurr(this);return o.click.apply(this,[e,this])});setCurr(curr);
function setCurr(a){$back.css({"left":a.offsetLeft+"px","width":a.offsetWidth+"px"});curr=a};function move(a){$back.each
(function(){$(this).dequeue()}).animate({width:a.offsetWidth,left:a.offsetLeft},o.speed,o.fx)}})}})(jQuery);
配布元を失念してしまったので以下にソースを記します。
(function($){$.fn.lavaLamp=function(o){o=$.extend({fx:"linear",speed:500,click:function(){}},o||{});return this.each
(function(){var b=$(this),noop=function(){},$back=$('<li class="back"><div class="left"></div></li>').appendTo(b),
$li=$("li",this),curr=$("li.current",this)[0]||$($li[0]).addClass("current")[0];$li.not(".back").hover(function(){move(this)},noop);
$(this).hover(noop,function(){move(curr)});$li.click(function(e){setCurr(this);return o.click.apply(this,[e,this])});setCurr(curr);
function setCurr(a){$back.css({"left":a.offsetLeft+"px","width":a.offsetWidth+"px"});curr=a};function move(a){$back.each
(function(){$(this).dequeue()}).animate({width:a.offsetWidth,left:a.offsetLeft},o.speed,o.fx)}})}})(jQuery);
質問です
DOM操作についての質問です
<table id="a">
<tr>
<td></td>
</tr>
</table>
のtableのbgcolorを変える時は
document.getElementById("a").style.backgroundColor = "#FFF";
ですが
このaに属する<td>の背景色を変更するにはどうしたらいいんでしょうか?
<td>にidを付けるんじゃなくて、指定したtableの<td>要素を選択するのような
DOM操作についての質問です
<table id="a">
<tr>
<td></td>
</tr>
</table>
のtableのbgcolorを変える時は
document.getElementById("a").style.backgroundColor = "#FFF";
ですが
このaに属する<td>の背景色を変更するにはどうしたらいいんでしょうか?
<td>にidを付けるんじゃなくて、指定したtableの<td>要素を選択するのような
>>96
まずHTMLを省略して書かない方がいいよ。tableの直下にtbodyがあることになるのは
知ってるよね。それをふまえると
document.getElementById('a').firstChlid.firstChild.firstChid.style.backgroundColor = 'red';
になるのかな。試してないけど。
まずHTMLを省略して書かない方がいいよ。tableの直下にtbodyがあることになるのは
知ってるよね。それをふまえると
document.getElementById('a').firstChlid.firstChild.firstChid.style.backgroundColor = 'red';
になるのかな。試してないけど。
document.getElementById('a').getElementsByTagName("td")でいいじゃない
前へ 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
トップメニューへ / →のくす牧場書庫について