javascript - How to change where jQuery input is displayed -


the problem is: http://trulydesigns.com/horoscope/

when press submit after entering form, value displayed in input box below in separate div.

for example: http://whatismysign.net/

function sunsign() { document.form1.date.selectedindex; document.form1.month.selectedindex; document.form1.sign.value;  if (document.form1.month.selectedindex == 1 && document.form1.date.selectedindex <=19) {document.form1.sign.value = "capricorn";} if (document.form1.month.selectedindex == 1 && document.form1.date.selectedindex >=20) {document.form1.sign.value = "aquarius";} if (document.form1.month.selectedindex == 2 && document.form1.date.selectedindex <=18) {document.form1.sign.value = "aquarius";} if (document.form1.month.selectedindex == 2 && document.form1.date.selectedindex >=19) {document.form1.sign.value = "pisces";} if (document.form1.month.selectedindex == 3 && document.form1.date.selectedindex <=20) {document.form1.sign.value = "pisces";} if (document.form1.month.selectedindex == 3 && document.form1.date.selectedindex >=21) {document.form1.sign.value = "aries";} if (document.form1.month.selectedindex == 4 && document.form1.date.selectedindex <=20) {document.form1.sign.value = "aries";} if (document.form1.month.selectedindex == 4 && document.form1.date.selectedindex >=21) {document.form1.sign.value = "taurus";} if (document.form1.month.selectedindex == 5 && document.form1.date.selectedindex <=20) {document.form1.sign.value = "taurus";} if (document.form1.month.selectedindex == 5 && document.form1.date.selectedindex >=21) {document.form1.sign.value = "gemini";} if (document.form1.month.selectedindex == 6 && document.form1.date.selectedindex <=20) {document.form1.sign.value = "gemini";} if (document.form1.month.selectedindex == 6 && document.form1.date.selectedindex >=21) {document.form1.sign.value = "cancer";} if (document.form1.month.selectedindex == 7 && document.form1.date.selectedindex <=21) {document.form1.sign.value = "cancer";} if (document.form1.month.selectedindex == 7 && document.form1.date.selectedindex >=22) {document.form1.sign.value = "leo";} if (document.form1.month.selectedindex == 8 && document.form1.date.selectedindex <=21) {document.form1.sign.value = "leo";} if (document.form1.month.selectedindex == 8 && document.form1.date.selectedindex >=22) {document.form1.sign.value = "virgo";} if (document.form1.month.selectedindex == 9 && document.form1.date.selectedindex <=21) {document.form1.sign.value = "virgo";} if (document.form1.month.selectedindex == 9 && document.form1.date.selectedindex >=22) {document.form1.sign.value = "libra";} if (document.form1.month.selectedindex == 10 && document.form1.date.selectedindex <=21) {document.form1.sign.value = "libra";} if (document.form1.month.selectedindex == 10 && document.form1.date.selectedindex >=22) {document.form1.sign.value = "scorpio";} if (document.form1.month.selectedindex == 11 && document.form1.date.selectedindex <=21) {document.form1.sign.value = "scorpio";} if (document.form1.month.selectedindex == 11 && document.form1.date.selectedindex >=22) {document.form1.sign.value = "sagittarius";} if (document.form1.month.selectedindex == 12 && document.form1.date.selectedindex <=20) {document.form1.sign.value = "sagittarius";} if (document.form1.month.selectedindex == 12 && document.form1.date.selectedindex >=21) {document.form1.sign.value = "capricorn";}  if (document.form1.month.selectedindex == "x" || document.form1.date.selectedindex == "y") return; 

}

<form style="padding-top:150px" name="form1">     <table border="0" bgcolor="c0c0c0" cellspacing="0" cellpadding="1">         <tr>             <td>                 <font size="1" face="verdana, arial, helvetica, sans-serif"><b>&nbsp;month&nbsp;</b></font>             </td>             <td>                 <font size="1" face="verdana, arial, helvetica, sans-serif"><b>&nbsp;date&nbsp;</b></font>             </td>             <td rowspan="2">                 <font size="3" face="verdana, arial, helvetica, sans-serif"><b>&nbsp;&nbsp;<b>:</b>&nbsp;</b></font>             </td>             <td>                 <font size="1" face="verdana, arial, helvetica, sans-serif"><b>&nbsp;sunsign&nbsp;</b></font>             </td>         </tr>          <tr>             <td>                 <select name="month">                     <option value="x" selected>month</option>                     <option value="1">january</option>                     <option value="2">february</option>                     <option value="3">march</option>                     <option value="4">april</option>                     <option value="5">may</option>                     <option value="6">june</option>                     <option value="7">july</option>                     <option value="8">august</option>                     <option value="9">september</option>                     <option value="10">october</option>                     <option value="11">november</option>                     <option value="12">december</option>                 </select>             </td>              <td>                 <select name="date" onchange="validate()">                     <option value="y" selected>day</option>                     <option value="1">1</option>                     <option value="2">2</option>                     <option value="3">3</option>                     <option value="4">4</option>                     <option value="5">5</option>                     <option value="6">6</option>                     <option value="7">7</option>                     <option value="8">8</option>                     <option value="9">9</option>                     <option value="10">10</option>                     <option value="11">11</option>                     <option value="12">12</option>                     <option value="13">13</option>                     <option value="14">14</option>                     <option value="15">15</option>                     <option value="16">16</option>                     <option value="17">17</option>                     <option value="18">18</option>                     <option value="19">19</option>                     <option value="20">20</option>                     <option value="21">21</option>                     <option value="22">22</option>                     <option value="23">23</option>                     <option value="24">24</option>                     <option value="25">25</option>                     <option value="26">26</option>                     <option value="27">27</option>                     <option value="28">28</option>                     <option value="29">29</option>                     <option value="30">30</option>                     <option value="31">31</option>                 </select>             </td>              <td>                 <input name="sign" size="12" value="??" />&nbsp;<input type="button" value="submit" onclick="sunsign()">             </td>         </tr>     </table> </form> 

i have error :

get http://trulydesigns.com/horoscope/assets/js/horoscope.js 404 (not found) 

ok add html div (where want result displayed) :

<div id="result"></div> 

and modify js , replace

document.form1.sign.value 

by

document.getelementbyid('result').innerhtml 

so replace line put result inside input, , instead put in div.


Comments

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

sql - MySQL query optimization using coalesce -

unity3d - Unity local avoidance in user created world -