• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:yuga.js 「現在のページをハイライト表示」)

yuga.jsの現在のページハイライト表示

このQ&Aのポイント
  • yuga.js 0.7.1を使用しており、現在のページをハイライト表示する方法について質問します。
  • 静的ページのURLにパラメーターが付いた場合にハイライトが無効になる問題に対して、パラメーターを無視する方法を教えていただきたいです。
  • 質問の具体的なサンプルとして、パラメーターが付いたURLの場合の挙動も示しています。

質問者が選んだベストアンサー

  • ベストアンサー
  • mikemike7
  • ベストアンサー率87% (97/111)
回答No.1

yuga.jsの78行目 if ((href.absolutePath == location.href) && !href.fragment) { を if ((href.absolutePath == location.href.split(/\?/)[0]) && !href.fragment) { にすると目的どおりになると思います。

moon333
質問者

お礼

早速のご回答、ありがとうございます! 無事、思った動作ができました。 本当にありがとうございました!! 一応、動作したサンプルもアップしておきます。 ■サンプル (ディレクトリは、test2) パラメーター無し http://testservers.zxq.net/test2/ パラメーター有り http://testservers.zxq.net/test2/?abc=100

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • yuga.js 「現在のページをハイライト表示」2

    http://okwave.jp/qa/q6808782.html 上記アドレスで「解決」とさせていただいたのですが、 見落としていた点があり再度ご質問させて頂きました。 http://testservers.zxq.net/test2/?abc=100 のように、スラッシュ直後の「?abc=100」は問題無く解決したのですが、 http://testservers.zxq.net/test2/index.html?abc=100 のように、ファイル名の直後のパラメーターはダメでした。 こちらも解決することが可能でしたら記述を教えて頂けますでしょうか。 どうぞ、よろしくお願いいたします。

  • yuga.jsのカスタマイズ

    yuga.jsの0.7.1を使用しています。 親リンクへの画像を_crつきにのファイル名にして表示されるという箇所なのですが 現在xamppで組んでおりサイトのトップページが以下のようになっています。 http://localhost/test/ トップページにいる場合トップへリンクしている画像のみ_crに変わるのですが http://localhost/test/hoge/にいる場合はトップページとhoge/へリンクしている 画像の2つが_crになってしまいます。 changeImgParentsをfalseにしたところそれは解消されたのですが希望としては http://localhost/test/hoge/aaa/にいる場合も http://localhost/test/hoge/へリンクを張っている画像は_crつきのものを表示させたく 思っているのですがfalseにするとhttp://localhost/test/hoge/aaa/にいる場合_crつき じゃなくなってしまいます。 スマートな説明が難しくこのような説明となってしまいましたが実現するには どうすればいいのでしょうか?

  • yuga.jsを使うとロールオーバー画像が表示されない

    お世話になっております。質問させてください。 現在メニューの画像をyuga.jsに入っていないスクリプトで ロールオーバーさせているのですが、 ある1ページにだけ yuga.js関係のスクリプトを使用した所、 そのページのメニュータイトル画像だけが 表示されなくなってしまいました。 (マウスを載せるとロールオーバー後の画像は出てくるのですが) http://www.geocities.jp/meguri_mizu/test/pc/2008.html ↑こんな感じです…。左上の「役に立つパソコン」の部分です。 firefoxだとずっとマウスオーバーした時の画像が表示されたままになってしまいます。 yuga.jsでできる、名前に_onをつけてのロールオーバーにしても やっぱり自ページのメニューだけがうまく表示されません。 なぜなのでしょうか…? スクリプトが読めないのでどう直していいのか全然わかりません;; よろしければご教授ください。お願いします…。

  • 外部 .js で

    index.html 内の head タグ間に <script type="text/javascript" src="./js/test2.js"></script> また、index.html と同階層にある js ディレクトリの内の test2.js の内容は document.write("test") だけです。 この条件で(というのは、最終的に別にテキストを出したいだけというわけではないので)、body の任意の場所に test を表示 [記述] させる方法を教えてください。 body の適当な場所に <script type="text/javascript"></script> と書いても、何も現れません(ソースで確かめています)。根本的におかしいのかもしれませんが、わかりません。 必ず、これら条件でお願いします。

  • CSSナビゲーションで表示ページをハイライトさせるのをSSIを使ってする

    以前から質問させていただいているのですが、よくわからないので ここでまとめて質問させていただきます。 質問の方法が悪かったせいもあり、マルチポストに近くなってしまうのですが、ご容赦下さい。 以前の質問↓ http://okwave.jp/qa4624047.html CSSのナビゲーションバーで現在の表示ページをハイライトしたいと思います。できるか否かわからないのですが、できないのであれば どのように通常はしているのかを教えてください。 ただ、ssiで全ページ共通のナビゲーションバーを使用していますのでカテゴリごとにナビゲーションメニューをつくらないといけないのか また、カテゴリーを判別して(ディレクトリで)ハイライトしてくれるajaxのようなものがあるのか。 よくわからないのです・・・ http://www.n-di.co.jp/service/analytics.html ここのナビゲーションのようなものがつくりたいです。 わからないことばっかりで申し訳ないのですが お力を貸していただけるとありがたいです。

    • ベストアンサー
    • HTML
  • 各ページごとにjsで表示内容を変更したい

    ページごとにディレクトリ名を判別して表示内容を変更するスクリプトを書きたいのですが、現状ieでのみ動作が不安定です。yuga.jsに組み込む形で記述しています。 //script------------------------ var filePath = location.href; var a = filePath.split('://'); schema = a[0]; var d = a[1].split('/'); host = d.shift(); var f = d.pop(); var dirs = d; if(dirs == 'hoge'){ var target = '<li><a href="..\/hoge\/index.html">hoge1<\/a><\/li>' + '<li><a href="..\/hoge\/hoge2.html">hoge2<\/a><\/li>' + '<li><a href="..\/hoge\/hoge3.html">hoge3<\/a><\/li>' } document.getElementById('listWrap').lastChild.innerHTML(target); //html----------------------------- <div id="listWrap"> <img src="./images/listTitle.jpg" alt="" width="**" height="**" /> <ul id="list"></ul> </div> 上記スクリプトを外部から読み込んでonloadで実行していますが、ieでは document.getElementById('listWrap')がnullを返すことが多く、表示される場合とされない場合があります。 ご教授よろしくお願いします。

  • ナビボタンをインクルードした時

    こんにちは。 ナビゲーションボタンをyuga.jsを使ってロールオーバーさせています。 見てるページをハイライトしてる時は、on画像に切り替わる様にしてるのですが、 ナビゲーション部分をインクルードした場合、ハイライトしてるページのボタンが切り替わりません。 コードは以下の内容で書いています。 <div id="sidenavi"> <!--#include virtual="inc/sidenavi.inc" --> div> どなたかご教授お願い致します。

  • 少し変わった特定のページへリダイレクトする方法を教えて頂けないでしょう

    少し変わった特定のページへリダイレクトする方法を教えて頂けないでしょうか・・・? といいますのが、通常のリダイレクトであればタグの挿入やリダイレクトで設定を行うことが出来るかと思うのですが、今回は、同一サーバー内で、どのページにアクセスしても必ず同一サーバー内の公開ディレクトリ最上位にあるindex.htmlに転送したいと考えております。 使用の用途はサイト全体の修正を行うため、他のページにアクセスして頂かないようにするためです。 ですので、ABC.comというディレクトリがあるとすると、この配下どこに訪れてもABC.com/index.htmlが表示されるのが理想です。 よくわかりませんが、.htaccessなどで設定するのでしょうか? お手数をお掛けしますが、ご存知の方いらっしゃいましたらアドバイスのほどお願いいたします。

    • ベストアンサー
    • HTML
  • デフォルトページ(html)

    ウェブサイトで、ディレクトリパスだけで、デフォルトのページindex.htmlなど を表示できるのは多いと思いますが、apacheなどので設定したデフォルトページabc.html などは、ディレクトリパスのみでabc.htmlを閲覧した場合そのabc.htmlのファイル名を クライアントは知ることはできるのでしょうか? よろしくお願いします。

  • 簡単なテストページが表示されません

    ホームページを作ろうと思って、サーバを立て一から一人でやろうとしたのですが、お手上げです。助けてください。 内容は、ページが表示されないことです。 WEBサーバはApacheでSSLにて接続し、ポート番号を設けております。 Apacheのテストページは下記のURLで表示確認済みです 「https://サーバー名:ポート番号/」 まずサーバを立てた後にルートディレクトリ「public_html」を作成しました。その中にトップページとして、ごく簡単な内容の「index.html」を作成しました。各パーミッションは接続確認のため、777に設定してあります。 ここでトップページとして作った「index.html」の中身を確認するために下記のURLを入力しました。 「https://サーバー名/index.html:ポート番号/」 しかしこちらでは接続がタイムアウトしてしまいました。 パーミッションを変更したり、文字コードを変更したり、HTMLの内容を書き換えたり試してみましたがだめでした。ポート番号にも間違いはありません。 なぜページが表示されないのでしょうか?