Re: Q: Java Script Check All The CheckBox?
On Wed, 19 Jan 2011 01:21:02 -0200, penyihirkecil penyihirke...@gmail.com wrote: is there any simple way to do that without having a new component. I mean it just feel weird. this simple things should be solve using simple solution. There is a simple solution. Just writing ordinary JavaScript to do that. There's no need to have Tapestry code. Of course, you can write a component or mixin to reuse this solution, but it's not obligatory. -- Thiago H. de Paula Figueiredo Independent Java, Apache Tapestry 5 and Hibernate consultant, developer, and instructor Owner, Ars Machina Tecnologia da Informação Ltda. http://www.arsmachina.com.br - To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org For additional commands, e-mail: users-h...@tapestry.apache.org
Re: Q: Java Script Check All The CheckBox?
You can trim that down even more:
function selectAllCheckboxes(select) {
var checked = $('checkAllRemove').checked;
$('newspaperForm').getInputs('checkbox').each(function(el) {
el.checked = checked;
});
}
Also, I realize this probably isn't your production code, but you should
always wrap the labels for checkboxes and radio buttons in a label
element. This lets you click the text instead of the tiny box...
input t:type=checkbox t:id=yahoo_check value=subscribeYahoo/label
for=yahoo_checkYahoo/label
input t:type=checkbox t:id=google_check value=subscribeGoogle/label
for=google_checkGoogle/label
input type=checkbox id=checkAllRemove
onClick=selectAllCheckboxes();/label
for=checkAllRemoveCheck All/label
Josh
On Tue, Jan 18, 2011 at 11:54 PM, dwi ardi irawan
penyihirke...@gmail.comwrote:
I agree
this is my solution. thnx to josh canfield who give me the idea.
Instead of using document.getElementsByTagName(INPUT) then check whether
is checkbox or not, I prefer to use this method. the same idea as josh
canfield but I try to get the form element as the root of iteration, not
the
input. it's to avoid if there is more than one form in one page.
IHMO(cos I doesn't have enough experiance to make an opinion which one is
better). what I mean with a simple solution is we try to do this in client
side. and we don't have to use others component.
script type=text/javascript language=JavaScript
function selectAllCheckboxes(select){
!-- //
var form = document.getElementById(newspaperForm);
var checkAll = document.getElementById(checkAllRemove);
if(checkAll.checked){
for (var i=0;iform.length;i++)
{
if (form.elements[i].type == checkbox) {
form.elements[i].checked = true;
}
}
}else{
for (var i=0;iform.length;i++)
{
if (form.elements[i].type == checkbox) {
form.elements[i].checked = false;
}
}
}
// --
}
/script
form t:type=form t:id=newspaperForm
input t:type=checkbox t:value=subscribeYahoo/Yahoo
input t:type=checkbox t:value=subscribeGoogle/Google
input type=checkbox id=checkAllRemove
onClick=selectAllCheckboxes();/Check All
input type=submit value=Submit/br/
Result : b${value}/b
/form
I am sorry, I am not very fluently in english. ^^,
regards,
dwi ardi irawan
On Wed, Jan 19, 2011 at 12:16 PM, Taha Hafeez tawus.tapes...@gmail.com
wrote:
Yes, this is an option as are others and these can be used AFAIK. The
thread
there shows a way to use it even if javascript is disabled
regards
Taha
--
Q: Java Script Check All The CheckBox?
Okay, it might be old question, but I've searched through mailing list
archive, but haven't found the solution yet.
I have 2 checkbox. and I want to create a checkbox master(when I click this
checkbox, all the checkbox will be checked).
I can't use the common js algorithm here, cos I can't get the id of the
checkbox.
CheckBoxPage.tml
this is my simple code:
script type=text/javascript language=JavaScript
function checkAllDetail(){
}
/script
form t:type=form t:id=newspaperForm
input t:type=checkbox t:value=subscribeYahoo/Yahoo
input t:type=checkbox t:value=subscribeGoogle/Google
input type=checkbox id=checkAllRemove
onclick=checkAllDetail()/Check All
input type=submit value=Submit/br/
Result : b${value}/b
/form
CheckBoxPage.java
public class CheckBoxPage {
@Property
private boolean subscribeYahoo;
@Property
private boolean subscribeGoogle;
@Persist(PersistenceConstants.FLASH)
@Property
private String value;
void onSuccessFromNewspaperForm(){
value = ;
if(subscribeYahoo){
value += Yahoo ;
}
if(subscribeGoogle) {
value += Google ;
}
}
}
can anyone help me?
thnx you
dwi ardi irawan
Re: Q: Java Script Check All The CheckBox?
http://tapestry.1045711.n5.nabble.com/Disabled-button-events-are-queued-and-executed-td3341300.html
Here is a thread from yesterday that includes an attachment with a working
example.
Josh
On Tue, Jan 18, 2011 at 10:15 AM, dwi ardi irawan
penyihirke...@gmail.comwrote:
Okay, it might be old question, but I've searched through mailing list
archive, but haven't found the solution yet.
I have 2 checkbox. and I want to create a checkbox master(when I click this
checkbox, all the checkbox will be checked).
I can't use the common js algorithm here, cos I can't get the id of the
checkbox.
CheckBoxPage.tml
this is my simple code:
script type=text/javascript language=JavaScript
function checkAllDetail(){
}
/script
form t:type=form t:id=newspaperForm
input t:type=checkbox t:value=subscribeYahoo/Yahoo
input t:type=checkbox t:value=subscribeGoogle/Google
input type=checkbox id=checkAllRemove
onclick=checkAllDetail()/Check All
input type=submit value=Submit/br/
Result : b${value}/b
/form
CheckBoxPage.java
public class CheckBoxPage {
@Property
private boolean subscribeYahoo;
@Property
private boolean subscribeGoogle;
@Persist(PersistenceConstants.FLASH)
@Property
private String value;
void onSuccessFromNewspaperForm(){
value = ;
if(subscribeYahoo){
value += Yahoo ;
}
if(subscribeGoogle) {
value += Google ;
}
}
}
can anyone help me?
thnx you
dwi ardi irawan
Re: Q: Java Script Check All The CheckBox?
Hi,
I have a written a component and a mixin to form a 'checkbox group'.
If you are interested, there is online demo at
http://lombok.demon.co.uk/tapestry5Demo/test/components/checkboxgroupdemo
Source code download instruction is on
http://lombok.demon.co.uk/tapestry5Demo/
Shing
--- On Wed, 19/1/11, dwi ardi irawan penyihirke...@gmail.com wrote:
From: dwi ardi irawan penyihirke...@gmail.com
Subject: Q: Java Script Check All The CheckBox?
To: users@tapestry.apache.org
Date: Wednesday, 19 January, 2011, 2:15
Okay, it might be old question, but
I've searched through mailing list
archive, but haven't found the solution yet.
I have 2 checkbox. and I want to create a checkbox
master(when I click this
checkbox, all the checkbox will be checked).
I can't use the common js algorithm here, cos I can't get
the id of the
checkbox.
CheckBoxPage.tml
this is my simple code:
script type=text/javascript
language=JavaScript
function checkAllDetail(){
}
/script
form t:type=form t:id=newspaperForm
input t:type=checkbox
t:value=subscribeYahoo/Yahoo
input t:type=checkbox
t:value=subscribeGoogle/Google
input type=checkbox
id=checkAllRemove
onclick=checkAllDetail()/Check All
input type=submit
value=Submit/br/
Result : b${value}/b
/form
CheckBoxPage.java
public class CheckBoxPage {
@Property
private boolean subscribeYahoo;
@Property
private boolean subscribeGoogle;
@Persist(PersistenceConstants.FLASH)
@Property
private String value;
void onSuccessFromNewspaperForm(){
value = ;
if(subscribeYahoo){
value += Yahoo
;
}
if(subscribeGoogle) {
value += Google
;
}
}
}
can anyone help me?
thnx you
dwi ardi irawan
-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org
Re: Q: Java Script Check All The CheckBox?
is there any simple way to do that without having a new component.
I mean it just feel weird.
this simple things should be solve using simple solution.
the zip file from this thread:
http://tapestry.1045711.n5.nabble.com/Disabled-button-events-are-queued-and-executed-td3341300.html
it's weird, getting the checkbox using
document.getElementsByTagName(INPUT) and check it whether it checkbox
or not.
it just my opinion,
dwi ardi irawan
On 19/01/2011 2:18, Shing Hing Man wrote:
Hi,
I have a written a component and a mixin to form a 'checkbox group'.
If you are interested, there is online demo at
http://lombok.demon.co.uk/tapestry5Demo/test/components/checkboxgroupdemo
Source code download instruction is on
http://lombok.demon.co.uk/tapestry5Demo/
Shing
--- On Wed, 19/1/11, dwi ardi irawanpenyihirke...@gmail.com wrote:
From: dwi ardi irawanpenyihirke...@gmail.com
Subject: Q: Java Script Check All The CheckBox?
To: users@tapestry.apache.org
Date: Wednesday, 19 January, 2011, 2:15
Okay, it might be old question, but
I've searched through mailing list
archive, but haven't found the solution yet.
I have 2 checkbox. and I want to create a checkbox
master(when I click this
checkbox, all the checkbox will be checked).
I can't use the common js algorithm here, cos I can't get
the id of the
checkbox.
CheckBoxPage.tml
this is my simple code:
script type=text/javascript
language=JavaScript
function checkAllDetail(){
}
/script
form t:type=form t:id=newspaperForm
input t:type=checkbox
t:value=subscribeYahoo/Yahoo
input t:type=checkbox
t:value=subscribeGoogle/Google
input type=checkbox
id=checkAllRemove
onclick=checkAllDetail()/Check All
input type=submit
value=Submit/br/
Result :b${value}/b
/form
CheckBoxPage.java
public class CheckBoxPage {
@Property
private boolean subscribeYahoo;
@Property
private boolean subscribeGoogle;
@Persist(PersistenceConstants.FLASH)
@Property
private String value;
void onSuccessFromNewspaperForm(){
value = ;
if(subscribeYahoo){
value += Yahoo
;
}
if(subscribeGoogle) {
value += Google
;
}
}
}
can anyone help me?
thnx you
dwi ardi irawan
-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org
-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org
Re: Q: Java Script Check All The CheckBox?
Please describe a simple solution.
On Tue, Jan 18, 2011 at 7:21 PM, penyihirkecil penyihirke...@gmail.comwrote:
is there any simple way to do that without having a new component.
I mean it just feel weird.
this simple things should be solve using simple solution.
the zip file from this thread:
http://tapestry.1045711.n5.nabble.com/Disabled-button-events-are-queued-and-executed-td3341300.html
it's weird, getting the checkbox using
document.getElementsByTagName(INPUT) and check it whether it checkbox or
not.
it just my opinion,
dwi ardi irawan
On 19/01/2011 2:18, Shing Hing Man wrote:
Hi,
I have a written a component and a mixin to form a 'checkbox group'.
If you are interested, there is online demo at
http://lombok.demon.co.uk/tapestry5Demo/test/components/checkboxgroupdemo
Source code download instruction is on
http://lombok.demon.co.uk/tapestry5Demo/
Shing
--- On Wed, 19/1/11, dwi ardi irawanpenyihirke...@gmail.com wrote:
From: dwi ardi irawanpenyihirke...@gmail.com
Subject: Q: Java Script Check All The CheckBox?
To: users@tapestry.apache.org
Date: Wednesday, 19 January, 2011, 2:15
Okay, it might be old question, but
I've searched through mailing list
archive, but haven't found the solution yet.
I have 2 checkbox. and I want to create a checkbox
master(when I click this
checkbox, all the checkbox will be checked).
I can't use the common js algorithm here, cos I can't get
the id of the
checkbox.
CheckBoxPage.tml
this is my simple code:
script type=text/javascript
language=JavaScript
function checkAllDetail(){
}
/script
form t:type=form t:id=newspaperForm
input t:type=checkbox
t:value=subscribeYahoo/Yahoo
input t:type=checkbox
t:value=subscribeGoogle/Google
input type=checkbox
id=checkAllRemove
onclick=checkAllDetail()/Check All
input type=submit
value=Submit/br/
Result :b${value}/b
/form
CheckBoxPage.java
public class CheckBoxPage {
@Property
private boolean subscribeYahoo;
@Property
private boolean subscribeGoogle;
@Persist(PersistenceConstants.FLASH)
@Property
private String value;
void onSuccessFromNewspaperForm(){
value = ;
if(subscribeYahoo){
value += Yahoo
;
}
if(subscribeGoogle) {
value += Google
;
}
}
}
can anyone help me?
thnx you
dwi ardi irawan
-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org
-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org
Re: Q: Java Script Check All The CheckBox?
There are always other ways to select checkboxes like classnames, element
location (even xpaths are supported by some js libraries)
Having id is not always necessary
regards
Taha
On Tue, Jan 18, 2011 at 11:45 PM, dwi ardi irawan
penyihirke...@gmail.comwrote:
Okay, it might be old question, but I've searched through mailing list
archive, but haven't found the solution yet.
I have 2 checkbox. and I want to create a checkbox master(when I click this
checkbox, all the checkbox will be checked).
I can't use the common js algorithm here, cos I can't get the id of the
checkbox.
CheckBoxPage.tml
this is my simple code:
script type=text/javascript language=JavaScript
function checkAllDetail(){
}
/script
form t:type=form t:id=newspaperForm
input t:type=checkbox t:value=subscribeYahoo/Yahoo
input t:type=checkbox t:value=subscribeGoogle/Google
input type=checkbox id=checkAllRemove
onclick=checkAllDetail()/Check All
input type=submit value=Submit/br/
Result : b${value}/b
/form
CheckBoxPage.java
public class CheckBoxPage {
@Property
private boolean subscribeYahoo;
@Property
private boolean subscribeGoogle;
@Persist(PersistenceConstants.FLASH)
@Property
private String value;
void onSuccessFromNewspaperForm(){
value = ;
if(subscribeYahoo){
value += Yahoo ;
}
if(subscribeGoogle) {
value += Google ;
}
}
}
can anyone help me?
thnx you
dwi ardi irawan
Re: Q: Java Script Check All The CheckBox?
Yes, this is an option as are others and these can be used AFAIK. The thread
there shows a way to use it even if javascript is disabled
regards
Taha
On Wed, Jan 19, 2011 at 8:51 AM, penyihirkecil penyihirke...@gmail.comwrote:
is there any simple way to do that without having a new component.
I mean it just feel weird.
this simple things should be solve using simple solution.
the zip file from this thread:
http://tapestry.1045711.n5.nabble.com/Disabled-button-events-are-queued-and-executed-td3341300.html
it's weird, getting the checkbox using
document.getElementsByTagName(INPUT) and check it whether it checkbox or
not.
it just my opinion,
dwi ardi irawan
On 19/01/2011 2:18, Shing Hing Man wrote:
Hi,
I have a written a component and a mixin to form a 'checkbox group'.
If you are interested, there is online demo at
http://lombok.demon.co.uk/tapestry5Demo/test/components/checkboxgroupdemo
Source code download instruction is on
http://lombok.demon.co.uk/tapestry5Demo/
Shing
--- On Wed, 19/1/11, dwi ardi irawanpenyihirke...@gmail.com wrote:
From: dwi ardi irawanpenyihirke...@gmail.com
Subject: Q: Java Script Check All The CheckBox?
To: users@tapestry.apache.org
Date: Wednesday, 19 January, 2011, 2:15
Okay, it might be old question, but
I've searched through mailing list
archive, but haven't found the solution yet.
I have 2 checkbox. and I want to create a checkbox
master(when I click this
checkbox, all the checkbox will be checked).
I can't use the common js algorithm here, cos I can't get
the id of the
checkbox.
CheckBoxPage.tml
this is my simple code:
script type=text/javascript
language=JavaScript
function checkAllDetail(){
}
/script
form t:type=form t:id=newspaperForm
input t:type=checkbox
t:value=subscribeYahoo/Yahoo
input t:type=checkbox
t:value=subscribeGoogle/Google
input type=checkbox
id=checkAllRemove
onclick=checkAllDetail()/Check All
input type=submit
value=Submit/br/
Result :b${value}/b
/form
CheckBoxPage.java
public class CheckBoxPage {
@Property
private boolean subscribeYahoo;
@Property
private boolean subscribeGoogle;
@Persist(PersistenceConstants.FLASH)
@Property
private String value;
void onSuccessFromNewspaperForm(){
value = ;
if(subscribeYahoo){
value += Yahoo
;
}
if(subscribeGoogle) {
value += Google
;
}
}
}
can anyone help me?
thnx you
dwi ardi irawan
-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org
-
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org
Re: Q: Java Script Check All The CheckBox?
I agree
this is my solution. thnx to josh canfield who give me the idea.
Instead of using document.getElementsByTagName(INPUT) then check whether
is checkbox or not, I prefer to use this method. the same idea as josh
canfield but I try to get the form element as the root of iteration, not the
input. it's to avoid if there is more than one form in one page.
IHMO(cos I doesn't have enough experiance to make an opinion which one is
better). what I mean with a simple solution is we try to do this in client
side. and we don't have to use others component.
script type=text/javascript language=JavaScript
function selectAllCheckboxes(select){
!-- //
var form = document.getElementById(newspaperForm);
var checkAll = document.getElementById(checkAllRemove);
if(checkAll.checked){
for (var i=0;iform.length;i++)
{
if (form.elements[i].type == checkbox) {
form.elements[i].checked = true;
}
}
}else{
for (var i=0;iform.length;i++)
{
if (form.elements[i].type == checkbox) {
form.elements[i].checked = false;
}
}
}
// --
}
/script
form t:type=form t:id=newspaperForm
input t:type=checkbox t:value=subscribeYahoo/Yahoo
input t:type=checkbox t:value=subscribeGoogle/Google
input type=checkbox id=checkAllRemove
onClick=selectAllCheckboxes();/Check All
input type=submit value=Submit/br/
Result : b${value}/b
/form
I am sorry, I am not very fluently in english. ^^,
regards,
dwi ardi irawan
On Wed, Jan 19, 2011 at 12:16 PM, Taha Hafeez tawus.tapes...@gmail.comwrote:
Yes, this is an option as are others and these can be used AFAIK. The
thread
there shows a way to use it even if javascript is disabled
regards
Taha
--
