jimdoでロールオーバーの横並びメニューを作成したのですが、chromeとieで表示内容が変わってしまいます。

chromeでは、各メニューをアイコンに重ねると、そのメニューが変化するのですが
、ieでは違う場所のメニューが変化してしまいます。
jimdoはstyle,scriptを使用するヘッダー編集で作成するのですが、コメント欄に記載するソースを使って、ieに対応するロールオーバーメニューになるよう修正していただけないでしょうか。
サイトアドレスは http://www.saroma3732.com/ です。
よろしくお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/03/11 09:30:43
  • 終了:2013/03/18 08:51:32

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1503ベストアンサー獲得回数4932013/03/17 17:33:16

ポイント100pt

IE8以下のバージョンで毎回「プライバシーポリシー」が選択された状態ですかね。
たぶんtextContent属性に対応していないからです。IE9なら問題なさそう。
下記のように修正してみてください。

else if (RegExp(self.textContent).test(decodeURIComponent(location.href))) {else if (RegExp(self.innerHTML).test(decodeURIComponent(location.href))) {
id:news1

IE表示でもメニューが正常に表示されるようになりました。
本当にありがとうございました。

2013/03/18 08:51:15
  • id:news1
    以下が、ヘッダーのソースです。

    <style type="text/css">
    /*<![CDATA[*/
    #header-menu {
    margin-left: 20px;
    margin-bottom: 20px;
    }
    #header-menu a {
    text-decoration: none !important;
    font-size: 19px;
    color: black !important;
    }
    #header-menu a {
    color: green !important;
    font-weight: bold;
    background-color: #cbe6b3 !important;
    padding: 0px 5px 0px 5px !important;
    }
    #header-menu a:hover {
    font-size: 19px;
    background-color: #093 !important;
    color: white !important;
    }
    #header-menu a.here {
    font-size: 19px;
    background-color: #093 !important;
    color: white !important;
    }
    #header-menu a.here:hover {
    color: yello !important;
    background-color: #fffff !important;
    }
    /*]]>*/
    </style>


    <script type="text/javascript">
    //<![CDATA[
    (function() {
    function createHeaderMenu() {
    var div = document.createElement('div');
    div.id = 'header-menu';
    div.innerHTML = '<a id="home" href="http://www.saroma3732.com/#new">最新情報<\/a> | <a id="download" href="http://goo.gl/u3ts0">書式ダウンロード<\/a> | <a id="plan" href="http://goo.gl/s9yyh">地域福祉実践計画<\/a> | <a id="Job" href="http://goo.gl/oryrF">求人情報<\/a> | <a id="Inquiry" href="http://goo.gl/jM2yy">お問い合わせ<\/a> | <a id="policy" href="http://goo.gl/ZAmYx">プライバシーポリシー<\/a>';
    var c = document.getElementById('wrapper');
    c.parentNode.insertBefore(div, c);
    }
    var observer = function() {
    setTimeout(function() {
    if (document.getElementById('wrapper')) {
    createHeaderMenu();
    whichCurrentPege();
    } else
    observer();
    }, 100);
    };


    function whichCurrentPege() {
    var h = document.getElementById('header-menu').getElementsByTagName('a');
    var cache;
    for (var i=0, n=h.length; i<n; i++) {
    var self = h[i];
    if (location.href == self.href) {
    self.className += ' here';
    break;
    }
    else if (RegExp(self.textContent).test(decodeURIComponent(location.href))) {
    if (cache) {
    cache.className = cache.className.replace(/here/,'');
    }
    cache = self;
    self.className += ' here';
    }
    }
    }
    observer();
    })();
    //]]>
    </script>

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません