2012-04-13 7 views
0

これはどのように質問するのか分かりませんが、あなたを導く6つの天気アイコンの1つをクリックすることができるウェブサイトを作っています天気に関するあなたの名前とストーリーを入力し、それと同じタイプの天気に関する他の人々の話と一緒に最終ページに投稿するページに移動します。名前と物語を保存するためのテーブルが用意されていますが、ユーザーがアイコンをクリックしたときに天気を保存する方法がわかりません。画像を使用してMYSQLデータベーステーブルに変数を保存しようとしています

私の先生は、javascriptで何かをして、隠された形などをしていると言っていました。それが助けになるならば、サイトへのリンクをheresします。 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> 

答えて

0

すべての最初さて、あなたが自分でこれを行う方法を把握するために、私はそれに向けてSO kindofが数を推測するが、この宿題のポイントは、あります。

イメージのonclickプロパティを設定すると、非表示のフォーム要素の値が設定されます。それはあなたにGoogleで適切な答えを得るのに十分なはずです。

<img src=foo onclick="javascript_code_goes_here"> 

<input type=hidden name='weather' id='weather' value=''> 
+0

私はそれでalittleがプレイしてみました。私はまた、いくつかのjavascriptを作って、それをデータベースに保存するためにPHPを入れようとしましたが、まだ入力されていません。 mysql_select_db( 'db'、$ dbc); echo( "db"、 "dbc"); return mysql_select_db( 'db'、$ dbc) $ _POST [天気];?> "; } –

関連する問題