Web Development

20-Mar-06 4:48

Hello!

I have two listboxes, one is filled with data when page is loaded, and the other is empty. When user clicks a button I want the selected items from one of them to show up in the other. I'd love to have a non-postback solution of this, as all the postbacks required with my current solution doesn't feel very userfriendly. Here's the code how it looks today:

private void btnOppenVard_Click(object sender, System.EventArgs e)<br />
{<br />
	ArrayList alTotal = new ArrayList();<br />
	ArrayList alOld = new ArrayList();<br />
	ArrayList alNew = new ArrayList();<br />
<br />
             // Items already existing in listbox2<br />
	foreach(ListItem li in lblValdOppenVard.Items)<br />
	{<br />
		alOld.Add(li.Value.ToString());<br />
	}<br />
			<br />
	alTotal.AddRange(alOld);<br />
         <br />
             // items selected in listbox1<br />
	foreach(ListItem li in lbOppenVard.Items)<br />
	{<br />
				if(li.Selected == true)<br />
		{<br />
			alNew.Add(li.Value.ToString());<br />
		}<br />
	}<br />
<br />
            // Remove dublicates<br />
	foreach (System.Object obj in alNew)<br />
	{<br />
				if(alTotal.Contains(obj.ToString()))<br />
		{<br />
			alTotal.Remove(obj);<br />
		}<br />
	}<br />
  <br />
	alTotal.AddRange(alNew);<br />
<br />
             // bind data<br />
	lblValdOppenVard.DataSource = alTotal;<br />
	lblValdOppenVard.DataBind();<br />
}

Is this possible to achieve with javascript? And could someone point me in the right direction as to how I should go about doing this?

George L. Jackson20-Mar-06 15:56

George L. Jackson

20-Mar-06 15:56

The listbox renders as a "select" element on the client-side. Look on a search web site such as www.google.com or Code Project using "DHTML" and "SELECT" as key words.

sharma sanjeev20-Mar-06 17:03

20-Mar-06 17:03

try this

