札幌Web制作のシンクグラフィカ

くどうさん (2013-07-15 02:29:39) http://kazenoie.jp/

初めまして。素晴らしいcgiをありがとうございます。

早速ダウンロードさせていただいて、時間はかかったものの無事に設置させることが出来たのですが、１つ問題が発生しました。
page5.htmlにおいて<div id="item5"><h3>　お問い合わせ先</h3>...</div>としてメールフォームを設置したのですが、page2.htmlより<a href="page5.html#item5>で飛ぼうとしても、page5.htmlは表示されてもそこからアンカーまでの移動が効かないのです。
index.htmlからメールフォームcgiを設置していないpage2.htmlのitem4へは、同様のやり方で移動することが出来ました。
またpage5内でのアンカーの移動はできます。

アンカーの移動のためにpage-scrollerというjavascriptを導入していますが、これはpage2.htmlにもpage5.htmlにも同じように存在しています。

なお、メールフォームの設置に当たっては貴cgiのjavascriptの読み込みをインラインからヘッダー内へ移動しています。というのは、ページをふわっと表示させるためのjQueryを導入していまして（smoothappearance）、読み込みのリンクがexample.htmlの通りインラインにあるとこのjQueryが作動しないためです。
ヘッダー内には他にもjavascriptの読み込みのリンクがありますが、それらの順番を変えてもアンカーへの移動は出来ませんでした。

メールフォームcgiを設置していないページではこの問題が生じないため、この設置の仕方が上手くできる必要があるのだろうと思いまして質問させていただきました。
解決策がお分かりでしたら、お教えいただけるとありがたいです。

どうぞよろしくお願いします。

Re: アンカー付きリンクで移動しない

くどうさん (2013-07-15 02:41:16) http://kazenoie.jp/

すみません、追加です。

ローカルではindex.htmlからpage2#item4への移動はできましたが、オンラインではアンカー先への移動が出来ませんでした。
page2からpage5#item5への移動はローカルであっても出来ず、それに関してはオンラインでも同様でした。

なお、環境はMacで
OS X 10.8.3
safari 6.0.3
です。
Firefox 20.0でも同様でした。

よろしくお願いします。

Re:アンカー付きリンクで移動しない

くどうさん (2013-07-27 17:20:20) http://kazenoie.jp/

そうですか。もうちょっとこちらで試行錯誤してみます。
もしうまく解決しましたらご報告します。
ありがとうございます。

ついでなのですが、この投稿フォームでメールアドレスの入力を間違うと
（上記の環境では）キャンセルが出来ず、再入力→キャンセル→再入力のループになり、
強制終了以外に抜け出せませんでした。
情報提供まで。