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> month </b></font> </td> <td> <font size="1" face="verdana, arial, helvetica, sans-serif"><b> date </b></font> </td> <td rowspan="2"> <font size="3" face="verdana, arial, helvetica, sans-serif"><b> <b>:</b> </b></font> </td> <td> <font size="1" face="verdana, arial, helvetica, sans-serif"><b> sunsign </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="??" /> <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
Post a Comment