携帯HP作成　ページ内リンク付ボタンの作成

2023/08/16 03:49

このQ&Aのポイント

携帯（FOMA）でHTMLでHPを作成しています。ボタンを押しても何も起こらない問題が発生しています。
ページ内リンク付きのボタンを作成したい場合、HTMLの<a>要素と<a>タグのname属性を組み合わせることで実現できます。
ボタンをクリックした際に指定した位置にスクロールできるようになります。正しい<a>タグのname属性を設定して、ボタンとリンクの関連性を確認してください。

ベストアンサー

携帯HP作成　ページ内リンク付ボタンの作成

2012/03/26 21:07

携帯（FOMA）でHYMLでＨＰを作成しています。 --------------------------------------------------------- <html> <head> <title>名称未設定</title> </head> <body bgcolor="#FFFFFF" text="#000000"> <a name="ＴＯＰ">ＴＯＰ</a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <a href="#ＴＯＰ"><button>TOPへ戻る</button></a> </body> </html> --------------------------------------------------------- としたのですが、ボタンを押しても何も起こりません。どうやれば、ページ内リンク付のボタンが出来るのでしょうか？ご回答よろしくお願いします。

bkshfu
お礼率98% (516/525)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

lilillllililili
ベストアンサー率71% (23/32)

2012/03/27 13:27 回答No.1

飛びたい場所に設置するリンクには、name属性以外にid属性も指定しておくべきでしょう。メニュー部分のリンクに accesskey="0～9, *, #"を指定したほうがジャンプしやすくなります。また、buttonタグをaタグで囲むのはよろしくないと思います。  <a href="#top">goto Top</a> <a href="#middle">goto Middle</a> <a href="#bottom">goto Bottom</a>  <a id="top" name="top"></a> <div> top contents </div> <a id="middle" name="middle"></a> <div> middle contents </div> <a id="bottom" name="bottom"></a> <div> bottom contents </div>

質問者

お礼 2012/03/29 19:53

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

関連するQ&A

