- 締切済み
webbrowserでクリック（リンク）させたいのですが・・・
Webbrowserを使用して、IEを動かしたいです。 下のようなページで”いいいい”（一番下）をリンクさせたいのですがうまくいきません。 どこが悪いのか教えて頂けないでしょうか？ ※投稿文字数に制限があり大幅に削除しました。これで分かるでしょうか？ <td align="right"> <a href="/bsite/member/menu.do">トップ</a> <b><font color="#999999">│</font></b> <a href="/bsite/member/logout.do">ログアウト</a> <a href="/bsite/price/search.do" class="wlink"><div style="margin:2 0 1 0;">紹介</div></a> <a href="/bsite/member/portfolio/registeredStockList.do" class="wlink"><div style="margin:2 0 1 0;">名前</div></a> <a href="/bsite/member/acc/menu.do" class="wlink"><div style="margin:2 0 1 0;">甲</div></a> <a href="/bsite/market/menu.do" class="wlink"><div style="margin:2 0 1 0;">情</div></a> <div class="titletext">報</div> <!--▼ｘｘｘｘー--> <table border="0"> <tr valign="top"> <td><b>1111 てつ</b></td> <form action="/bsite/member/portfolio/stockDetail.do" method="POST"> <input type="hidden" name="product_code" value="1111"><input type="submit" value="のぼる"> <form action="/bsite/price/stockDetail.do" method="POST"> <input type="hidden" name="atime" value="1225641591930"> <input type="hidden" name="ipm_product_code" value="0000"> <input type="hidden" name="market" value="TKY"> た* <a href="/bsite/price/stockDetail.do?ipm_product_code=5423&market=JNX">PTS</a> <input type="submit" value="あたらしい"> </table> <!--▲登ー--> <table border="0"> <tr valign="top"> <td nowrap><font class="ltext"></td> </tr> </table> <table border="0" "> <tr bgcolor="#b7b7b7">></td></tr> <tr valign="top"> <td nowrap bgcolor=" <td nowrap align=" <tr bgcolor="#b7b7b7"><td colspan="4"><img src="/bsite/img/trans.gif" width="1" height="1" alt=""></td></tr> </table> <br> <!--▼き--> <table <tr><td bgcolor= <table <tr><td <table "> <tr align="center"> <td 奇数</td> </tr> </table> </table> </td></tr> </table> <br> <!--参考--> <!-- kim --> <table > <tr><td > <table > </table> </td></tr> </table> <br> <!--▲き--> <table border=> <td bgcolor="#eeeeee"> <a href="/bsite/price/marginDetail.do?ipm_product_code=5423&market=TKY" class="wlink">情</a> </td> </tr> </table> <table "></table> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <a href="/bsite/member/stock/buyOrderEntry.do?ipm_product_code=5423" class="wlink">現か</a> </td> <td width="1%"><img src="/bsite/img/trans.gif" width="1" height="1" border="0"></td> <td width="49%" bgcolor="#DEECFA"> <a href="/bsite/member/stock/sellOrderEntry.do?ipm_product_code=5423" class="wlink">なかう</a> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%" style="margin-top:4px;"> <tr align="center"> <td width="30%" bgcolor="#FFE6D7"> <a href="/bsite/member/margin/buyOrderEntry.do?ipm_product_code=5423" class="wlink">いいいい</a> </td> 自分の考えでは↓なのですが・・・ どなたか教えてください。宜しくお願い致します。 kchk2 = UserForm3.web1.Document.Links(10).innerText If kchk2 <> "いいいい" Then MsgBox "ハイパーリンク「いいいい」の選択に失敗しました。" Exit Sub End If enchk = 0 UserForm3.web1.Document.Links(10).Click
- maitta7
- お礼率50% (4/8)
- その他（プログラミング・開発）
- 回答数5
- ありがとう数4
- みんなの回答 （5）
- 専門家の回答
みんなの回答
- redfox63
- ベストアンサー率71% (1325/1856)
補足ののコードに <HTML><head><body>などを追加した単純なページを WinXP SP3 Proの IIS上に作成して確認しましたが ああああ ああああ ええええ いいいい おおおお かかかか といった結果を当方の環境では得られます For Each alink In doc.Links Debug.Print alink.innerText Next を dim n as integer, nLen as integer nLen = doc.Links.length -1 debug.print "Links count ", nLen + 1 for n = 0 to nLen Debug.Print n, doc.Links(n).innerText next で『いいいい』『ええええ』『おおおお』『かかかか』が出力されませんか？ Linksでは無く doc.getElementsByTagName("A") などを使ってみてもダメなのかなぁ
- redfox63
- ベストアンサー率71% (1325/1856)
for each alink in UserForm3.Web1.Document.Links debug.print alink.InnerText ' これを追加 if alink.InnerText = "いいいい" then bflag = True exit for end if next if bflag then alink.click else MsgBox "ハイパーリンク「いいいい」の選択に失敗しました。" end if として VBAのインディエイトウィンドウにリンクのテキストを表示してみてください
補足
redfox63さん、いつも返信してくださってありがとうございます。 ご回答して頂いたのですが、自分が馬鹿すぎてできませんでした。 ｛"ハイパーリンク「いいいい」の選択に失敗しました。"が表示されただけでした｝ 「いいいい」の部分をもう少し詳しく追記させて頂きます。 もし、宜しければ返信して下さい。いつも本当に本当にありがとうございます。 ※redfox63さんの方法で他のタグはリンクできるのですが、「あああ」 「いいいい」「ええええ」「おおおお」「かかかか」はできないのです。なぞですが・・ <br> <!--▲きききき--> <table border="0" cellspacing="0" cellpadding="0" width="100%" style="margin-top:4px;"> <tr align="center"> <td bgcolor="#eeeeee"> <a href="/bsite/price/marginDetail.do?ipm_product_code=0000&market=TKY" class="wlink">ああああ</a> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%" style="margin-top:4px;"></table> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr align="center"> <td width="50%" bgcolor="#FFE6D7"> <a href="/bsite/member/stock/buyOrderEntry.do?ipm_product_code=1234" class="wlink">ああああ</a> </td> <td width="1%"><img src="/bsite/img/trans.gif" width="1" height="1" border="0"></td> <td width="49%" bgcolor="#DEECFA"> <a href="/bsite/member/stock/sellOrderEntry.do?ipm_product_code=1234" class="wlink">ええええ</a> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%" style="margin-top:4px;"> <tr align="center"> <td width="30%" bgcolor="#FFE6D7"> <a href="/bsite/member/margin/buyOrderEntry.do?ipm_product_code=1234" class="wlink">いいいい</a> </td> <td width="1%"><img src="/bsite/img/trans.gif" width="1" height="1" border="0"></td> <td width="30%" bgcolor="#DEECFA"> <a href="/bsite/member/margin/sellOrderEntry.do?ipm_product_code=1234" class="wlink">おおおお</a> </td> <td width="1%"><img src="/bsite/img/trans.gif" width="1" height="1" border="0"></td> <td width="38%" bgcolor="#FFF5B5"> <a href="/bsite/member/margin/payMenu.do?ipm_product_code=1234" class="wlink">かかかか</a> </td> </tr>
- redfox63
- ベストアンサー率71% (1325/1856)
EcelVBAならば『Microsoft HTML Object Library』を参照設定しておいて Dim alink as HTMLAnchorElement を宣言しておいて for each alink in UserForm3.Web1.Document.Links if alink.InnerText = "いいいい" then bflag = True exit for end if next if bflag then alink.click else MsgBox "ハイパーリンク「いいいい」の選択に失敗しました。" end if といった具合で出来ると思いますよ
お礼
redfox63さん、ありがとうございます。 追記させて頂きます。 このページの上段の項目は教えていただいた方法でリンクできました。 しかし、このページの下の方は（”いいいい”がある部分）のリンクできません。 1つのページ内で分かれているのでしょうか？
補足
redfox63さん、本当にありがとうございます。 感謝の気持ちでいっぱいです。 実際にやってみましたが"ハイパーリンク「いいいい」の選択に失敗しました。"と表示され、上手くはいきませんでした。 どこか根本的に私は間違っているのかもしれません。 何度もお手数ですがお分かりになるようでしたら、教えていただければ幸いです。
- redfox63
- ベストアンサー率71% (1325/1856)
for each alink as HtmlElement in UserForm3.Web1.Document.Links 単純なタイプミスや単なる大文字小文字の違いなどはインテリセンスで修復可能ですが ・・・
補足
redfox63さん、いつもありがとうございます。 やはり、構文エラーになってしまいます。 excel2000を使用していますが、何か関係があるのでしょうか？
- redfox63
- ベストアンサー率71% (1325/1856)
dim bflag as boolean for each alink as HTMLElement in UserForm3.Web1.Document.Links if alink.InnerText = "いいいい" then bflag = True exit for end if next if bflag then CType( alink.DomElement, mshtml.HtmlAnchorElement).click else MsgBox "ハイパーリンク「いいいい」の選択に失敗しました。" end if といった具合で ・・・
補足
ご回答頂きありがとうございます！ for each alink as HTMLElement in UserForm3.Web1.Document.Links ではasの部分でデバックが発生し上手くいきませんでした。 申し訳ありませんが、もう一度教えていただけないでしょうか？
関連するQ&A
- リンク先から戻ったら、表示がおかしい。
未完成品です。 サイトの各ページからメインページに戻ると、文字の色が変わったり、 大きさが変わります。 どこに不具合があるか、初心者なのでよくわかりません。 いじりすぎて、構成もめちゃくちゃだと思いますが、よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>ゲームのすべて</title> </head> <!--全体の背景--> <body bgcolor="#696969" text="#FFFFFF" link="#0000FF" alink="#DC143C" vlink="#8B008B"> <title>デザイン</title> <style type="text/css"> <!-- body { line-height:150%; font-size: 12px; color: #222222; margin:10px 0px; } .menu_c { font-size:12px; color:#cccccc; } .menu_c a { color:#ffffff; text-decoration: none; } .menu td { padding:2px 8px; } .side { background:#D3D3D3; margin:0px 0px 10px 0px; padding:5px 8px; border-left: #80838F 1px solid; border-right: #80838F 1px solid; border-bottom: #80838F 1px solid; } h3 { color:#ffffff; font-size:12px; margin:0px; padding:2px 12px; background:#808080; } h4 { color:#ffffff; font-size:12px; margin:0px 0px 0px 8px; padding:2px 12px; background:#808080; } .comb { margin:0px 1px 10px 8px; padding:5px 10px 5px 4px; background:#D3D3D3; } --> </style> </head> <!-- ページの全体幅テーブルタグ --> <table width="780" align="center"> <tr><td> <!--一番上のところ--> <table width="100%" > <tr> <td width="18%"><img src="logo.gif" width="132" height="40"></td> <td width="82%" align="right"><a href="index">ホーム</a> <hr noshade size=1></td></tr> </table> <br> <table width="100%" border="0" cellspacing="0" bgcolor="#DCDCDC" class="menu"> <tr><td width="72%">ああああああああああああああ</td> <td width="28%" align="right">デザイン</td></tr> </table> <table width="100%" border="0" cellspacing="0" class="menu"> <tr><td bgcolor="#808080" class="menu_c"><a href="#">ホーム</a> | <a href="#">おもなゲーム</a> | <a href="#">ソフト</a> | <a href="#">作られる過程</a> </td></tr> <tr><td><a href="#">ホーム</a> > ページナビ</td></tr></table> <!--左サイドメニュー--> <table width="100%" border="0" cellpadding="0" cellspacing="0" style=" border-bottom: #B6B6B6 1px solid;"> <tr><td width="25%" height="70" valign="top" bgcolor="#696969"> <h3>おもなゲーム</h3> <div class="side"> ・<a href="page1.html#1">PS3</a><br> ・<a href="page1.html#2">PSP</a><br> ・<a href="page1.html#3">PSP go</a><br> ・<a href="page1.html#4">Xbox360</a><br> ・<a href="page1.html#5">Wii</a><br> </div> <h3>ソフト</h3> <div class="side"> <br> </div> <h3>おもなゲーム</h3> <div class="side"> ・<br> ・<br> ・<br> ・<br> </div> <h3>プログラマー</h3> <div class="side"> </div> <!--左サイドメニュー 終--> <!--右サイドメニュー 始--> <br></td> <td width="75%" valign="top"> <h4>自己紹介</h4> <div class=comb>ああああああああああああああああああああああああああああああああ<br> aaaaaaaa<br> aaaa </div> </td></tr></table> </td></tr></table> <table width="100%" > <tr><td align="center"><a href="index.html">ホーム</a> | <a href="page1.html">おもなゲーム</a> | <a href="page2.html">ソフト</a> | <a href="page3.html">作られる過程</a> | <a href="page4.html">プログラマー</a></td></tr> <tr><td align="center">Copyright © Your site. All Rights Reserved. </td></tr> </table> </html>
- 締切済み
- HTML
- webbrowserに関する質問です
Webbrowserをしようしてリンク先をクリックしたいのですがどのようにすれば良いですか？ だれか教えてください。 ↓”あああ”の部分をクリックしたいです。 <script language="javascript"> function openJmsg(url){ leftPos = 0; if(screen) { leftPos = screen.width-640 } w = window.open(url,"jmsg","status=no,toolbar=no,resizable=yes,scrollbars=yes,height=666,width=629,left="+leftPos+",top=0"); // return false; } function openETrade(url){ leftPos = 0; if(screen) { leftPos = screen.width-640 } w = window.open(url,"ETrade","status=no,toolbar=no,resizable=yes,scrollbars=yes,height=666,width=629,left="+leftPos+",top=0"); // return false; } </script> </head> <body> <table border="0" cellspacing="0" cellpadding="0" width="400" align="center"> <tr> <td> <table border="0" cellspacing="0" cellpadding="0" width="100%" style="margin-top:7px;"> <tr valign="top"> <td> <img src="/bsite/img/header_logo_backupsite.gif" width="211" height="19" border="0" alt="サイト"> </td> <td align="right"> <a href="/bsite/member/logout.do">ログアウト</a> </td> </tr> </table> <br> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr valign="top"> <td width="48%"> <table border="0" cellspacing="2" cellpadding="0" width="100%"> <tr><td bgcolor="#E7E4F8"><a href="/bsite/price/search.do" class="wlink"><div style="margin:2 0 1 6;">ああああ</div></a></td></tr> ↓これでできませんでした。 kchk = UserForm3.web1.Document.Links(0).innerHTML If kchk <> "あああ" Then MsgBox "ハイパーリンク「あああ」の選択に失敗しました。" Exit Sub End If enchk = 0 UserForm3.web1.Document.Links(2).Click Call 読み込み終了確認
- 締切済み
- その他（プログラミング・開発）
- CSS セルごとリンクにする際、リンク文字を上下中央寄せにしたい
セルごとリンクにしたくて、以下の記述をしました。 【CSS】 ------------------------------------------------------------------ a.widelink{ vertical-align:middle; display:block; // display:inline-block; width: 100%; height:100%; // line-height:100%; color: #000000; text-decoration:none } a.widelink:hover{ vertical-align: middle; color: #000000; background-color: #9999FF; text-decoration:none } td.bgchng{ align: center; vertical-align: middle; color: #000000; margin: 0px; padding: 0px; } td.bgchng:hover{ vertical-align: middle; color: #000000; background-color: #9999FF; margin: 0px; padding: 0px; } ------------------------------------------------------------------ 【HTML】 ------------------------------------------------------------------ <TABLE border="1" bordercolor="#6666CC" cellspacing="0"> <TR> <TD width="150" height="60" valign="middle" align="center" CLASS="bgchng"> <A href="test01.html" CLASS="widelink"> テスト<BR>（その１） </A> </TD> <TD width="450" bgcolor=""> テスト（その１）の説明文<BR> 二行目 </TD> </TR> <TR> <TD width="150" height="60" valign="middle" align="center" CLASS="bgchng"> <A href="test02.html" CLASS="widelink"> テスト（その２） </A> </TD> <TD width="450" bgcolor=""> テスト（その２）の説明文<BR> 二行目<BR> 三行目 </TD> </TR> <TR> <TD width="150" height="60" valign="middle" align="center" CLASS="bgchng"> <A href="test03.html" CLASS="widelink"> テスト（その３） </A> </TD> <TD width="450" bgcolor=""> テスト（その３）の説明文<BR> 二行目 </TD> </TR> </TABLE> ------------------------------------------------------------------ この記述だとリンク文字がセルのTOPに来てしまい、中央寄せになりません。 思いつく限りの場所にvertical-alignやvalignを仕込んでみましたがダメでした。 line-heightであわせる方法もやってみましたが、<BR>を含むリンク文字の表示が二行揃ってくれず、ダメでした。 セル自体をリンクにして、さらにリンク文字を上下中央寄せにしたいのですが、やり方をご存知の方、教えてください。
- 締切済み
- HTML
- mechanizeでimageをclick
perlのmechanizeを使い、form内の、nameパラメータの無いimageボタンをクリックし、ページを遷移させようとしているのですが、方法がわかりません。下記ソースの「alt="スイッチ２"」のgifをクリックしようとしています。方法お分かりの方、お手数おかけして申し訳ありませんが、ご教授お願いできますでしょうか？ ■■ツールバージョン perl： v5.14.4 Mechanize ：1.74 ■■対象のformを含むhtmlソース■■ <form name="second_step" method="get" action="a_link.cgi"><input type="hidden" name="CCC" value="愛"> <table width="950" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="26"><img src="img/t.gif" alt="" width="26" height="10"></td> <td> <table width="897" border="0" cellpadding="0" cellspacing="1" bgcolor="#cecece"> <tr> <td><table width="100%" border="0" cellpadding="8" cellspacing="0" bgcolor="#FFFBE0"> <tr> <td><font size="-1"> <textarea name="html_source" cols="105" rows="4" style="width:100%;" class="html_source"> </textarea> </font></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div><img src="img/t.gif" alt="" width="10" height="10"></div> <table width="924" border="0" cellspacing="15" cellpadding="0"> <tr> <td width="447" align="right"><input type="image" src="img/af_shohin_05bt01.gif" alt="スイッチ１" class="select_source"></td> <td width="180"><input name="" type="image" src="img/af_shohin_05bt02.gif" alt="スイッチ２" class="post_blog"></td> <td width="252" align="right"><a href="a_link.cgi?CCC=https://www.google.co.jp/" target="_blank" class="post_twitter_2"><img width="154" height="33" alt="twitterで紹介" src="img/affili_cp_twitter_btn02.jpg" border="0"></a></td> </tr> </table> </form>
- 締切済み
- Perl
- Layerの中にあるリンクがmacで動作しません
以下が友達に質問されたソースを簡略化した物です。layerを左右2段組みにしてますが、右のlayer内が全く反応しません。layerを使わなければできるのですが、この方法のどこが間違っているかが教えられなくて質問しました。よろしくお願い致します。 javascript～window.open省略 <DIV style="top : 61px; left : 356px; position : absolute; z-index : 1; width: 331px; height: 40px;" id="Layer2"> <DIV> <TABLE border="1" width="331" height="40"> <TBODY> <TR> <TD width="61" height="20">サンプル2</TD> <TD width="214"><A href="#">◆</A></TD> </TR> </TBODY> </TABLE> </DIV> </DIV> <DIV style="top : 61px;left : 24px; position : absolute; z-index : 3; " id="Layer5"> <DIV> <TABLE border="1" width="313" height="40"> <TBODY> <TR> <TD width="134" height="16">サンプル</TD> <TD width="141"><A href="#">◆</A> </TD> </TR> </TBODY> </TABLE> </DIV> </DIV>
- ベストアンサー
- HTML
- <td> 内のテーブルを上寄せにするには？
すみません教えていただけますか？ 初心者です。 このまま表示するとTABLE A の直ぐ下のテーブルが中央に来てしまいます。 上寄せにしたいのですが、どのようにすればよいでしょうか？ よろしくお願いします。 <table width="960" border="1"> <tr> <td width="160"> <!-- TABLE A --> <table width="160" border="1"> <tr> <td> <a href="" ><img src="subMenu.gif" /></a> </td> </tr> <tr> <td> <a href="" ><img src="subMenu.gif" /></a> </td> </tr> <tr> <td> <a href="" ><img src="subMenu.gif" /></a> </td> </tr> <tr> <td> <a href="" ><img src="subMenu.gif" /></a> </td> </tr> <tr> <td> <a href="" ><img src="subMenu.gif" /></a> </td> </tr> </table> </td> <td width="800" height="1200" border="1"> </td> </tr> </table>
- ベストアンサー
- HTML
- テーブル内に隙間が。
テーブル内に隙間が。 質問です。CSSとテーブルタグを使用してwebページを作りました。が、 IE,FireFox,Chrome等のブラウザでは添付画像のように隙間が出来ます。 これを無くすにはどうすればいいのでしょうか。 （html/cssの書き直さなくてはならない箇所はどこでしょうか） 高さは左右のセルとも300に合わせているのですが…。 どなたかご教授願います。 <!--ソース --> <style TYPE="text/css"> <!-- td { margin: 0; padding: 0px; } .content_title { display: block; position: relative; padding-left: 0px; width: 100%; height: 40px; color: #ffffff; background-color: #000000;} .content_cell { position: relative; padding-bottom: 0px; width: 100%; height: 260px; padding: 0; } .menu_link { display: block; position: relative; width: 100%; height: 30px; padding-top: 12px; text-align: center; font-size: 11pt; color: #f5f5f5; background-color: #000000; } --> </style> <table bordercolor="#aaaaaa" border="2" align="center" width="92%" bgcolor="#353535" cellspacing="2" height="300"> <td rowspan="6" width="72%" bgcolor="#ffffff" height="300" valign="top"> <div class="content_title">あいうえお</div> <div class="content_cell"><img src="img/hikaku.png" width="100%" height="100%" border="0"></div> </td> <td width="28%" height="30" align="center" bgcolor="#000000"> <a class="menu_link" href="../about/index.html">cell_1</a> </td> <tr><td width="28%" height="30" align="center" bgcolor="#000000"> <a class="menu_link" href="../flash/index.html">cell_2</a> </td></tr> <tr><td width="28%" height="30" align="center" bgcolor="#000000"> <a class="menu_link" href="../web/index.html">cell3</a> </td></tr> <tr><td width="28%" height="30" align="center" bgcolor="#000000"> <a class="menu_link" href="../diy/index.html">cell_4</a> </td></tr> <tr><td width="28%" height="30" align="center" bgcolor="#000000"> <a class="menu_link" href="../link/index.html">cell_5</a> </td></tr> <tr><td width="28%" align="center" height="150" bgcolor="#000000"> <!-- no contents -->no content </td></tr> </table>
- ベストアンサー
- ホームページ作成ソフト
- このテーブルタグの中の色を白にするには
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- .border{ font-size : 1pt; } --> </STYLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD colspan="2" rowspan="2"><IMG src="images/001_base_1.gif" width="20" height="20" border="0"></TD> <TD height="2" bgcolor="#000000"><SPAN class="border">o</SPAN></TD> <TD colspan="2" rowspan="2"><IMG src="images/001_base_2.gif" width="20" height="20" border="0"></TD> </TR> <TR> <TD height="18"></TD> </TR> <TR> <TD width="2" bgcolor="#000000"><BR> </TD> <TD width="18"></TD> <TD>ここに内容を書きます（画像<A href="images/001_base_1.gif">１</A>・<A href="images/001_base_2.gif">２</A>・<A href="images/001_base_3.gif">３</A>・<A href="images/001_base_4.gif">４</A>）</TD> <TD width="18"></TD> <TD width="2" bgcolor="#000000"><BR> </TD> </TR> <TR> <TD colspan="2" rowspan="2"><IMG src="images/001_base_4.gif" width="20" height="20" border="0"></TD> <TD height="18"></TD> <TD rowspan="2" colspan="2"><IMG src="images/001_base_3.gif" width="20" height="20" border="0"></TD> </TR> <TR> <TD height="2" bgcolor="#000000"><SPAN class="border">o</SPAN></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> 現在はテーブルの内側の色が透明色（背景の色）になっています。 これを透明でなく白にする方法をおしえてください！
- 締切済み
- HTML
- クリックするとテーブルの列の背景色が変わる／元に戻る
このサイトを参考に以下のサンプルを作りました。 「あるセルをクリックすると、そのセルと依存関係のあるセルすべての背景色を変更する。」 この例でいくと、 1.セルA1,A2のどれをクリックしても、列Aすべての色が変わる。 2.セルB1,B2のいずれかをクリックすると、列Aは元の色に戻り、列Bすべての色が変わる という動きを実現したいです。 2.機能を実現するにはどのようにすればよいのか、どなたかご存知の方ご教授のほどよろしくお願いいたします。 現時点のサンプル <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>テーブルの列の背景色を変える</title> <SCRIPT language="JavaScript"> <!-- function bgcolor(idName){ for ( i=0 ; i < document.all.item(idName).length ; i++ ) { document.all.item(idName, i).style.backgroundColor = "#EE3300"; } } //--> </SCRIPT> </head> <body> <TABLE border="1"> <TR> <TD width="30"> </TD> <TD width="30">列A</TD> <TD width="30">列B</TD> <TD width="30">列C</TD> </TR> </TABLE> <TABLE border="1"> <TR> <TD width="30">行1</TD> <TD width="30" id="td1" onclick="bgcolor('td1')">A1</TD> <TD width="30" id="td2" onclick="bgcolor('td2')">B1</TD> <TD width="30" id="td3" onclick="bgcolor('td3')">C1</TD> </TR> </TABLE> <TABLE border="1"> <TR> <TD width="30">行2</TD> <TD width="30" id="td1" onclick="bgcolor('td1')">A2</TD> <TD width="30" id="td2" onclick="bgcolor('td2')">B2</TD> <TD width="30" id="td3" onclick="bgcolor('td3')">C2</TD> </TR> </TABLE> </body> </html>
- ベストアンサー
- JavaScript
- マウスオーバーで複数の画像を切り替える
こんにちわ、お知恵を拝借させて下さい。 1週間以上探していますが、なかなか答えに結びつきません。 現在下記の内容で<div id="photoAlbum"></div>内の二つの画像の同時切替を行なおうとおもっております。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <script type="text/javascript" src="main.js"></script> </head> <body> <table width="570"> <tr> <td><div id="photoAlbum"><img src="19.jpg" width="280" height="280"><img src="19pt01.jpg" width="280" height="280"></div></td> </tr> <tr> <td align="center"><img src="19.jpg" width="80" height="80" id="changeButton1"> <img src="26.jpg" width="80" height="80" id="changeButton2"> <img src="33.jpg" width="80" height="80" id="changeButton3"> <img src="40.jpg" width="80" height="80" id="changeButton4"> <img src="57.jpg" width="80" height="80" id="changeButton5"> <img src="64.jpg" width="80" height="80" id="changeButton6"></td></tr> <tr> <td align="center"> </td> </tr> <tr> <td><table width="438" border=0 cellpadding=3 cellspacing=1 bgcolor="#999999" style="FONT-SIZE: 9pt; LINE-HEIGHT: 100%"> <tr bgcolor=#e6e6e6> <td width="30%" nowrap><SPAN style="FONT-SIZE: 8pt"> JAN</SPAN></td> <td width="46%" nowrap><SPAN style="FONT-SIZE: 8pt"> 型番</SPAN></td> <td width="24%" nowrap><SPAN style="FONT-SIZE: 8pt"> カラー</SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN> 19</SPAN></td> <td><SPAN> BK</SPAN></td> <td><SPAN> <a href="#" id="changeButton7">ブラック</a></SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN> 26</SPAN></td> <td><SPAN> GY</SPAN></td> <td><SPAN> <a href="#" id="changeButton8">グレー</a></SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN> 33</SPAN></td> <td><SPAN> NV</SPAN></td> <td><SPAN> <a href="#" id="changeButton9">ネイビー</a></SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN> 40</SPAN></td> <td><SPAN> GR</SPAN></td> <td><SPAN> <a href="#" id="changeButton10">グリーン</a></SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN> 57</SPAN></td> <td><SPAN> OR</SPAN></td> <td><SPAN> <a href="#" id="changeButton11">オレンジ</a></SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN> 64</SPAN></td> <td><SPAN> RD</SPAN></td> <td><SPAN> <a href="#" id="changeButton12">レッド</a></SPAN></td> </tr> </table></td> </tr> </table> </body> </html> －－－－－－－－－－－－－－－－－－－－－－－－－－－－－ window.onload = function(){ document.getElementById("changeButton1").onmouseover = function() { album2.change(["19.jpg","19pt01.jpg"]); } document.getElementById("changeButton2").onmouseover = function() { album2.change(["26.jpg","26pt01.jpg"]); } ～中略～ document.getElementById("changeButton12").onmouseover = function() { album3.change(["64.jpg","64pt01.jpg"]); } } var album2 = { change : function(imageArray){ var imgTag = document.getElementById("photoAlbum").getElementsByTagName("img"); for (var i=1; i<imgTag.length; i++){ imgTag[i].src = imageArray[i]; } var album3 = { change : function(imageArray){ var imgTag = document.getElementById("photoAlbum.mainbody").getElementsByTagName("img"); for (var i=1; i<imgTag.length; i++){ imgTag[i].src = imageArray[i]; } } } －－－－－－－－－－－－－－－－－－－－－－－－－－－－ 上記内容で試していますが、changeButton7～12が入っているテーブルを削除すると動作するのですが、この状態ではどうしても動作させることができません。 何か、良い方法はないでしょうか
- ベストアンサー
- JavaScript
お礼
redfox63さん、いつもありがとうございます。 早速ためさせて頂きます。 この件ですが、たった今webbrowserの座標軸をクリックする（API？）で対応ができました。 取り急ぎお礼を致したいとおもいます。 本当にありがとうございました！ redfox63さんに出会えて本当に良かったです。 また、どこかで会える事を楽しみにしています。 私以外にも悩んでいる方が沢山いらっしゃいますので、これからも助けてあげて下さい。 本当にありがとうございました。