function MoveOption(objSourceElement, objTargetElement) { var aryTempSourceOptions = new Array(); var x = 0; //looping through source element to find selected options for (var i = 0; i < objSourceElement.length; i++) { if (objSourceElement.options[i].selected) { //need to move this option to target element var intTargetLen = objTargetElement.length++; objTargetElement.options[intTargetLen].text = objSourceElement.options[i].text; objTargetElement.options[intTargetLen].value = objSourceElement.options[i].value; } else { //storing options that stay to recreate select element var objTempValues = new Object(); objTempValues.text = objSourceElement.options[i].text; objTempValues.value = objSourceElement.options[i].value; aryTempSourceOptions[x] = objTempValues; x++; } } //resetting length of source objSourceElement.length = aryTempSourceOptions.length; //looping through temp array to recreate source select element for (var i = 0; i < aryTempSourceOptions.length; i++) { objSourceElement.options[i].text = aryTempSourceOptions[i].text; objSourceElement.options[i].value = aryTempSourceOptions[i].value; objSourceElement.options[i].selected = false; }

sanjeev

livez20-Mar-06 21:05

20-Mar-06 21:05

brilliant, it worked like a charm! thanks alot

sharma sanjeev21-Mar-06 16:55

21-Mar-06 16:55

take a hidden fields to store data and their corresponding id,s

try this
Add this function to attributes of your button as
this.btnSubmit.Attributes.Add("onclick","javascript return showSelected();");

targetlistId is id of target list
'hiddennames' is input type hidden for names
'hiddenId' is input type hidden for id's

function showSelected()
{
var optionList = document.getElementById("targetlistId").options;
var data = '';
var names = '';
var len = optionList.length;
for(i=0; i{
if(i>0)
{
data += ',';
names += ',';
}
data += optionList.item(i).value;
names += optionList.item(i).text;
}
document.getElementById('hiddennames').value=names;
document.getElementById('hiddenId').value=data;
return true;
}

sanjeev

livez21-Mar-06 22:24

21-Mar-06 22:24

Thanks for the responseI tried this solution, but didnt get any data to register in the the hidden field. I tried

adding attribute:
this.btnOppenVardVald.Attributes.Add("onclick","javascript: return showSelected();");

adding hidden field:
<input id="HiddenValue" type="hidden" value="Initial Value" runat="server" NAME="HiddenValue">

also tried:
<input id="HiddenValue" type="hidden" value="Initial Value" NAME="HiddenValue">

the function:

<script language="JavaScript" type="text/javascript"><br />
function showSelected()<br />
{<br />
	var optionList = document.getElementById("lblValdOppenVard").options;<br />
	var data = '';<br />
	var names = '';<br />
	var len = optionList.length;<br />
	for (var i = 0; i < optionList.length; i++)<br />
	{<br />
		if(i>0)<br />
		{<br />
			data += ',';<br />
			names += ',';<br />
		}<br />
		data += optionList.item(i).value;<br />
		names += optionList.item(i).text;<br />
	}<br />
	document.getElementById('HiddenValue').value=names;<br />
	return true;<br />
} <br />
</script>

but value of HiddenValue is still "Initial Value" after I press btnOppenVardVald. Should "HiddenValue" have runat="server" or not? And what else am I doing wrong?

sharma sanjeev21-Mar-06 22:31

21-Mar-06 22:31

no run at server for listbox

<asp:listbox id="lstCategories2" cssclass="SearchCategory" runat="server"
="" enableviewstate="True">

livez21-Mar-06 22:38

21-Mar-06 22:38

if I remove the runat server for the listbox, its not rendered at all.

asp:listbox id="lblValdOppenVard" runat="server" CssClass="inmatningstext" SelectionMode="Multiple"

Do I have to create some sort of html control instead of an asp:listbox? Im sorry if the answer is obvious, im kind of new to this.

-- modified at 4:40 Wednesday 22nd March, 2006

livez21-Mar-06 22:56

21-Mar-06 22:56

working now, thanks for the help everybody, sanju sharma in particular!

sharma sanjeev21-Mar-06 23:06

21-Mar-06 23:06

my mistake dont remove runat server
use

and add it in .cs page as html control

like

protected System.Web.UI.HtmlControls.HtmlInputHidden hiddenLinkTypeId;

and get value of hidden as
string ids=hiddenLinkTypeId.Value;

sanjeev

Guffa21-Mar-06 22:43

Guffa

21-Mar-06 22:43

As this is client side code, the runat="server" attribute is totally irrelevant.

This is the way you add the attribute:

this.btnOppenVardVald.Attributes.Add("onclick","return showSelected();");

---
b { font-weight: normal; }

sharma sanjeev21-Mar-06 16:53

21-Mar-06 16:53

take a hidden fields to store data and their corresponding id,s

try this
Add this function to attributes of your button as
this.btnSubmit.Attributes.Add("onClick","javascript: return showSelected();");

targetlistId is id of target list
'hiddennames' is input type hidden for names
'hiddenId' is input type hidden for id's

function showSelected()
{
var optionList = document.getElementById("targetlistId").options;
var data = '';
var names = '';
var len = optionList.length;
for(i=0; i<len; i++)
{
if(i="">0)
{
data += ',';
names += ',';
}
data += optionList.item(i).value;
names += optionList.item(i).text;
}
document.getElementById('hiddennames').value=names;
document.getElementById('hiddenId').value=data;
return true;
}

sanjeev

-- modified at 22:53 Tuesday 21st March, 2006

IIS 5.0

tareqGamal20-Mar-06 0:59

tareqGamal

20-Mar-06 0:59

I created a Site using asp.net1.1
using a http:// as normal
but when I had to connect to LDAP .. i had to use the ALREADY installed SSL

I checked the internet for a solutions but no luke ...,
I checked for the validation of the certification and its valid ..,

it gives me "The server is not operational"
also when i cliked on the IIS : mysite->propereties-> Directory security->Edit button (its enabled ) but when click nothing happened
like they said at this site for example :
http://support.microsoft.com/default.aspx?scid=kb;en-us;299525&product=iis50

so please help , thanks

welcome for any comments , Questions

Error: Web Server

Amol Ravatale20-Mar-06 0:38

Amol Ravatale

20-Mar-06 0:38

Hi,
I have Windows XP Professional edition on my PC.
Initially only Visual studio 6.0 was installed on my PC. It was working fine.
Then I installed Visual Studio .NET 2003. At this time IIS was not installed.
After few days I did uninstallation of Visual Studio .NET. But .NET Framework 1.1 was present even after unistallation of Visual Studio .NET. I left it as it is.
Then I did intsalltion of IIS 5.1
I started working on ASP.
Again I installed Visual Studio .NET. This time IIS was already installed.
Now,
1) When I choose Web application Template in VB.net or C# .net I do get
error stating : "Web server could not launch ASP.NET 1.1"

2) When I am working on pure ASP development, the ASP object model does not figure out Server object's "Transfer" and "Execute" methods.(i.e. Server.Execute and Server.Transfer which are used to redirect a request.). I am using Microsoft Internet Development Environment, which is part of Visual Studio 6.0. is it because the ASP version is old somewhat 2.0? How to check
which ASP version is running?

So what could be the problems, and how should I go about it to fix the same.

Regards,
Amol

HimaBindu Vejella20-Mar-06 1:34

HimaBindu Vejella

20-Mar-06 1:34

Hi amol,
just go to VS command promt and run aspnet_regiis -i
This will configure ur IIS with .net frame wotk

"Aim to go where U have never been B4 and Strive to achieve it"
http://groups.yahoo.com/subscribe/dotnetforfreshres
http://himabinduvejella.blogspot.com

Amol Ravatale20-Mar-06 17:42

Amol Ravatale

20-Mar-06 17:42

Hi HimaBindu,
Thanks, your solution did work.

One more thing I really liked your punch line
"Aim to go where you have never been before & strive to achieve it"...
Excellent!

Regards,
Amol

HimaBindu Vejella20-Mar-06 17:53

HimaBindu Vejella

20-Mar-06 17:53

10X

"Aim to go where U have never been B4 and Strive to achieve it"
http://groups.yahoo.com/subscribe/dotnetforfreshres
http://himabinduvejella.blogspot.com