Livedoor お天気 webサービスのHTML作成について
- Livedoorのお天気 webサービスを呼び出すためのHTMLを作成していますが、何がダメなのかレビューしてもらえませんか？
- このHTMLでは、Livedoorの天気情報からwebサービスを通じて天気予報を取得することができます。
- HTML内には、都市のIDと日付を指定する入力フォームがあり、入力フォームに値を入れて送信することで天気予報を取得できます。
- ベストアンサー
Livedoor お天気 webサービスのHTML
教えて下さい。。 livedoorのお天気 webサービスを呼び出すhtmlを作成しています。 なにがダメなのでしょう。。レビューしてもらえませんでしょうか。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"></meta> <title>untitled1</title> </head> <body><p> <font color="#ff2121"> <strong>l</strong> <strong>ivedoor 天気情報から</strong> </font> </p><p> <font color="#ff2121"> <strong> webサービスで 天気予報を取得します。</strong> </font> </p><form method="post" action="http://weather.livedoor.com/forecast/webservice/rest/v1?city=" + document.forms[0].elements["id"] + "&day=" + document.forms[0].elements["day"]> <p> area <input type="text" name="id" size="10" value= "113"/> </p> <p> day <input type="text" name="day" size="10" value = "tomorrow"/> <input type="submit"/> </p> </form></body> </html>
- suzuka0012
- お礼率50% (5/10)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こういうことですか？ <form> area <input type="text" name="id" size="10" value= "113"/><br> day <input type="text" name="day" size="10" value = "tomorrow"/><br> <input type="button" value="お天気" onclick="location.href='http://weather.livedoor.com/forecast/webservice/rest/v1?city=' + document.forms[0].elements['id'].value + '&day=' + document.forms[0].elements['day'].value"/> </form>
関連するQ&A
- CSSでフォントが適用されない
CSSでレイアウトを作成しました。 フォントはMS Pゴシックを指定しています。 CSSを外部にしましたらフォントがMS Pゴシックではなく、明朝っぽくなっています。他のCSSは適用されているのにフォントだけが適用されていません。 ※外部CSSにする前はMS Pゴシックになっています。 html ------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <link href="style/style.css" rel="stylesheet" type="text/css" media="all"> <title>無題ドキュメント</title> ------------------------------------------------- 外部CSS ------------------------------------------------- @charset "utf-8"; html { height: 100%; } body { font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "Osaka"; padding: 0px; margin: 0px; font-size: 0.8em; } ------------------------------------------------- どこが間違っておりますでしょうか？ 宜しくお願いします。
- ベストアンサー
- HTML
- WEBに音を付けたい
サイドメニューをonmouseoverした時と、onclickした時に別々の音を付けたいです。 なかなかうまくいかないので、質問しました。 下記のコードをどうすればよいのでしょうか？ <?xml version="1.0" encoding="Shift_JIS"> <!DOCUTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtm1-strict.dtd"> <head> <meta http-equiv="Content-Type" content=text/css; charset="Shift_JIS" /> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link rel="stylesheet" href="style.css" type="text/css" /> <script language="JavaScript" type="text/javascript"> function playSound(soundfile) { document.getElementById("img/shake.wav").innerHTML= "<embed src="img/shake.wav"+soundfile+"img/shake.wave" hidden="true" autostart="false" loop="false" />"; } </script> <title>2012 Backgammon Festival</title> </head> <body> <div class="main"> <a href="home.html"><img src="img/title.gif"></a> <h1> aaa</h1> <p>aaa</p> </div> <div class="menu"> <a href="greeting.html" onclick="sound(this)" title="img/roll.wav"><img src="img/greeting.gif" onmouseover="this.src='img/z_greeting.gif'" onmouseover="playSound('roll.wav')" onmouseout="this.src='img/greeting.gif'" alt="ご挨拶"></a><br> </div> </body> </html>
- 締切済み
- JavaScript
- HTMLで○や■などをテキストの代用とした時
HTMLで○や■などをテキストの代用とした時レイアウトが崩れてしまうのはなぜでしょうか？ 教えてください。 よろしくお願い致します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>無題ドキュメント</title> <style type="text/css"> <!-- body { font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; background-color: #42413C; margin: 0; padding: 0; color: #000; } .container { width: 960px; text-align: center; background-color: #FFF; margin: 0 auto; } .header { background-color: #ADB96E; } .content { text-align: left; padding: 10px 0; } .footer { padding: 10px 0; background-color: #CCC49F; } --> </style></head> <body> <div class="container"> <div class="header"> </div> <div class="main"> <p>○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○</p> </div> <div class="footer"> </div> </div> </body> </html>
- 締切済み
- その他（インターネット・Webサービス）
- 初歩的な質問で恐縮ですが、教えてください。
すみませんが、教えてください。 入力フォームでデータが送れなくて、困っています。 下のコードに問題点はあるのでしょうか？ 自分では、分からないので、よろしくお願いいたします。 test1.php------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> </head> <body> <form method="post" enctype="multipart/form-data" action="./test2.php"> <input type="text" name="fmTitle" ><br /> <input type="submit" value="次へ" > </form> </body> test2.php-------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> </head> <body> <?= $fmTitle . "<br />" ?> </body>
- ベストアンサー
- PHP
- alphaEDITについて
alphaEDITの2.0.3 Build 268を愛用しています。 OSは、Win XP SP3です。 今まで、alphaEDITの2.0.3 Build 268でずっとサイトを更新してきました。 しかし、今回起動してみると、以下のような症状が現れました。 起動時 HTMLソースで表示すると、以下のようなタグが表示されます。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> </head> <body> <p> </p> </body> </html> 一度、WYSIWYGに切り替えて、HTMLソースに戻すと、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title></title> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta content="MSHTML 6.00.6000.16890" name="GENERATOR"></head> <body> <p> </p></body></html> に変わってしまいます。 今までこのようなことはありませんでした。 iniも消してみましたが、直りません。 設定をいじった記憶もありません。 すみませんが、このような症状の直し方を知っている方がいらっしゃいましたら、 教えていただけないでしょうか
- 締切済み
- ホームページ作成ソフト
- リンクにカーソルを合わせてもカーソルが変化しません
ＨＰを作成しているのですが、メニューを作成していて、メニューにカーソルを合わせてもpointer(手のマーク)にならず、テキストのときに出るIに似たアイコンのままになってしまいます。(リンクは問題なく飛べるのですが、分かりづらいです) メニューのボタンは素材屋さんのサイトにかいてあったソースをいただきましたので画像ではなく、全てソースから出来ています。 いろいろ調べて実践したのですがなかなかカーソルが変わりません＞＜ どうしたら変わりますか？ちなみにメニューのソースは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <title>メニュー</title> </head> <p align="center"> <button style="BORDER-LEFT-COLOR: #ff80c0; BACKGROUND: #ffffff; BORDER-BOTTOM-COLOR: #ff80c0; WIDTH: 97px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #ff80c0; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; HEIGHT: 52px; BORDER-RIGHT-COLOR: #ff80c0; BORDER-BOTTOM-STYLE: solid; type: " onclick="window.open('top_page.html','トップページ','')" button?><span style="FONT-SIZE: 23px; FILTER: dropshadow(color=#ffd5d5,offX =5,offY=5); WIDTH: 90px; COLOR: #74faf3; LINE-HEIGHT: 2; FONT-FAMILY: HGP創英角ポップ体; HEIGHT: 46px"> <p align="center">TOP</p> <p align="center"> </p></span></button> </a> <font size="5"><strong><em><font size="5"><strong><em><u></u></em></strong></font></em></strong></font></p> </body> </html> です。途中にある「トップページ」というのはtarget先です。 どなたか分かる人お願いします！！
- ベストアンサー
- その他([技術者向] コンピューター)
- HTMLの書き方について質問です(初心者)。
[HTML & スタイルシート トレーニングブック]という本を見ながらHTMLを勉強中です。 この本ではHTMLの書き出し部分は下記のようになっております。 ================================================================================== [ 1 ] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 [ 2 ] Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> [ 3 ] <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> [ 4 ]<head> [ 5 ]<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> [ 6 ]<title>Osteria Grazie［イタリア料理の店］</title> [ 7 ]<link href="message.css" rel="stylesheet" type="text/css" /> [ 8 ]</head> ================================================================================== ところがこのままテキストで書き写し使用しても正しく表示されません。 （具体的に言うと感じやひらがなが文字化けしてしまいます。） こちらの [ 5 ] を下記のように修正すると正しく出力することができます。 ================================================================================== [ 5 ]<meta http-equiv="Content-Type" content="text/html; charset="utf-8" /> ↑[ここに[ " ]を書き加える。 ================================================================================== ただし、サンプルディスクに入っているhtmlデータは上記のままで動きます。 どうしてなのでしょうか？ 分かる方がいらっしゃいましたら回答お願いします。 また、修正後の ================================================================================== [ 5 ]<meta http-equiv="Content-Type" content="text/html; charset="utf-8" /> ↑[ ? ] ↑[ここに[ " ]を書き加える。 ================================================================================== につきましても、これで正しく表示されるのはいいのですが、そうなると上記の[ ? ]部分の[ " ]の閉じ部分がなくなってしまう気がするのですが、なぜこれで動くのでしょうか？ よろしくお願いします。 一応下に本に付いていたサンプルデータを書き出しておきます。 分かる方がいらっしゃいましたらお願いします。 【サンプルデータ】 ================================================================================== <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Osteria Grazie［イタリア料理の店］</title> <link href="message.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="contents"> <h1>Message</h1> <h2>ご意見ご感想をお書きください</h2> <form action="mailto:sotechsha@html.sever" method="post" enctype="text/plain"> ■名前<br /> <input type="text" name="name1" size="30" /><br /> ■メールアドレス<br /> <input type="text" name="email" size="30" /><br /> ■メッセージをお願いします<br /> <textarea name="message" rows="6" cols="50"></textarea><br /> </form> <div id="gotop"> <a href="index.html">Topページにもどる</a> </div> </div> </body> </html> ==================================================================================
- ベストアンサー
- HTML
- フォントの指定ができない。
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> をいれると、フォントの指定ができないです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> </head> <body> <a href="http://www.yahoo.co.jp/" style="color:red;text-decoration:none"> <div STYLE="font-size:800%;font-family:HGP創英角ポップ体;">test</div></a> </body> </html> とすると、リンクを付けて文字を大きくしてHGP創英角ポップ体で表示できるのですが <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> にすると、リンクを付けて文字を大きくまでは出来るのですが、フォント名が設定できません。 どうしてでしょうか？ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">をなくすしかないですか？
- ベストアンサー
- HTML
- HTMLの意味を教えてください
おはようございます。みなさんのお知恵を貸してください。 ＨＰ内の＜ＨＥＡＤ＞に <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> というのがありますが、これはどういう意味でしょうか？ よろしくおねがいします。
- ベストアンサー
- ホームページ作成ソフト
- 下記のタグの中で必要ないのはありますか？
(1) <?xml version="1.0" encoding="UTF-8"?> (2) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> (3) <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> (4) <head> (5) <title>●●●●●●●●</title> (6) <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> (7) <meta http-equiv="Content-Style-Type" content="text/css" /> (8) <meta name="robots" content="INDEX,FOLLOW"> (9) <meta name="description" content="●●●●●●●●"> (10) <meta name="keywords" content="●●●●●●●●"> (11) <meta name="content="●●●●●●●●" /> (12) <meta http-equiv="Content-Script-Type" content="text/javascript"> (13) <meta http-equiv="Content-Style-Type" content="text/css"> (14) <link href="css/A1.css" rel="stylesheet" type="text/css" /> (15) <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
- 締切済み
- HTML
お礼
ありがとうございます。 無事にできました。 素人の質問に答えて頂いて、感謝です。。