知識、知恵のカタマリ

[PR]自分が見つかるハケン日記!

お蔵入り

「続きを隠す」をクリックすると変なところに戻る。

追記部分に、「続きを隠す」を設置しました。そこをクリックすると、記事タイトルの部分ではなく、スクロールした位置まで戻ってしまいます(変な位置)。記事タイトルに戻るようにするためのhtmlを教えてもらえませんでしょうか。

現在のhtmlは、トップページのhtmlを以下のように変更した状態です。

<head>~</head>内に、

<script type="text/javascript" language="javascript">
function showMore(id,link){
if(document.getElementById){
if(document.getElementById('more' + id).style.display){
document.getElementById('more' + id).style.display='block';
document.getElementById('show' + id).style.display='none';
document.getElementById('hide' + id).style.display='block';
} else {
document.location.href=link;
return true;
}
} else {
document.location.href=link;
return true;
}
}
function hideMore(id){
if(document.getElementById){
document.getElementById('more' + id).style.display='none';
document.getElementById('show' + id).style.display='block';
document.getElementById('hide' + id).style.display='none';
}
}
</script>

を追加して、次に「続きを読む」部分のhtml箇所を以下のように変更してあります。

<div class="main"><$ArticleBody$><IfArticleBodyMore><span class="main-continues" id="show<$ArticleId$>">
<a class="acontinues" href="<$ArticlePermalink$>"
onclick="showMore('<$ArticleId$>','<$ArticlePermalink$>');return false;">
続きを読む</a></span>
<div class="main" id="more<$ArticleId$>" style="display:none">
<$ArticleBodyMore$><br clear="all">
</div>
<span class="main-continues" id="hide<$ArticleId$>" style="display:none">
<a class="acontinues" href="#<$ArticleId$>"
onclick="hideMore('<$ArticleId$>');return true;">
続きを隠す</a></span>

</IfArticleBodyMore><br clear="all"></div>

2006-02-19 21:41の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google

回答(1)

1.

2006-02-19 23:41:27ベター
多分</div>の位置が違うのだと思います。

上の文章では最後に</div>の記述がありますが

</IfArticleBodyMore>
<br clear="all">
</div> ← コレ

は、不要だと思います。

また「~のhtml箇所を以下のように変更してあります。」以降の一行目

<div class="main">
<$ArticleBody$>
</div> ← ココ
<IfArticleBodyMore>

が、抜けているように思われます。

改編する場合は、現在のものをバックアップする等の処置を講じて、自己責任で行なって下さいね。
自信度 : 自信なし 回答レベル : アドバイス
Ads By Google

コメント

まだコメントがありません

トラックバック

トラックバックURL: