Re: Showing Hiding Blocks based on Select
Hello Thanks for your answer. At the moment I am working with Blocks and a t:delegate to=activeBlock/ I think it is almost working, but I want to handle the change event and update the activeBlock when changing the value in the select box. How can I do that? Why do I need a Zone to handle the change event? Because I want to be free in using zones or not. In my case the zone div breaks my page layout... On entering the page, the activeBlock is working fine. Now I only need to handle the change event from the select. Do you know how I can do this? regards, Leon On Oct 12, 2011, at 12:29 AM, Thiago H. de Paula Figueiredo wrote: On Tue, 11 Oct 2011 15:15:28 -0300, Leon Derks leon.de...@aurumeurope.com wrote: Hello Hi! In my page I have a form with a select. (see below) Based on this select I want to show/hide different Blocks with tr elements. What is the best way to do this? I tried to use a zone, but the zone div is automatically moved to the top of the page and I don't want that. How can I show/hide tr elements based on the value I have selected? Do you really need server-side processing? If not, just give an id the trs you want and use JavaScript to show or hide them. -- 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
Re: Showing Hiding Blocks based on Select
Sounds like totally a client side design issue. I hate when this happens ! I'm not 100% sure that you need server side processing as Thiago asked. If you need server-side processing, you'll need zones. If it's all about showing/hiding client-side divs, load all your divs as a start. Style them as: style=display: none; Then use the onchange event on the select component and write some javascript to do the showing\hiding of your divs In prototype, $('elementId').hide() In jQuery, $('#elementId').hide()...I think !' Is that what you need ? On Wed, Oct 12, 2011 at 9:15 AM, Leon Derks leon.de...@aurumeurope.comwrote: Hello Thanks for your answer. At the moment I am working with Blocks and a t:delegate to=activeBlock/ I think it is almost working, but I want to handle the change event and update the activeBlock when changing the value in the select box. How can I do that? Why do I need a Zone to handle the change event? Because I want to be free in using zones or not. In my case the zone div breaks my page layout... On entering the page, the activeBlock is working fine. Now I only need to handle the change event from the select. Do you know how I can do this? regards, Leon On Oct 12, 2011, at 12:29 AM, Thiago H. de Paula Figueiredo wrote: On Tue, 11 Oct 2011 15:15:28 -0300, Leon Derks leon.de...@aurumeurope.com wrote: Hello Hi! In my page I have a form with a select. (see below) Based on this select I want to show/hide different Blocks with tr elements. What is the best way to do this? I tried to use a zone, but the zone div is automatically moved to the top of the page and I don't want that. How can I show/hide tr elements based on the value I have selected? Do you really need server-side processing? If not, just give an id the trs you want and use JavaScript to show or hide them. -- 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 -- *Regards,* *Muhammad Gelbana Java Developer*
Showing Hiding Blocks based on Select
Hello In my page I have a form with a select. (see below) Based on this select I want to show/hide different Blocks with tr elements. What is the best way to do this? I tried to use a zone, but the zone div is automatically moved to the top of the page and I don't want that. How can I show/hide tr elements based on the value I have selected? regards, Leon tr class=even thType/th td select t:type=select t:id=typeSelect value=type/ /td /tr t:block id=blockHighLow tr class=odd thHigh/th td input type=text size=50 / /td /tr tr class=even thLow/th td input type=text size=50 / /td /tr /t:block t:block id=normalBlock tr class=odd thNormal/th td input type=text size=50 t:type=textfield t:id=usageInput value=energyBill.consumption.value / /td /tr /t:block