• ベストアンサー

リンクをクリックしてページの一部を変更する方法

ceshkrの回答

  • ベストアンサー
  • ceshkr
  • ベストアンサー率28% (2/7)
回答No.2

IEしか知りませんがbodyがonLoadした後にページの一部だけの文字列を変更するにはdocument.writeは使えません。そうなるので。 <span id=xx onClick=f()>ページの一部</span> <script> function f(){xx.innerHTML="aaa"} </script>

shunet
質問者

お礼

ありがとうございます。できました!

関連するQ&A

  • クリックでテーブル内の背景色だけを変更したいです。

    教えてください。 ページ全体の背景色を変更するのは、 ↓でできたのですが、 <form> <input type="button" value="White" onClick="document.bgColor='white'"> <input type="button" value="Gray" onClick="document.main='gray'"> <input type="button" value="Blue" onClick="document.bgColor='blue'"> </form> ページ内の一部のテーブルのみの背景色を 変更したい場合はどうように変更すればいいのでしょうか? 教えてください!

  • iframe内のページ(複数)を変更

    ページに複数のボタン(リンク)があり、それをクリックすることで同一ページ内のiframeの内容を変更させたいです。 色々なところを探した結果、 function Change() {document.ifSample.location.href="xxx.html";} と <FORM><INPUT type="button" value="変更!1" onclick="Change()"></FORM> の組み合わせで、単一ページの変更が出来るというのは判りました。 これを複数ページ用に改造するにはどのようにしたら良いでしょうか? 方法がありましたら教えてください。

  • Movable Typeでの詳細ページへのリンクの変更

    Movable Typeで、「ブログ記事」の本文と続きに分けて投稿すると、カテゴリーページには「本文」の部分が表示され、「続きはこちら」とというリンクが表示され、そこをクリックすると投稿記事の続きの部分から表示されます。 このとき、カテゴリーページの「続きはこちら」をクリックした時、その投稿記事のトップ部分から表示させたい場合、どこを変更すればよろしいのでしょうか? 私は、HTMLとCSSの知識はありますが、Movable typeは初めてです。テンプレートは「テンプレートキング」さんからいただきました。 上記の文以外に補足が必要であれば、なんなりと言ってください。 お手数ですが、誰か助けていただけると幸いです。

  • 連番タイトル名を基準にリンク先を変更する方法

    500ページの連番のhtmlがあります、そして各ページ<title>部分をNumber001からNumber500とし、各ページ内にタイトル名をそのまま表示する部分、キイボードの矢印キーでページ移動する部分、ページ内のリンクでページ移動する部分を例えば10ページの場合、以下の様に記述しています。(一応動作は確認しましたが効果を得るにあたりタイトル要素をこのように使っていいのか、他の記述が一般的なのか理解できていない初心者です、主にコピペで作製、期待どおりの効果が得られればそれでよしとしている程度の者です) <!DOCTYPE HTML> <html> <head> <title>Number010</title> <script type="text/javascript"> function checkCSRKey() { if (event.keyCode == 37) location.href = "Number009.html"; if (event.keyCode == 39) location.href = "Number011.html"; } window.document.onkeydown = checkCSRKey; </script> </head> <body> <div> <script>document.write(document.title);</script> </div> <ul > <li><a href="Number009.html"> 前へ</a></li> <li><a href="Number011.html">次へ</a></li> </ul> </div> </body> </html> 作製するhtmlの増減、挿入にあたり、その都度、タイトル名、リンク先の変更をしなければならないのですがタイトル名を変更したら、その変更したタイトル名を基準にリンク先を自動的に変えてくれる記述を教えていただきたいのです。尚、リンク先ページはタイトル名連番の前後しか指定しません。よろしくお願いします。

  • クリックしても、リンクに飛ばないようにする

     HTMLで、表示は普通にされるが、リンク部分などをクリックしてもそこに飛ばなくさせるといった芸当は出来ますか。  もし出来たら、お教えください。

    • ベストアンサー
    • HTML
  • userscriptでリンククリック以外で実行

    Greasemonkeyでページをミドルクリックするとページトップへ移動するスクリプトを書いたのですが、 リンクをミドルクリックしたときもページトップへ移動してしまいます。 リンクをミドルクリックしてもページトップへ移動しないようにするにはどうすればいいのでしょうか? (function() { document.addEventListener("click", function(event) { if (event.button != 1) return; window.scrollTo(document.documentElement.scrollLeft,0); }, false); })(); 以上です。 よろしくお願い致します。

  • HTMLリンクからPDFのしおりへリンク指定する方法

    HTML<a href=\"~リンク\">からPDFのしおりへのリンク指定方法についてご存知の方がいらしたら教えていただけませんか? PDF内の任意のページ(n)へのアンカー指定方法は「***.pdf#page=n」というところまでは分かりましたが、できればPDFの「しおり」を利用した、あるページの中のあるテキストへHTMLのアンカーリンクの様に飛ぶことができればと考えています。 条件としては、ユーザーがクリックするリンクはHTMLのa hrefです。 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • Dreamweaverでページを変えずに一部だけ変更

    HPをリニューアルを考えるんですけど、Dreamweaverでページを変えずに一部だけ変更したいんですが独学なものでやり方が分からなくて困ってます。 http://www.geocities.jp/jz_dozens/Home/Home.html ↑こんな作りなんですが、Music,Photo…などのボタンをクリックするとページ全体がそのページに飛ぶんですが、全体じゃなくてNewsと書いてあるオレンジの枠の部分だけがボタンをクリックすると変わる様には出来るんですか? 説明が分かりづらかったと思いますが、宜しくお願します。 参考URLなどがあれば助かります。

  • 親ページの変更を維持する

    親ページをクリックして子ページを表示させて、クリックして親ページの一部を変更させる。 これをjavascriptでopener.document..(formのname.value).location.reload(); これで親ページの一部が変更するのですが、他の人がその親ページを表示させたとき、変更していないのですが、これを変更させるにはどうするのですか

  • VBScriptでリンクをクリックしても開かない

    VBScriptでリンクをクリックし新しいウィンドウで開こうとしているのですが開いてきません。 特にエラーにもならず最後まできれいに終了します。 ちなみに現在のウィンドウで開くリンクの場合はうまく開きます。 メッセージボックスではさんでnameの内容は確認できたのでClickは実行されているはずなのですが・・・何が悪いのでしょうか。 なおクリックしている部分は以下のような記述になっています。 (このリンクは現在のウィンドウなのでうまく開きます) '''http://www.yahoo.co.jp/ For Each objLINK In objIE.Document.Links   If objLINK.InnerText = "ログイン" Then     objLINK.Click     Exit For  End If Next