リンクのターゲット
htmlを使ってホームページ作成を目指しています。フレームページにして、topのリンクをクリックすればconに表示されるようにしたいのですが、どうしても別ウインドウで表示されてしまいます。どこがいけないのでしょうか？どなたかご教授、お願いします。 <HTML> <body> <HEAD> <TITLE>＊＊＊</TITLE> </HEAD> <frameset cols='15%,*'> <frame src='top' name='top' scrolling='no'> <frame src='con' name='con' scrolling='auto'> </frameset><NOFRAMES> フレーム対応のブラウザでご覧下さい。 </NOFRAMES> </FRAMESET> <body bgcolor=#ffffff text=#000000 link=#0000ff alink=#ff0000 vlink=#ff0000> <a target="_con" href="hajimeni.html">はじめに</a> <body bgcolor=#ffffff text=#000000 link=#0000ff alink=#ff0000 vlink=#ff0000> <center> 今から更新</center> </body> </HTML>
- ベストアンサー
- HTML
ＨＰボタンの長さが異なる。
下のボタンがマックの「IE4.5」「IE5.0」「ネスケ4.7」だとちゃんと奇麗に中央に表示されますが、 Windows「IE4.5」「IE5.0」はボタンの長さが異なりガタガタになります。 windowsでも奇麗に並べるにはどうしたらいいのでしょうか？よろしくご指導お願いいたします。テストでアップしてあるＵＲＬですのでご確認してください。 http://watn.jp/test/ <HTML> <HEAD> <TITLE>++++</TITLE> </HEAD>  <center> 下のボタンがマックの「IE4.5」「IE5.0」「ネスケ4.7」だと<br> ちゃんと中央に表示されますが、Windows「IE4.5」「IE5.0」は<br> ボタンの長さが異なりガタガタになります。 <FORM> <INPUT TYPE="button" VALUE="　●●・・◇◇◇　　　" onClick="window.location.href='kituke.html'"><br> <INPUT TYPE="button" VALUE="　　　・・◇◇◇◇　　" onClick="window.location.href='sadou.html'"><br> <INPUT TYPE="button" VALUE="　　　・・◇◇◇◇◇　" onClick="window.location.href='buyou.html'"><br> <INPUT TYPE="button" VALUE="　●●・・◇◇◇　　　" onClick="window.location.href='ivent.html'"><br> <INPUT TYPE="button" VALUE="　　　・・◇◇◇◇　　" onClick="window.location.href='tenjikai.html'"><br> <INPUT TYPE="button" VALUE="　◇◇◇　　　　　　　" onClick="window.location.href='butai.html'"><br> <INPUT TYPE="button" VALUE="　◇◇◇◇　　　　　　" onClick="window.location.href='honten.html'"><br> <INPUT TYPE="button" VALUE="　◇◇◇◇◇　　　　　" onClick="window.location.href='yono.html'"><br> </FORM> </center> </BODY> </HTML>
- ベストアンサー
- その他（インターネット・Webサービス）
同一ページのリンクができません。
よろしくお願いします。 HP（ビルダー11）を作成していて、ページの下にtopへ戻るというリンクをつけ、ページの上部にとばしたく、ラベルをつける、ラベルへまでの作業をしましたが、保存して確認するとうまくいくのですが、一度ページをとじるとラベルをつけた <A name="top1">ホームページのタイトル</A>が <A name="top2" href="">このように、href="が必ず出てきます。その度、href="を消して保存するのですが、そのときだけは修正されるのですが、やはり、ページを閉じると又元にもどります。どうなっているのでしょうか？下記にHTMLを記入しましたので、ご存知の方よろしくお願いします。  </STYLE> </head> <body style="font-size:12pt; line-hight:19pt"> <CENTER> <H1 class="class13">　　　　　　　　　　　　　　　　　　　　　<A name="top1">ホームページのタイトル</A></H1> <TABLE cellspacing="0" cellpadding="10" width="770" bgcolor="#000066"> <TBODY> <tr>.......
- ベストアンサー
- HTML
HP作成／広告表示について
忍者ツールでHP作成中です。規定の広告の表示位置がうまく一番下に表示されないので質問させてもらいます。 http://www.shinobi.jp/faq/category.html?category_id=3#95 ↑ではHTMLに誤り等があると書いてありますが、超がつくほどの素人のためなかなか解消できずにいます。どなたかアドバイスよろしくお願いします。製作中ソースは下記です。 <html> <head> <body> <body bgcolor="#ffffff"> <p> <div align="center"> next <br><br><br><A Href="http://★" Target="_blank"> 12/2 イベント</a><br><br><br><br> 11/13 更新<br><br> 11/14 更新予定 <img src="☆.jpg" border="0" style="position:absolute;top:320px;left:460px;"> <img src="★.jpg" border="0" style="position:absolute;top:320px;left:460px;"> </A Href></font></style> </A></style></div></body> </HTML> </head> <title>メイン</title> 不要タグなど他のご指摘は今回スルーさせて頂きます。広告表示位置がなぜか『11/14 更新予定』の真下に表示されてしまいます。
- ベストアンサー
- HTML
インデックスページから各フレームページへジャンプさせたい
(ローカルだと)内容ページは表示されるのですが、メニューの方が表示されません。 ?http://sakura-bewithyou.com/noutengusaindex.html? がインデックスページです。これがインデックスページのソース(一部)です。 <td width="365" bgcolor="#ffffff"> <A HREF="?http://sakura-bewithyou.com/study.heml"target="hidari&quo...?低きところに流れる受験</CENTER> </a> </td> リンク先のソースは <HTML>  <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META NAME="GENERATOR" CONTENT="mi"> <TITLE>さくらの脳内天幕徒然草</TITLE> </HEAD> <frameset cols="20%,80%"> <frame src="studyindex.html" name="hidari"> <frame src="noutengusa-syouki.html" name="migi"> </frameset> </HTML> メニューのソースは <HTML>  <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META NAME="GENERATOR" CONTENT="mi"> <TITLE>低きところに流れる受験</TITLE> </HEAD> <BODY> <body bgcolor="#FFFF33" text="#444444" link="#808080" vlink="#808080" alink="#808080"> <CENTER> <BR> <BR> <IMG SRC = "usagi17.gif" ALT = ""> <BR> <BR> <B><font size="2" color="#666666"> <a href="noutengusa-syouki.html" target="migi">正気を取り戻そう</a><BR> <BR> <a href="noutengusa-shinnendo.html" target="migi">こんなんで新年度</a><BR> <BR> <a href="noutengusa-yorugata.html" target="migi">どうしても夜型</a><BR> <BR> <a href="noutengusa-fushigi.html" target="migi">さくらさんも不思議だわ～</a><BR> <BR> <a href="noutengusa-2hour.html" target="migi">根性で２時間、<BR> 強引に２時間、<BR> 意地で２時間、<BR> なんとか２時間</a><BR> <BR> <a href="noutengusa-ao.html" target="migi">青チャート、11センチの動揺。</a><BR> <BR> </font> </B> <BR> <A href="?http://sakura-bewithyou.com/noutengusa-top.html"><img? src="m38_5-03.gif" border="0" onMouseOver="this .src='m38_6-03.gif'"onMouseOut="this .src='m38_5-03.gif'"></A><BR> <BR> <A href="?http://sakura-bewithyou.com/noutengusa-top.html"><img? src="m38_5-06.gif" border="0" onMouseOver="this .src='m38_6-06.gif'"onMouseOut="this .src='m38_5-06.gif'"></A><BR> <BR> </CENTER> </BODY> </HTML> ローカルだとメニュー以外は表示されます。どこが間違っているのか、まったくわかりません……。大変申し訳ないのですが、お答え頂ければ幸いです。
- 締切済み
- その他（インターネット・Webサービス）
ページが現れません
HPを作っている初心者です。いくつかのページを作りました。他と同じ条件で下記の様なhtmlを作ったのですがブラウザに出てくるのは白い画面のみです。ソースの表示では同じに出てきます。何処が悪いのか教えてください。お願いします。 <HTML> <HEAD> <TITLE>test/TITLE> </HEAD> <BODY BGCOLOR="#99CCFF"TEXT="#222222"LINK="#663300"VLINK="#6633FF"><BR> <BASEFONT SIZE="4"> <CENTER> <FONT SIZE=6><B>testです。</B></FONT><BR> <BR> <IMG SRC="test.jpg""test"><BR> <H4><A HREF="test.html">戻る</A></H4> </CENTER> </BODY> </HTML>
- ベストアンサー
- その他（インターネット・Webサービス）
ボタンを押すたびに画像を切り替えるには？
まずソースを載せます↓ <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-type" content="text/html; charset=shift-jis"> <title>ボタンを押すたびに画像を表示します</title> <body bgcolor="#FFFFFF"> <script type="text/javascript"> function func1(str) { document.write('<img src="c:/MyImage/dog1.jpg" width="104" height="91" />'); } function func2(str) { document.write('<img src="c:/MyImage/dog2.jpg" width="104" height="91" />'); } function func3(str) { document.write('<img src="c:/MyImage/dog3.jpg" width="104" height="91" />'); } function func4(str) { document.write('<img src="c:/MyImage/dog4.jpg" width="104" height="91" />'); } </script> </head> <body bgcolor="#FFFFFF"> <form id="myForm" name="myForm"><p> <input type="button" value="ボタン1" name="button1"onclick="func1('dog1.jpg');"> <input type="button" value="ボタン2" name="button2"onclick="func2('dog2.jpg');"> <input type="button" value="ボタン3" name="button3"onclick="func3('dog3.jpg');"> <input type="button" value="ボタン4" name="button4"onclick="func4('dog4.jpg');"> </p></form> </body> </html> 今回の質問内容はボタンを押すたびに画像を表示するjavascriptプログラムです画像はCドライブ直下のMyImageフォルダにdog1.jpg,,dog2.jpg,dog3.jpg, dog4.jpgを入れていますなんで動かないのがわからないです回答できたらよろしくお願いします
- ベストアンサー
- JavaScript
ボタンを用いたフレームのリンクについて
フレームで右と左に分割していて左のフレームで数字を入力して計算と書かれたボタンを押すと右のフレームに計算結果を表示する方法がわかりません。具体的なソースとしてはまず、フレーム分割部分は <html> <head> <title>計算機</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <Frameset cols="25%,*" Frameborder="yes" Scrolling="auto"> <frame src="calc.html" NAME="hidari"> <frame src="calc.php" NAME="migi"> </frameset> </html> このようになっていてcalc.htmlは <html> <head> <title>calc.html</title> </head> <body> <form name="form1" action="calc.php" method="post"> <input type = "text" name = "txtA">　+　 <input type = "text" name = "txtB">　=　?　 <br> <input type="submit" value="計算"> </form> </body> </html> このようになっておりcalc.phpは <html> <head> <title>calc.php</title> </head> <body> <?php $a = $_POST['txtA']; $b = $_POST['txtB']; $c = $a + $b; print ($a." + ".$b." = ".$c."\n"); ?> </body> </html> このようになってます。現在は計算ボタンを押すと左フレームにcalc.phpが表示されるのでこれを右フレームに表示させたいです。どなたか詳しい方お願いします。
- ベストアンサー
- HTML
ドキュメントを自ウィンドウに書き出したい
<html> <head> <script language="JavaScript">  </script> </head> <body bgcolor="#ffffff"> <form name="form1"> <input type="button" value="ボタン" onClick="doc()"> </form> </body> </html> 上のプログラムの場合ボタンを押すとボタンが消えJavaScriptと書き出されてしまうのですが、ボタンの下に書き出すにはどうしたらよいのでしょうか？結果として以下のように表示させたいのですがどうしたらよいのでしょうか？ <html> <head> </head> <body bgcolor="#ffffff"> <form name="form1"> <input type="button" value="ボタン"> <p>JavaScript</p> </form> </body> </html> これらのプログラムは自作のものです。
- ベストアンサー
- JavaScript
質問iframeの中にページを自動で飛ばす方法
iframeの中にページを自動で飛ばす方法違うページのフレームの中に今あるページを飛ばしたいんですが <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>AHREF</title> <meta http-equiv="REFRESH" content=";URL="> </head> <body bgcolor="#FFFFFF"> <br> このページは10秒経つと自動的に<a href=""></a>に飛びます。<br> </body> </html> こういう方法は分かったんですが、これでは飛ばした先の違うページのフレームの中で永遠に飛び続け、どんどん鏡を向かい合わせて写る世界のようにフレームのなかでページが増え続けていってしまいます。一回だけ飛ばしたらあとはそのフレームのなかに収まって飛ばないようにする方法はないでしょうか？
- ベストアンサー
- HTML