のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,062,836人
昨日:no data人
今日:
最近の注目
人気の最安値情報

    私的良スレ書庫

    不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
    ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

    元スレ+ JavaScript の質問用スレッド vol.89 +

    JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
    レスフィルター : (試験中)
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
    52 : Name_Not - 2011/07/21(木) 16:49:54.97 ID:??? (+31,+5,+0)
    >>49
    サンクス。できました。
    54 : Name_Not - 2011/07/21(木) 18:05:20.15 ID:NBoNsXTB (-16,+29,-78)
    >>53
    早速のご指導ありがとうございます。

    私の不勉強でまだ思う挙動となっておりませんが、
    ご教授いただきましたDOMまわりを調べて勉強したいと思います。

    また不明な点がありましたら質問させていただくかと思いますが、
    どうぞよろしくお願いします。
    56 : Name_Not - 2011/07/21(木) 18:36:58.97 ID:??? (-29,-30,-251)
    解釈概ね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 でした。
    57 : 42 - 2011/07/21(木) 18:56:06.01 ID:??? (+8,-20,-15)
    >>44,46
    ありがとうございました、ドキュメント読み込んでみます
    59 : Name_Not - 2011/07/21(木) 19:48:07.11 ID:??? (+26,+28,-54)
    もっとふさわしいスレがあれば誘導お願いします。

    IP、ブラウザ、OS、画面解像度などを取得してログに書き出す
    JavaScriptのサンプルが乗っているページを探しております。
    ご存知の方はどうかお願いします。
    62 : Name_Not - 2011/07/21(木) 21:58:55.13 ID:??? (-4,-30,-135)
    >>61
    GoogleAnalyticsはもう導入しております。

    ですがGoogleAnalyticsだと、プロバイダとかホスト名までは表示出来ますが、
    IPでユーザー固有の部分まではわからないのです。
    たとえば
    K123456.sonet.ne.jp
    がアクセスした場合に、sonet.ne.jpはわかりますが、ユーザー固有のK123456は
    表示されないのでわからず、個人レベルで確認ができません。

    もう一つ、プロクシを使ってアクセスされた場合に、GoogleAnalyticsは
    プロクシのIPを記録するだけで、ユーザーのIPはわからんのです。
    プロクシを使われれば別人に見えてしまうので。
    63 : Name_Not - 2011/07/21(木) 22:01:42.14 ID:??? (+52,+15,-4)
    >>62
    JSはIPを保持していなかったと思うが・・・
    64 : 62 - 2011/07/21(木) 22:13:05.15 ID:??? (+59,+26,-55)
    GoogleAnalyticsはJavaScript無効のときでもアクセスを記録してくれるので、
    それとJavaScriptを併用して、プロクシでアクセスしてる人を把握したい。

    もっとも、JavaScriptを無効にしてアクセスされたらどうしようもないんですけど、
    それはもう仕方ないんで・・・
    66 : Name_Not - 2011/07/21(木) 22:21:46.55 ID:??? (+16,+29,-3)
    >>65
    すいません。もう少し詳しい情報をいただけましたら嬉しいです。
    68 : Name_Not - 2011/07/21(木) 22:51:38.12 ID:??? (+69,+29,-54)
    >>67
    大変申し訳ありませんが、APIとは自分のスキルにはレベルが高過ぎるようです
    参考に出来るサイトをお教えいただければ幸いです

    それと、GoogleAnalyticsのJSは見れるんですか?
    70 : Name_Not - 2011/07/21(木) 23:34:56.23 ID:hMf3yaLl (+42,+29,-9)
    >>68
    じゃあ、どうやって値を受け取るのよ
    あと、JS貼ってんだから、見られるだろうよ?
    71 : Name_Not - 2011/07/22(金) 00:29:29.14 ID:??? (+7,-29,-19)
    IPアドレスはページにアクセスされたときサーバー側で取得すりゃあええんじゃないの
    72 : Name_Not - 2011/07/22(金) 01:27:10.75 ID:??? (-1,-30,-124)
    >>69
    ファンシーフォームてのはMooToolsベースだから、たぶん$衝突。


    jQuery - MooToolsの順にjsファイルを読み込む。(カルーセルが動かなくなる順序)

    jQuery(function ($) {

    $(selector)... // カルーセルパネル

    });

    jQueryの方を少し書き換えれば動くようになると思うけど。
    73 : Name_Not - 2011/07/22(金) 02:30:37.98 ID:??? (+62,+29,-134)
    インラインフレームでテキストファイルを表示させてるけど
    そのテキストファイルが存在しない(または空の)ときはインラインフレームを表示させないって方法はあるのかな?

    Ajax.updaterで表示させるとファイルが空なら無駄なスペースあんまりとらないけど
    ファイルの行数が長いとだらだら縦長に表示してしまう

    インラインフレームだと長い内容でも領域内でスクロールさせればすっきりするけど
    ファイルが空で何も表示する内容が無い場合でも無駄な表示領域が残って不自然な空間が出来てしまう・・・
    74 : Name_Not - 2011/07/22(金) 03:03:29.28 ID:??? (-1,-29,-36)
    それはキミCSSの領域だ
    heightとoverflowあたりを調べなさい
    75 : 69 - 2011/07/22(金) 06:11:32.27 ID:??? (-2,-29,-23)
    >>72
    ありがとうございます!
    納得できました。
    jQuery.noConflict() っていう$衝突回避のメソッドも見つけられたので
    これでできそうです。
    http://allabout.co.jp/gm/gc/24167/3/
    76 : Name_Not - 2011/07/22(金) 08:35:45.56 ID:??? (+22,-30,-258)
    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には何とか
    対応して欲しいと考えております。宜しくお願いします。
    77 : Name_Not - 2011/07/22(金) 09:36:21.74 ID:T8hR4YOl (+66,+29,-28)
    >>76
    まず、関係ないものを全部削って動かしてみ。
    それでも動かないなら、設置に問題がある。

    動くなら、今度は少しずつ削ってみ。
    そのreset.cssとか。
    そうやって問題のある箇所を追い込んでいくといいよ
    78 : Name_Not - 2011/07/22(金) 18:01:51.14 ID:??? (+66,+29,-15)
    >>77
    ありがとうございます。この週末に調べてみたいと思います。
    79 : 58 - 2011/07/22(金) 21:22:27.27 ID:??? (+20,-30,-157)
    >>63>>70>>71

    調べて、言われた事の意味がやっとわかりました.
    JSではIPアドレスは取得できず、サーバー側で取得するものだと言うことなんですね。

    重ねてお尋ねしますが、
    漏れ串を通してIP確認サイトの診断くんにアクセスすると、
    REMOTE_HOST と REMOTE_ADDR には串のIPアドレスが表示されますが、
    HTTP_X_FORWARDED_FOR にはクライアント(自分)のIPが表示されます。

    こういう感じに、串のIPと自分のIP両方取得したいんですが、参考になるJSソースはありませんか?
    80 : Name_Not - 2011/07/22(金) 21:48:46.16 ID:ikINcXTk (+15,+12,-114)
    >>79
    たぶんJSから離れて考えたほうがいいと思う

    サーバサイドスクリプトは難しいって思い込んでるみたいだけど
    PHPとかだったら比較的簡単なんで

    サーバでは取りづらい、画面の大きさとか
    そういうのだけJSで取るって方向性でやったほうがいいよ

    簡単な開発だったら、Windows用のApache2とPHP入れたり
    VMWareFusionにLinux入れるって手もあるし
    マカーだったら、普通にApache2とPHP5.2が動いてる

    リモホと串とか考慮するならリモートのサーバが必要だけど
    さくらのレンサバの一番安いやつとかでも十分だし
    81 : Name_Not - 2011/07/22(金) 23:57:51.47 ID:??? (+57,+29,-26)
    診断君だかで漏れてるって言われるような串は単純に環境変数を拾っているだけなので
    perlでもphpでも数行で拾える
    85 : Name_Not - 2011/07/23(土) 09:12:52.09 ID:??? (+3,-30,-106)
    $('div').css('display', 'none').html(略).fadeIn(100);
    or
    $('div').hide().html(略).fadeIn(100);

    遅延も捕捉も必要なし。fadeIn()にはdisplay: noneが必要。
    86 : 84 - 2011/07/23(土) 14:32:09.08 ID:??? (+3,-29,-76)
    ありがとうございます

    >遅延も捕捉も必要なし。

    .html(略).fadeIn(100);と言う風にメソッドチェーンする時は
    必ず直前のメソッドの完了を待ってから次が実行されるってことですか
    じゃ、変に見えるのは目の錯覚なのかな
    ありがとうございました
    87 : Name_Not - 2011/07/23(土) 14:59:31.46 ID:??? (+62,+29,-159)
    > 必ず直前のメソッドの完了を待ってから次が実行されるってことですか

    てか、直前のメソッドがjQueryオブジェクトを返さないことにはfadeInにアクセスできんわな。
    メソッドチェーンだかなんだか知らんけど、そんなの関係ない。

    関数がなんらかの値を返せば、それは「完了」ってことね。
    88 : Name_Not - 2011/07/23(土) 17:03:09.91 ID:??? (+38,-30,-151)
    jquery.rollover.js
    jquery.easing.min
    jquery.lavalamp.min.js
    上記のjqueryを使用している部分がIE(6.7.8にて確認)で動作しないようです。
    コードをいじれば動作するものかも知れませんが、自身で解決は難しそうです。
    jqueryとIEの相性に関してはどう向き合うのがよいのでしょう。
    IE閲覧を念頭におくなら使わないほうが賢明でしょうか?


    89 : Name_Not - 2011/07/23(土) 19:17:27.97 ID:??? (+55,+19,-2)
    >>88
    確認するから配布元URLを開示して欲しい
    91 : Name_Not - 2011/07/23(土) 20:38:08.39 ID:??? (+22,-30,-48)
    >>90
    'AAAAA'.replace(/A+/, function (token) {
     return 'A*' + token.length;
    });
    92 : 90 - 2011/07/23(土) 20:58:15.32 ID:??? (+60,+29,-3)
    >>91
    ありがとうございます。
    そのように書けるとは思いつきませんでした。
    93 : Name_Not - 2011/07/23(土) 23:37:53.51 ID:??? (+5,-30,-78)
    >>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

    ご確認宜しくお願い致します。
    94 : Name_Not - 2011/07/23(土) 23:40:32.34 ID:??? (+3,-30,+0)
    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);
    95 : Name_Not - 2011/07/24(日) 00:11:21.97 ID:??? (+8,-24,-13)
    >>88,93
    IEで動かない自己満足コードなんてスルーしる
    ・・・ってデモ動くじゃん by IE8
    96 : Name_Not - 2011/07/24(日) 08:24:07.54 ID:??? (+22,-30,-123)
    質問です
    DOM操作についての質問です

    <table id="a">
    <tr>
    <td></td>
    </tr>
    </table>
    のtableのbgcolorを変える時は
    document.getElementById("a").style.backgroundColor = "#FFF";
    ですが
    このaに属する<td>の背景色を変更するにはどうしたらいいんでしょうか?
    <td>にidを付けるんじゃなくて、指定したtableの<td>要素を選択するのような
    97 : Name_Not - 2011/07/24(日) 09:02:54.98 ID:??? (+23,-30,-53)
    >>96
    まずHTMLを省略して書かない方がいいよ。tableの直下にtbodyがあることになるのは
    知ってるよね。それをふまえると
    document.getElementById('a').firstChlid.firstChild.firstChid.style.backgroundColor = 'red';
    になるのかな。試してないけど。
    98 : Name_Not - 2011/07/24(日) 09:09:11.05 ID:??? (+11,-30,-65)
    >>97
    他人の書いたものだからこそ背景色とかJSでいじりたいのでは?

    >>96
    var tds = document.getElementById("a").getElementsByTagName("td");
    あとはfor()でtdsを回していけばいいかと。
    99 : Name_Not - 2011/07/24(日) 09:11:03.39 ID:??? (+2,-27,+0)
    >>97>>98
    ありがとうございます!
    そこでTagNameとは思いつきませんでした
    100 : Name_Not - 2011/07/24(日) 09:11:42.74 ID:??? (-2,-30,-33)
    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 スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

    類似してるかもしれないスレッド


    トップメニューへ / →のくす牧場書庫について