• ベストアンサー

続きを表示するで、

《続きを表示》をクリックすると、 本文が表示されるのと同時に、関連資料のサイトを別ウィンドウで開けるようにするには、どうしたらよろしいですか？ よろしくお願いします。

  • HTML
  • 回答数1
  • ありがとう数0
回答 全件
ベストアンサー
＞《続きを表示》をクリックすると、本文が表示されるのと同時に、 ＞関連…

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

＞《続きを表示》をクリックすると、本文が表示されるのと同時に、 ＞関連資料のサイトを別ウィンドウで開けるようにするには javascriptでよければ可能ですが、クリックする度に別ウィンドウを開かれたのでは、続きを読むどころではなくうざったく感じるような気がしますが… どのような文書構造なのかまったく不明なので、ご参考までに。 （表示のために、インデントを全角空白に変えています） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <style type="text/css"> a.stretch_show, a.stretch_hide{ text-decoration: none; text-align: center; display: block; font-size: 85%; width: 7em; color: #000; border-right: 1px solid #464; border-bottom: 1px solid #464; background-color: #dfe; } </style> </head> <body> <div class="stretch"> 文章1<br>（前半） <a href="http://www.yahoo.co.jp/" class="stretch_show">続きを表示</a> <p class="stretch_hidden"> 文章1<br>（後半） <a href="#" class="stretch_hide">隠す</a> </p> </div> <div class="stretch"> 文章2<br>（前半） <a href="http://www.google.co.jp/" class="stretch_show">続きを表示</a> <div class="stretch stretch_hidden"> 文章2<br>（中間） <a href="#" class="stretch_hide">隠す</a> <a href="http://www.bing.com/" class="stretch_show">続きを表示</a> <p class="stretch_hidden"> 文章2<br>（後半） <a href="#" class="stretch_hide">隠す</a> </p> </div> </div> <script type="text/javascript"> <!-- /*@cc_on@*/ (function(search){ // *** イベント処理 *** 　var listener = function(evt){ 　　var t = evt./*@if(1) srcElement @else@*/ target /*@end@*/; 　　var e, c = t.className; 　　if(t.nodeName=="A" && c.match(/\bstretch_(show|hide)\b/)){ // 表示処理 　　　if(c=="stretch_show"){ 　　　　if(e = search(t, "stretch_hidden")){ 　　　　　e.style.display = ""; 　　　　　t.style.display = "none"; 　　　　　window.open(t.href, "_blank"); 　　　　} 　　　} else { // 非表示処理 　　　　if(e = search(t, "stretch_hidden", 1)){ 　　　　　e.style.display = "none"; 　　　　　if(e = search(e, "stretch_show")) e.style.display = ""; 　　　　} 　　　} // リンクをキャンセル 　　　evt./*@if(1) returnValue = false 　　　　@else@*/ preventDefault() /*@end@*/; 　　} 　} // *** 初期設定 *** 　var a = document.getElementsByTagName("a"); 　var i, e, c, elm; 　for(i=0; e=a[i++];){ 　　if((c=e.className) && c.match(/\bstretch_show\b/)){ 　　　elm = search(e, "stretch_hidden"); 　　　if(elm) elm.style.display = "none"; 　　} 　} 　document./*@if(1)attachEvent('on'+ 　　@else@*/addEventListener( 　　/*@end@*/'click', listener, false); })(function(elm, cls, dir){ 　var es, i, e = elm.parentNode, 　　　reg = "\\b" + cls + "\\b"; 　if(dir){ 　　　e = (e.className && e.className.match(reg))?e:null; 　} else { 　　for(i=0, es=e.childNodes; e=es[i++];) 　　　if(e.className && e.className.match(reg)) break; 　} 　return e; }); //--> </script> </body> </html>

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 続きを読むみたいに表示したい

    ブログなどで続きを読むをクリックすると 残りの文章が表示されます。 HPでも一部そのように表示したいところがあるのですが、 どうすればいいかわかりません。 たぶん、javascriptでやるのかと思い、質問させていただきました。 よろしくお願いします。

  • gooブログ本文の表示の仕方で「・・・続きを読む」の表示のさせ方。

    gooブログに限らないのですが、 よくブログの本文が1行ほど表示され、「・・・続きを読む」をクリックすると読める状態ににているブログがありますが、それはどうしたらできるのでしょうか？ 現在gooブログを使用しているので、gooブログの方法で教えていただけると幸いです。 よろしくお願いします。

  • ＦＣ２ブログ「続きを読む」が機能しません

    みなさんはじめまして。 ちょっと困っているのですが、本文を書き込んで追記文を書き込むと 本文だけが表示されて、「続きを読む」を押すと追記文も表示されるようになると 思うのですが、私のブログでは本文と追記文がすべてはじめから表示されて、 本文と追記文の間に意味のない「続きを読む」が表示されます。（押すと「続きを閉じる」に変わります） 正常な状態にしたいのですが、どうしたらいいのかまったくわかりません。 どなたか教えてください。お願いします。

  • 「...続きを読む」をクリックさせるようにするには…

    最近、ブログを始めたばかりデス☆しかも、用語(?)がよくわからなくて、過去の質問も見たのですが、わからないので、新しく質問させてください!! ブログを作成していて、わからない事が…。 いろいろな方のブログの本文に「...続きを読む」というのがあって、それをクリックすると、続きが読める機能(?)みたいなのがありますよね…？ 私もそれをやりたいのですが、やり方がわかりません。 どなたか知っている方、教えてください!! よろしくお願いします<(__*)>

  • 続きを見る

    この記事 https://www.daily.co.jp/general/2021/12/14/0014914148.shtml で「続きを見る」をクリックせずに表示させるには、どこを書き換えればいいですか？

  • wordpressの記事表示で「続きを読む」の設定

    wordpressの記事の見え方で、5.6行すると 「続きを読む」をクリックすることで全文 が表示される設定にしておられる方を見かけます。 私もこのようにしたいのですが、ページの 行数を指定して「続きを読む」という状態に するにはどうしたらいいですか？

  • 「続きを読む」の再現

    こんにちは。 よくブログ等で見る「続きを読む」をクリックすると、同ページ内で続きの内容が表示される…というリンク方法（？）がありますよね。 それをHTML、または簡単なcgi等で再現出来ますでしょうか？

    • ベストアンサー
    • HTML
  • リンクをクリックするとウィンドウが同時に2つ表示されてしまいます

    メール本文にあるリンクとかをクリックすると、Internet Explorerのウィンドウが同時に2つ表示されてしまいます。この現象は何が原因なのでしょうか。お分かりの方、宜しくお願いします。当方、IE以外にもいろいろなブラウザを入れているのですが、これらが原因かと思いアンインストールしましたが改善されませんでした。

  • 「続きを読む」ボタンを押すと全文が表示されるしくみ

    特にニュースサイトでよく見かけるのですが、テキストの全文が長いときに初めは数行のみ表示しておき「続きを読む」あるいは「全文表示」、「詳細表示」といったリンクボタンを押すとサッと全文が現れるというしくみを自サイトでも実現したいと考えています。 文章が部分表示されている最初のページが01a.htmlだとしてボタンを押すと全文が記載されている01b.htmlが表示されるというしくみではどうやらなく、ソースを見るとJavascriptを使っているのでしょうか、あらかじめ用意してあった<div>～</div>がボタンクリックで表示されるらしいのです。 当方のサイトにおいてこのしくみを実現したいページ数がけっこうあり、いちいちaページ、bページを用意するとファイル数が倍になるので「別ファイルを用意する」という方法は避けたい。 実現する方法を具体的にご教授ください。 ※<div>タグにはこだわりません。 参考URL http://headlines.yahoo.co.jp/hl?a=20071116-00000164-mai-socc

  • 複数のブラウザ画面（ＩＥ）を同時に表示できない

    WindowsXPを使用しています。 複数のサイト（ブラウザはＩＥ）を同時に表示できずに困っています。というのも、デスクトップ上に、複数のサイトへのショートカットアイコンを置いているのですが、それらのショートカットアイコンをクリックしてブラウザを複数起動しようとすると、１つのウィンドウ内で置き換わってしまい、同時に別々のサイトを表示できないのです。 ウィンドウを置き換えることなく、同時に複数のブラウザを表示するにはどうすればよいのでしょうか。

LAVIE A2797のSSD増設用スロットの有無
このQ&Aのポイント
  • LAVIE A2797にはSSDの増設用スロットがあるかどうか気になります。
  • NEC 121wareのパソコン本体であるLAVIE A2797には、追加でSSDを増設することができるスロットが備わっているかどうかを教えてください。
  • LAVIE A2797の空きスロットにSSDを増設することは可能でしょうか？
回答を見る

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する