Comments on: multiselect updates http://verens.com/archives/2005/03/16/multiselect-updates/ php, linux, ajax, javascript, kae verens Fri, 05 Mar 2010 01:53:58 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: nicmar http://verens.com/archives/2005/03/16/multiselect-updates/comment-page-1/#comment-19150 nicmar Thu, 10 Aug 2006 23:30:01 +0000 http://verens.com/archives/2005/03/16/multiselect-updates/#comment-19150 Hey, great script! Don't know if you still update it.. It's one problem with it. I want the "label" to be clickable. You know like using: This is a test If I try to add something like this: text = ''+text+''; it will not work, cause the createTextNode function don't take HTML-chars.. so what should I do? The other demo with fully clickable rows looked interesting, i'll look into that. Thanks for your time :) Hey, great script!
Don’t know if you still update it..
It’s one problem with it. I want the “label” to be clickable. You know like using:
This is a test

If I try to add something like this:
text = ”+text+”;

it will not work, cause the createTextNode function don’t take HTML-chars.. so what should I do?
The other demo with fully clickable rows looked interesting, i’ll look into that.

Thanks for your time :)

]]> By: Razvan http://verens.com/archives/2005/03/16/multiselect-updates/comment-page-1/#comment-2928 Razvan Sun, 11 Dec 2005 12:03:13 +0000 http://verens.com/archives/2005/03/16/multiselect-updates/#comment-2928 I like the simple things, try it into table tags it works fine! <strong>Thanks Kae!</strong> It will be nice to add something to <strong>first letter</strong> to <strong>jump</strong> to that<strong> zone</strong> in future(Ex: (M)onday if you press M to goto that zone)."<html> <head><form name="cucu"><style type="text/css">li.row1 {background-color :#EFEFEF;}</style> <script language="Javascript"> function deselectare() { for(var i=0;i<document.forms[0].chk.length;i++) { if (document.forms[0].chk[i].checked) { document.forms[0].chk[i].checked=false; } } } function selectat() { var x=""; for(var i=0;i<document.forms[0].chk.length;i++) { if (document.forms[0].chk[i].checked) { x=x+','+document.forms[0].elements[i].value; } } alert(x); } </script> <div style="width: 210px"> <ol style="height: 7em;overflow: auto;list-style-type:none;padding: 8px;margin:0;border: 4px ridge grey;" id="select"> <li><A href="javascript:deselectare()">None</A>    <A href="javascript:selectat()">Selected</A></li> <li class="row1"><label><input type="checkbox" name="chk" value="1">Field1</label></li> <li class="row2"><label><input type="checkbox" name="chk" value="2">Field2</label></li> <li class="row1"><label><input type="checkbox" name="chk" value="3">Field3</label></li> <li class="row2"><label><input type="checkbox" name="chk" value="4">Field4</label></li> <li class="row1"><label><input type="checkbox" name="chk" value="5">Field5</label></li> <li><label><input type="checkbox" name="chk" value="6"> Field6</label></li> <li class="row1"><label><input type="checkbox" name="chk" value="7"> Field7</label></li> <li><label><input type="checkbox" name="chk" value="8"> Field8</label></li> <li class="row1"><label><input type="checkbox" name="chk" value="9"> Field9</label></li> <li><label><input type="checkbox" name="chk" value="10"> Field10</label></li> <li class="row1"><label><input type="checkbox" name="chk" value="11"> Field11</label></li> <li><label><input type="checkbox" name="chk" value="12"> Field12</label></li> <li class="row1"><label><input type="checkbox" name="chk" value="13"> Field13</label></li> <li><label><input type="checkbox" name="chk" value="14"> Field14</label></li> <li class="row1"><label><input type="checkbox" name="chk" value="15"> Field15</label></li> <li><label><input type="checkbox" name="chk" value="16"> Field16</label></li> </ol> </div> <br><br><br><br><script language="Javascript"> function afis_id() { for(var i=0;i<document.forms[0].chk.length;i++) { if (document.forms[0].chk[i].checked) { alert(document.forms[0].chk[i].value); } } } </script> <p> <input type="button" value="Selectare" onMouseOver="javascript:afis_id()"> <input type="reset"> </p> </form> </head> <body> </body> </html> I like the simple things, try it into table tags it works fine! Thanks Kae! It will be nice to add something to first letter to jump to that zone in future(Ex: (M)onday if you press M to goto that zone)."<html>
<head><form name="cucu"><style type="text/css">li.row1 {background-color :#EFEFEF;}</style>
<script language="Javascript">
function deselectare()
{
for(var i=0;i<document.forms[0].chk.length;i++)
{
if (document.forms[0].chk[i].checked)
{
document.forms[0].chk[i].checked=false;
}
}
}
function selectat()
{
var x="";
for(var i=0;i<document.forms[0].chk.length;i++)
{
if (document.forms[0].chk[i].checked)
{
x=x+’,'+document.forms[0].elements[i].value;
}
}
alert(x);
}
</script>
<div style="width: 210px">
<ol style="height: 7em;overflow: auto;list-style-type:none;padding: 8px;margin:0;border: 4px ridge grey;" id="select">
<li><A href="javascript:deselectare()">None</A>&nbsp;&nbsp;&nbsp;&nbsp;<A href="javascript:selectat()">Selected</A></li>
<li class="row1"><label><input type="checkbox" name="chk" value="1">Field1</label></li>
<li class="row2"><label><input type="checkbox" name="chk" value="2">Field2</label></li>
<li class="row1"><label><input type="checkbox" name="chk" value="3">Field3</label></li>
<li class="row2"><label><input type="checkbox" name="chk" value="4">Field4</label></li>
<li class="row1"><label><input type="checkbox" name="chk" value="5">Field5</label></li>
<li><label><input type="checkbox" name="chk" value="6"> Field6</label></li>
<li class="row1"><label><input type="checkbox" name="chk" value="7"> Field7</label></li>
<li><label><input type="checkbox" name="chk" value="8"> Field8</label></li>
<li class="row1"><label><input type="checkbox" name="chk" value="9"> Field9</label></li>
<li><label><input type="checkbox" name="chk" value="10"> Field10</label></li>
<li class="row1"><label><input type="checkbox" name="chk" value="11"> Field11</label></li>
<li><label><input type="checkbox" name="chk" value="12"> Field12</label></li>
<li class="row1"><label><input type="checkbox" name="chk" value="13"> Field13</label></li>
<li><label><input type="checkbox" name="chk" value="14"> Field14</label></li>
<li class="row1"><label><input type="checkbox" name="chk" value="15"> Field15</label></li>
<li><label><input type="checkbox" name="chk" value="16"> Field16</label></li>
</ol>
</div>
<br><br><br><br><script language="Javascript">
function afis_id()
{
for(var i=0;i<document.forms[0].chk.length;i++)
{
if (document.forms[0].chk[i].checked)
{
alert(document.forms[0].chk[i].value);
}
}
}
</script>
<p>
<input type="button" value="Selectare" onMouseOver="javascript:afis_id()">
<input type="reset">
</p>
</form>
</head>
<body>
</body>
</html>

]]> By: kae http://verens.com/archives/2005/03/16/multiselect-updates/comment-page-1/#comment-1715 kae Sat, 23 Jul 2005 11:27:59 +0000 http://verens.com/archives/2005/03/16/multiselect-updates/#comment-1715 MJP - how you gather the information depends on the server-side language that you are using. You should get your form working first in plain HTML, before trying to apply this script to it. MJP – how you gather the information depends on the server-side language that you are using. You should get your form working first in plain HTML, before trying to apply this script to it.

]]> By: MJP http://verens.com/archives/2005/03/16/multiselect-updates/comment-page-1/#comment-1711 MJP Wed, 20 Jul 2005 16:27:20 +0000 http://verens.com/archives/2005/03/16/multiselect-updates/#comment-1711 This script is great... I was able to used it in my app My prob right now is how to retrieve the data selected from the checkbox. I know that is the same comment that Kleuber posted. But still i am having hard time to figure it out. One main reason is that i am just starting to learn this language(javascript)-self learn. If anyone can post working script that i can download it would be greatly appreciated Thanks in advance This script is great…
I was able to used it in my app

