Posts

Showing posts with the label HTML

Drop down with redirect function

<!DOCTYPE html> <html> <body> <h3 align="center">Where Do You Want to Go Today?</h3> <center> <form>   <p><select name="section" size="1" language="javascript" onChange="gotoPage(this.selectedIndex);">   <option selected>Where do you want to go today?</option>   <option>Google</option>   <option>Microsoft Home Page</option>   <option>MSN Home Page</option>   </select></p> </form> </center> <script language="JavaScript"> <!-- function gotoPage(varItem) {   switch(varItem)   {     case 0:       window.parent.self.status="Goes Nowhere";       break;     case 1:      window.location="http://www.google.com";       break;     case 2:       window.location="http://www.microsoft.com";   ...
Post a Comment
Read more

Drop Down List Show and Hide using jQuery

Drop Down List Show and Hide using jQuery This is a very simple example of how you are able to use jQuery to show and hide text/div. The structure is very simple to follow, i am asking if an item exists and if the user selects "Yes" then there is a follow up question. Otherwise, the follow up question remains hidden, also the default selection in drop down is left blank. Great way to set up a questionare/survey. The example below is how the example should work: Drop Down List Test Does this item Exist? Yes No Unsure Where? And here is the code:  <h1>Drop Down List Test</h1> <form> Does this item Exist?<br> <select id="question">  <option value="" style="display:none;"></option>  <option value="Yes">Yes</option>  <option value="No">No</option>  <option value="Unsure">Unsure</option> </select> <b...
1 comment
Read more