0

質問の仕方がよくわかりませんが、6つの天気アイコンのいずれかをクリックすると、名前とストーリーを入力できるページが表示されるWebサイトを作成しています。天気に関連して、同じタイプの天気に関する他の人々の話と一緒に最終ページに投稿してください。名前とストーリーを保存するためにテーブルを設定していますが、ユーザーがアイコンの1つをクリックしたときに天気を保存する方法がわかりません。

私の先生はjavascriptで何かをして、隠されたフォームか何かを作ると言っていました。それが助けになるなら、ここにサイトへのリンクがあります。http://www.tcnjart.com/christineaustin/whethertheweather/index.html

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>WhethertheWeather.</title>

<!--<link rel="stylesheet" type="text/css" href="demo/css/screen.css" media="all" />-->
    <script src="http://www.adrianpelletier.com/mint/?js" type="text/javascript">           
 </script>
    <script type="text/javascript" src="demo/scripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="demo/scripts/jquery-ui-1.7.1.custom.min.js">      
 </script>
    <script type="text/javascript" src="demo/scripts/execute.js"></script>


 <script>
     function connect(){
var moveto= $.(#sel).attr("name");
$(#myweather).value=moveto;
myform.submit;

}

</script>

<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body background="images/gradientsky.jpg"> 

 <div id="logo">

WhethertheWeather.

</div>

<div id="question">

Whats your favorite weather?

</div>

<div id="weather">

<ul id="nav-reflection">
<form name="myform" method="post" action="cloudy_name.php">
    <li class="button-color-1"><a href="javascript:connect();"id="sel"name"cloudy"       
 title="My fancy link"><img src="images/cloudybubble.png" width="211" height="180"align="left">  
</a></li>
<li class="button-color-1"><a href="sunny_name.php" title="My fancy link"><img               src="images/sunnybubble.png" width="211" height="180" align="left"></a></li>
<li class="button-color-2"><a href="snowy_name.php" title="My fancy link"><img src="images/snowbubble.png" width="211" height="180" align="left"></a></li>
<li class="button-color-1"><a href="snowy_name.php" title="My fancy link"><img src="images/rainbubble.png" width="211" height="180" align="left"></a></li>
<li class="button-color-1"><a href="mixy_name.php" title="My fancy link"><img src="images/mixbubble.png" width="211" height="180" align="left"></a></li>
<li class="button-color-1"><a href="windy_name.php" title="My fancy link"<imgsrc="images/windybubble.png" width="211" height="180" align="left"></a></li>

<input type="hidden" name="weather" value="none" id="myweather">
</form>
</ul>
</div>

</body>
</html>
4

1 に答える 1

0

まず第一に、この宿題のポイントは、自分でこれを行う方法を理解することです。

画像の onclick プロパティを非表示のフォーム要素の値に設定します。グーグルで適切な回答を得るには、これで十分です。

<img src=foo onclick="javascript_code_goes_here">

と

<input type=hidden name='weather' id='weather' value=''>
于 2012-04-13T01:21:15.960 に答える