My prob right now is how to retrieve the data selected from the checkbox. I know that is the same comment that Kleuber posted. But still i am having hard time to figure it out. One main reason is that i am just starting to learn this language(javascript)-self learn. If anyone can post working script that i can download it would be greatly appreciated

Thanks in advance

]]> By: Stripe-man http://verens.com/archives/2005/03/16/multiselect-updates/comment-page-1/#comment-1561 Stripe-man Thu, 26 May 2005 20:54:27 +0000 http://verens.com/archives/2005/03/16/multiselect-updates/#comment-1561 This thing just gets better and better!! ... I think the prob i was having iwth the array getting dumped is fixed with the java version... i will test at work tomorrow Kae.... FYI - creating the article (and selecting items in drop down was never the prob.. it was when the article was edited (was reselected fine) and submited the array was dumped... ) odd. This thing just gets better and better!! …

I think the prob i was having iwth the array getting dumped is fixed with the java version… i will test at work tomorrow Kae….

FYI – creating the article (and selecting items in drop down was never the prob.. it was when the article was edited (was reselected fine) and submited the array was dumped… ) odd.

]]> By: johnm http://verens.com/archives/2005/03/16/multiselect-updates/comment-page-1/#comment-1559 johnm Wed, 25 May 2005 01:11:38 +0000 http://verens.com/archives/2005/03/16/multiselect-updates/#comment-1559 kae, Looks like a great solution that should do most (if not all what I need).. so I'm planning to bring up your routine under java. Does the latest download include the changes you made for Topic#27? Regards kae,

