JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 



Go Back   Dev Articles Community ForumsProgrammingJavaScript Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
  #1  
Old June 7th, 2006, 07:09 AM
ajidnair ajidnair is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jun 2006
Posts: 1 ajidnair User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 m 51 sec
Reputation Power: 0
Problem with Select Boxes

Hi All,
1. The user shouldnot select more than 2 selections.
2. The selected items should come on the top of the box.
3. It should seem as selected.

Plz help...
This is the sample code


<select name="farea"size="5" multiple class="textboxes1" >
<option selected label="Mumbai" value="Mumbai">Mumbai</option>
<option label="Delhi" value="Delhi">Delhi</option>
<option label="Trivandrum" value="Gurgaon">Gurgaon</option>
<option label="Bangalore" value="Bangalore">Bangalore</option>
<option label="Trivandrum" value="Hyderabad">Hyderabad</option>
<option label="Trivandrum" value="Trivandrum">Trivandrum</option>
<option label="Trivandrum" value="Noida">Noida</option>
</select>

Reply With Quote
  #2  
Old June 8th, 2006, 12:24 AM
ravs ravs is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Apr 2006
Location: gurgaon, haryana, india
Posts: 60 ravs User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 11 h 44 m 29 sec
Reputation Power: 13
Send a message via Yahoo to ravs
use this function for focus where ever you want;

function x( listCtl )
{
var oCtlList=(typeof listCtl ="object" )?listCtl :document.getElementById(listCtl );
for(i=0;i<oCtlList;i++)
{
if(oCtlList.options[i].seleted==true)
{
oCtlList.options[i].focus();
break;
}
}
}

HTML
<input type="hidden" id ="hidCounter" value=0>

use this function for user to restrict up to onl;y 2 selections
onclick of list control and keep this hidden field in your page

function y(e , hid )//e is the object of list contril
{
var counter=0;
for(i=0;i<e.options.length;i++)
{
if(document.getelementById(hid).value!="2")
{
if(e.options[i].selected==true)
{
counter++;
}
document.getelementById(hid).value=counter;
}
else
{
alert("not allowed")
}
}

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsProgrammingJavaScript Development > Problem with Select Boxes


Developer Shed Advertisers and Affiliates


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap