Urgently Help Needed For this Website

Discussion in 'HTML & Website Design' started by indyature, May 14, 2013.

  1. #1
    http://gopincode.com/pincode.net.in/ANDAMAN_AND_NICOBAR_ISLANDS/NICOBAR.html/C/
    to
    http://gopincode.com/pincode.net.in/ANDAMAN_AND_NICOBAR_ISLANDS/NICOBAR.htm/C.html

    Can i do this with changing in the option value in my website

    <form id="pofl" action=""><div>
    <img src="../../image.pincode.net.in/cross.png" width="18" height="14" style="border:0px" alt="" />
    <select name="SelectURL" onchange="location.href=document.forms['pofl'].SelectURL.options[selectedIndex].value" class="widthed">
    <option value="">Post Office Name 1st Alphabet</option>
    <option value="NICOBAR/C">C</option>
    <option value="NICOBAR/G">G</option>
    <option value="NICOBAR/K">K</option>
    <option value="NICOBAR/L">L</option>
    <option value="NICOBAR/M">M</option>
    <option value="NICOBAR/N">N</option>
    <option value="NICOBAR/P">P</option>
    <option value="NICOBAR/S">S</option>
    <option value="NICOBAR/T">T</option>
    </select></div>
    </form>
    HTML:
    is there any option in using onchange"location.href by appending .html there please help me with the code.
     
    indyature, May 14, 2013 IP
  2. Zarko Dimitrov

    Zarko Dimitrov Greenhorn

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #2
    From the code posted above :
    
    <form id="pofl" action=""><div>
    <img src="../../image.pincode.net.in/cross.png" width="18" height="14" style="border:0px" alt="" />
    <select name="SelectURL" onchange="location.href=document.forms['pofl'].SelectURL.options[selectedIndex].value" class="widthed">
    <option value="">Post Office Name 1st Alphabet</option>
    <option value="NICOBAR/C.html">C</option>
    <option value="NICOBAR/G.html">G</option>
    <option value="NICOBAR/K.html">K</option>
    <option value="NICOBAR/L.html">L</option>
    <option value="NICOBAR/M.html">M</option>
    <option value="NICOBAR/N.html">N</option>
    <option value="NICOBAR/P.html">P</option>
    <option value="NICOBAR/S.html">S</option>
    <option value="NICOBAR/T.html">T</option>
    </select></div>
    </form>
    
    
    Code (markup):
    Should do the trick. However if there is .htaccess redirection etc you should modify that as well.
     
    Last edited: May 14, 2013
    Zarko Dimitrov, May 14, 2013 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    See, this is a perfect example of javascript for NOTHING, and destroying anything resembling accessibility while at it. That's not formdata, you're not submitting any fields, so why are you using a form element to select a destination?

    <div id="selectURL">
    	Post Office Name 1st Alphabet
    	<ul>
    		<li><a href="NICOBAR/C.html">C</a></li>
    		<li><a href="NICOBAR/G.html">G</a></li>
    		<li><a href="NICOBAR/K.html">K</a></li>		
    		<li><a href="NICOBAR/L.html">L</a></li>
    		<li><a href="NICOBAR/M.html">M</a></li>
    		<li><a href="NICOBAR/N.html">N</a></li>
    		<li><a href="NICOBAR/P.html">P</a></li>
    		<li><a href="NICOBAR/S.html">S</a></li>
    		<li><a href="NICOBAR/T.html">T</a></li>
    	</ul>
    <!-- #selectURL --></div>
    Code (markup):
    #selectURL {
    	position:relative;
    	overflow:hidden;
    	height:1.5em;
    	line-height:1.5em;
    }
    
    #selectURL:hover {
    	overflow:visible;
    }
    
    #selectURL ul {
    	position:absolute;
    	top:1.5em;
    	left:0;
    }
    Code (markup):
    Or something along those lines. You want you can ENHANCE the above with scripting, but you shouldn't be using javascript to make a select do a set of anchor's job!
     
    deathshadow, May 15, 2013 IP