Looks like a great solution that should do most (if not all what I need).. so I’m planning to bring up your routine under java. Does the latest download include the changes you made for Topic#27?

Regards

]]> By: kae http://verens.com/archives/2005/03/16/multiselect-updates/comment-page-1/#comment-1537 kae Tue, 17 May 2005 14:51:23 +0000 http://verens.com/archives/2005/03/16/multiselect-updates/#comment-1537 willogee - fantastic demos! Unfortunately, I think that that method might be a bit unwanted in the end, due to one behavioural problem - the multi-select code does its magic <em>after</em> everything has been loaded. So, as the page was downloading, you would have a large normal multiselect, which would then jump, at the end, to a smaller-sized one. unless... I have a solution. I'll code it tonight. You know - I was wondering what Bruno was saying (sorry Bruno - but your English is hard to understand :) ), but it looks like you've clarified that. There may be an accessibility issue, in that the designer may be tempted to design as if the script will work in all cases. This may result in broken interfaces where the designer tried to use absolute positioning for everything, but the end user did not have JavaScript enabled (thus breaking the script, and thereby also breaking the design), but I guess that's not for me to worry about :). willogee – fantastic demos! Unfortunately, I think that that method might be a bit unwanted in the end, due to one behavioural problem – the multi-select code does its magic after everything has been loaded. So, as the page was downloading, you would have a large normal multiselect, which would then jump, at the end, to a smaller-sized one.

unless…

I have a solution. I’ll code it tonight.

You know – I was wondering what Bruno was saying (sorry Bruno – but your English is hard to understand :) ), but it looks like you’ve clarified that.

There may be an accessibility issue, in that the designer may be tempted to design as if the script will work in all cases. This may result in broken interfaces where the designer tried to use absolute positioning for everything, but the end user did not have JavaScript enabled (thus breaking the script, and thereby also breaking the design), but I guess that’s not for me to worry about :) .

]]> By: willogee http://verens.com/archives/2005/03/16/multiselect-updates/comment-page-1/#comment-1535 willogee Tue, 17 May 2005 10:17:11 +0000 http://verens.com/archives/2005/03/16/multiselect-updates/#comment-1535 This is a great script - very easy to implement and does 90% of what I'm looking for. Any thoughts on how to achieve the remaining 10% would be greatly appreciated! I am displaying a grid of rows and columns from a database and I am using multiple selects to have some filters at the top of some of the columns. Your multiple select is just how I would like users to be able to select their chosen filters, but I would ideally like the initial appearance of the filter to be as a simple doprdown select list. The sort of thing I am referring to is as with : http://www.easylistbox.com/demoMultiDropDown.aspx or http://www.codeproject.com/asp/multiselectdropdown.asp Many thanks. This is a great script – very easy to implement and does 90% of what I’m looking for. Any thoughts on how to achieve the remaining 10% would be greatly appreciated!

I am displaying a grid of rows and columns from a database and I am using multiple selects to have some filters at the top of some of the columns. Your multiple select is just how I would like users to be able to select their chosen filters, but I would ideally like the initial appearance of the filter to be as a simple doprdown select list. The sort of thing I am referring to is as with : http://www.easylistbox.com/demoMultiDropDown.aspx or http://www.codeproject.com/asp/multiselectdropdown.asp

Many thanks.

]]> By: Bruno http://verens.com/archives/2005/03/16/multiselect-updates/comment-page-1/#comment-1528 Bruno Mon, 16 May 2005 22:58:51 +0000 http://verens.com/archives/2005/03/16/multiselect-updates/#comment-1528 Hi kae, First of all, congratulations! This javascript code is underful! Sorry about my english, hope you understand it. I wondering if it's possible to have a multiple choice (with the checkboxes) but not with a multiple select. Just on a simple select or drop down menu. The ideia was to have your multiple select in a drop down menu. When you open the combo, you will be able to check the options you want and then, by clicking (I'm just wondering!!) in the combo again, the combox litle window closes the options view... Thanks! Hi kae,

First of all, congratulations! This javascript code is underful!

Sorry about my english, hope you understand it.

I wondering if it’s possible to have a multiple choice (with the checkboxes) but not with a multiple select. Just on a simple select or drop down menu.

The ideia was to have your multiple select in a drop down menu. When you open the combo, you will be able to check the options you want and then, by clicking (I’m just wondering!!) in the combo again, the combox litle window closes the options view…

Thanks!

]]> By: Stripe-man http://verens.com/archives/2005/03/16/multiselect-updates/comment-page-1/#comment-1497 Stripe-man Wed, 11 May 2005 19:35:34 +0000 http://verens.com/archives/2005/03/16/multiselect-updates/#comment-1497 oh yea.. that would be good! oh yea.. that would be good!

]]>