メッセージの編集
お名前
本文
と様、ありがとうございます。 そうですね、#を付けて無理やり表示する方法は諦めることにします。 marginやpaddingでの方法を教えて頂きありがとうございます! ですが試してみたところ、上端・左端からの調節がいまいち上手くいかず導入は断念しました。せっかく教えて頂いたのにすみません。 iframeにしたのはご察しの通り、ページ遷移せずに変換してもらいたかったからです。 そこで、と様に教えて頂いた方法を全て試してみました。 1番私に合っているのはiframeを非表示にする方法だったので、今回はそれを導入することにしました。 具体的には以下のように改変しました。 ■トップページのHEAD内への追加■ <script type="text/javascript"> <!-- function Toggle(id) { div = document.getElementById(id); switch (div.style.display) { case "none": div.style.display="block"; break; case "block": div.style.display="none"; break; } } //--> </script> ■ページ内容■ !!! 名前変換は<a onclick="Toggle('A')">こちら</a>から。<div id="A" style="display:none;">フォームが上手く反映されない方は<a href="/私のID/novel/10/dream">こちら</a>のページで変換できます。<pc_only><iframe src="/私のID/novel/10/dream" height="auto" width="100%" frameborder="0" scrolling="no">このページでは、インラインフレームを使用しています。対応しているブラウザで表示願います。</iframe></pc_only><smartphone><iframe src="/私のID/novel/10/dream" height="200" width="100%" frameborder="0" scrolling="no">このページでは、インラインフレームを使用しています。対応しているブラウザで表示願います。</iframe></smartphone></div> このようにすることで、iframe内ページを#で指定せずに表示した不恰好な状態を、クリックで表示・非表示にすることができました。 私としては不恰好な状態が常に表示されているわけでなければそれでいいかな、という感じです。 また、と様のご助言通り携帯向けには名前変換画面へのリンクで対応しようと思っています。 解決ではないものの代替案として綺麗にまとまったように思うので、しばらくはこれでいこうと思います。 と様、今回は色々な代替案やご指摘をくださり、本当にありがとうございました!
編集パス
編集
記事削除
×
人気急上昇中のBL小説
BL小説 BLove
- ナノ -