• ベストアンサー

<td>の中のonClick="location" で

教えて下さい。 <td class="text-small" style="cursor:hand" onClick="location.href=''">XXXXXX</td> 上記のような記述に「target="_blank"」の機能をもたせるにはどうしたらいいのでしょうか？ （セル内のどこでもクリックできるようにしたく、かつその時別ウィンドウが開くようにしたいのですが・・・） 宜しくお願いします。

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

  • ベストアンサー
回答No.2

#1です。 すみません、若干修正させてください。 <td class="text-small" onclick="window.open('xxx.html','_blank');" style="cursor:hand">XXXXXX</td> です。

その他の回答 (1)

回答No.1

<td onclick="window.open('xxx.html','_blank');" style="cursor:hand" align="center">XXXXXX</td> でいけると思います。

Sakon_sima
質問者

お礼

本当にありがとうございました！

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • テーブルリンクで別ウインドウで開くようにするには？

    <table> <tr> <td onClick="window.location.href='a.html'" onmouseover="this.style.backgroundColor='#80FFFF';" onmouseout="this.style.backgroundColor=''" STYLE="cursor:hand;">a</td> </table> このようにしてオンマウスでTD内の色を変え、TD全体でリンクさせる時、別ウインドウで開くにはどうしたらよいですか？ それとも、テーブルリンクで別ウインドウで開く指定は出来ないんでしょうか？ <table> <tr> <td onClick="window.location.href='a.html' XXXXX" onmouseover="this.style.backgroundColor='#80FFFF';" onmouseout="this.style.backgroundColor=''" STYLE="cursor:hand;">a</td> </table> XXXXXの部分にtarget='_blank'と入れてみたんですが、今度はリンクのアクションすらしなくなってしまいました。 よろしくお願いします。

  • a Onclickでブラウザによってポップアップしない

    以下のa onClickで別ウィンドウを開くようにしたいのですが、 ウィンドウが２つ開いてしまいます。どうしてでしょうか？ <a onClick="window.open('http://www.xxxxx.com/index.html','_blank','toolbar=no,status=no,location=no,directories=no,menubar=no,scrollbars=yes,resizable=yes,width=760,height=430')" target="_blank" style="text-decoration : none;" href="http://www.xxxxx.com/index.html">

  • テーブルリンクに付いて

    下記のテーブルリンクを作成しましたがクリックしても説明文が表示されません どなたか教えて下さい <p align="center"> <TABLE HEIGHT=30 BORDER=1 BGCOLOR="#FFFFFF" CELLSPACING=0> <TR> <TD WIDTH=150 ALIGN="center" onClick="window.location.href='http://uye43ys.dousetsu.com/simpleVC_20110728074105.html'" onmouseover="this.style.backgroundColor='#80FFFF';" onmouseout="this.style.backgroundColor=''" STYLE="cursor:hand;">特典サービス</TD> <TD WIDTH=150 ALIGN="center" onClick="window.location.href='http://uye43ys.dousetsu.com/simpleVC_20110728075504.html'" onmouseover="this.style.backgroundColor='#80FFFF';" onmouseout="this.style.backgroundColor=''" STYLE="cursor:hand;">車検費用</TD>

  • <td class="hpb-vmenu1-idl

    <td class="hpb-vmenu1-idle1"><a href="http://www.enpitu.ne.jp/usr10/108682/diary.html/" class="hpb-vmenu1-link1" target="_blank">日記</a></td> という風に書きました。リンク先へ飛ばないのは何故でしょう？

    • ベストアンサー
    • CGI
  • IE限定可　<tr>～</tr>タグの上げ下げ方法は？

    <FORM id=formid name=frm action=#> <table> <tr onclick=chCell(this) onFocus=chCell(this)> <td style=CURSOR:hand>cell 1</td> <td style=CURSOR:hand>hoge</td> </tr> <tr onclick=chCell(this) onFocus=chCell(this)> <td style=CURSOR:hand>cell 2</td> <td style=CURSOR:hand>hoge</td> </tr> <tr onclick=chCell(this) onFocus=chCell(this)> <td style=CURSOR:hand>cell 3</td> <td style=CURSOR:hand>hoge</td> </tr> <table> <input type="button" value="項目を上げる"> <input type="button" value="項目を下げる"> </form> 上記のようなフォームで以下の事が実装したいのですがどなたかご教授頂けませんでしょうか。 ・　項目（行）をクリックすると色が変わる　←　（実装済み） ・　行を指定して「項目を上げる」をクリックすると上へ上がる ・　行を指定して「項目を下げる」をクリックすると下へ上がる ・　矢印キーでフォーカスの上下移動 何卒お願い申し上げます。

  • 関数内でonclickし、必要部分を表示させたい

    Q&Aサイトを作成しており、自己解決できない問題に直面し、大変困っております。 ＜理想の動作＞ 答え1の「こちら」をクリックしたら、「100.質問」がクリックされた状態にし、 答え2の部分を表示させるようにしたいのです。 答え1の「こちら」をクリックしたら、答え2の部分を表示させるようにアンカーを 設定しているつもりですが、うまく飛びません。 記述方法を検索して、色々試したのですが、なかなか自己解決できません。 ヒントでも構いませんので、どのように記述すればいいのか教えて頂けませんか？ よろしくお願いいたします。 <script type="text/javascript"> <!-- function Aanswer(n) { var target = document.getElementById('answerbox'+n); if( target.style.display != "block" ) { target.style.display = "block"; } else { target.style.display = "none"; } } function myLink01() { location.href = "test.html#show02"; } // --> </script> <title>TEST</title> </head> <body> <dl> <dt onclick="Aanswer(1)">1. 質問</dt> <dd id="answerbox1" onclick="Aanswer(1)">答え1<br /><a href="javascript:myLink01()">こちら</a>を参照してください。</dd> </dl> <dl> <dt onclick="Aanswer(2)">100. 質問</dt> <dd id="answerbox2" onclick="Aanswer(2)"><a name="show02">答え100</a></dd> </dl> </body> </html>

  • HTML table内文字のonclick抑止

    HTMLの書き方について質問です。 tableのtdにonclick処理を設定し、 さらに、そのtd内の文字列にもonclick処理を設定したいのですが、 文字列をクリックしたときに、同時にtdに設定したonclick処理も実行されてしまいます。 文字列をクリックしたときは、その文字列に設定してある処理だけ実行するようにはできないのでしょうか？ 具体的なサンプルは下記の通りで、 text_funcだけを実行させたいのです。 ---------------------- <html> <head> <script language="JavaScript" type="text/javascript"> <!-- function td_func(){ 折りたたまれている文字を表示する処理; } function text_func(){ TD（セル？）の背景色を変える処理; } //--> </script> </head> <body> <table border="1"> <tr> <td style="padding:10px;" onclick="td_func()"> <a href="#" onClick="text_func();return false;">test_td</a> </td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • <A> の属性 `TARGET`の代わりのタグですが。

    ご指導を、お願い致します。 <TD><A href="○○○//XXXXXX.XXXXX" target=" _blank"></TD> このタグでは文法記述では、 『<A>のTARGET属性は、その利用自体が薦められていません。 ID属性を使いましょう。』 と表示されますが、＞blank＜を必要として（新規ページで表示） 命令的な＞target＜の代わりには何のタグが必要なのでしょうか？ ID属性での、代わりに入るタグは、何でしょうか。 ○○○○○="_blank">で教えて頂けますでしょうか。 CSSを使うべきも含めての回答も頂けると、有り難いです。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 収納メニューについて教えてください。

    以下のような階層構造で収納メニューを作りたいのですが記述の仕方がわかりません。 　A 　┣A-1 　　┣A-1-1 　　┣A-1-2 　┣A-2 　　┣A-2-1 　　┣A-2-2 　┗A-3 　　┣A-3-1 　 ┣A-3-2 最初はAのみが表示されていて、AをクリックするとA-1、A-2、A-3、と表示される。 A-1をクリックするとA-1-1、A-1-2が表示されるようにしたいのです。 実際にハイパーリンクが繋がっているのはA-1-1、A-1-2の最下層の項目だけです。 以下の記述を参考にhtmlをくんでいたのですが、二重の階層構造にする方法がわかりませんでした。 わかる方、どうか教えてください。 <head> <script type="text/javascript"> <!-- function expand(id) { if (id.style.display == "none") { id.style.display = "";} else {id.style.display = "none";} window.event.cancelBubble = true;} // --> </script> </head> <body> <span class="list" onclick="expand(a);" style="cursor:hand;">A</span><div id="a" style="display:none"> ┣<a href="tagu.html" target=_blank><FONT size="2">A-11</FONT></a><br> 　　┣<a href="tagu.html" target=_blank><FONT size="2">A-2</FONT></a><br> 　　┗<a href="tagu.html" target=_blank><FONT size="2">A-3</FONT></a> </div> </body>

  • ＴＤタグをスタイルシートを使って綺麗に簡単に書きたい。

    二つほど質問があります… 以下のようなcssとhtmlを書きました。 ○stylesheet.css body{background-color:#ffffff} a:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} ○XXX.html <html> <head> <meta http-equiv="text/html" contents="Shift_JIS"/> <link rel="stylesheet" href='../css/stylesheet.css' type="text/css"/> </head> <body> <table border> <tr> 　<th>&nbsp;</th> 　<th>XXXXXX</th> 　<th>XXXXXX</th> 　<th>XXXXXX</th> </tr> <tr> 　<th>XXXXXX</th> 　<td align="right"><a href="###.html">100</a></td> 　<td align="right"><a href="###.html">525</a></td> 　<td align="right"><a href="###.html">300</a></td> </tr> <tr> 　<th>XXXXXX</th> 　<td align="right"><a href="###.html">10</a></td> 　<td align="right"><a href="###.html">150</a></td> 　<td align="right"><a href="###.html">300</a></td> </tr> </table> </body> </html> 質問１ <td>は全て数値で、必ず右寄せ（align="right"）なのですが、 stylesheet.cssの中に書いてしまいたいのです…でも td{align:right} と記述しても右寄せしてくれません…どう書くのが正しいのでしょうか？ 質問２ マウスカーソルをリンクに合わせると文字が反転するようになっているのですが できる事ならtdタグの空白部分も反転したほうが良いと思うのですが td:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} としても駄目で <a href="###.html"><td align="right">100</td></a> とするとリンクが無くなってしまいました… 上手く実行できるようになりますでしょうか？ できればJavaScriptを使いたくないんです… わがままな質問ですが、回答よろしくお願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する