ecsMike
Posts: 40
|
| Posted: 11/19/2008, 5:42 AM |
|
I am developing a PHP / AJAX application with CodeCharge 4 and need to hide a panel inside of a Form that contains three rows - each containing a label and a listbox. The Form also contains a Button whose onClick event I want to use to toggle the visibility of the Panel.
To date I have tried the Show / Hide feature as well as Javascript but nothing seems to work. Part of the problem is that there does not seem to be ANY HTML rendered in the resulting page regarding the Panel. I can assign an id to the Panel and actually access it in javascript using getElementById but cannot find a way to change the visibility. The standard way of setting style.display = 'none' or = 'block' does not work.
Also, I can successfully hide the panel using Hide / Show and the editMode parameter but cannot find any way to show it.
Please, can anyone offer some help?
Thanks . . . Mike
|
 |
 |
jjrjr1
Posts: 942
|
| Posted: 11/19/2008, 6:32 AM |
|
Hi Mike
Here is a forum post that might help you do what you want.
Let me know if it is helpful
http://ccselite.com/forums_topics_view.php?forum_id=5&forum_topic_id=31
Have Fun
_________________
John Real - More CodeCharge Studio Support at - http://CCSElite.com |
|
|
|
ecsMike
Posts: 40
|
| Posted: 11/19/2008, 6:55 AM |
|
Thank you so much for the reply.
I tried this but it does not work with a Panel.
I think the reason is that - if you look at the source of the rendered page in the browser - there is absolutely no HTML related to the panel so there is no element for the javascript code to manipulate the style.
I have tried replacing the Panel with a <div> but cannot get that to work either.
Mike
|
|
|
|
ecsMike
Posts: 40
|
| Posted: 11/19/2008, 7:01 AM |
|
Forgot to mention that the instructions in the referenced article indicate that you must also use an inline style for the element but that is not possible since - when you insert a panel - there are no tags generated - just a <!-- BEGIN Panel Panel1 --> and <!-- ENDPanel Panel1 -->.
This is driving me batty - particularly since I cannot figure out why a <div> surrounding the 3 controls (all with AJAX features) will not work inside the CCS generated form.
Mike
|
|
|
|
jjrjr1
Posts: 942
|
| Posted: 11/19/2008, 7:04 AM |
|
Hi Mike.
I have added some more info to that post that you might want to check out.
It would be helpful if you would reply to that post so All the issues with it can be discussed.
I have used that code many time and it workd fine. You might want to look at the discussion regarding page refresh
_________________
John Real - More CodeCharge Studio Support at - http://CCSElite.com |
|
|
|
ecsMike
Posts: 40
|
| Posted: 11/19/2008, 7:48 AM |
|
I tried to reply to your post but the reply did not show up.
Mike
|
|
|
|
ecsMike
Posts: 40
|
| Posted: 11/19/2008, 8:03 AM |
|
A second attempt at the reply I attempted to post earlier.
As you requested, I will post any questions or issues with the ccselite post in that forum.
However, I am experiencing very strange behavior with CodeCharge Studio itself and want to post those issues here. They include:
1. Placing a <div id="someid"> . . . </div> around three CCS Form table rows that contain labels, listboxes, and AJAX features has absolutely no effect whether I use inline css style="display:none" or css related to the div id in the <head> section of the page. All 3 rows still are visible when the page loads and the <div> cannot be hidden with javascript of any kind. This is unbelievably frustrating and I hope someone can explain why the <div> tags don't seem to work within the CCS Form.
2. The CCS Panel component apparently has absolutely no HTML tags so it cannot be addressed in any fashion with javascript.
3. The CCS HideShow feature has absolutely no effect on the panel even if only a Hide feature is implemented to be triggered by the Button onclick event. The Button is within the CCS Form but not within the Panel.
I can - somewhat - obtain the necessary behavior by placing ccs inline style code in each of the <tr> elements and manipulating those with javascript but the result in FireFox is really ugly (works okay in IE7). Each time the <tr>s are hidding and subsequently unhidden blank space is created in the form below them and the rest of the form essentially marches down the page. Plus the rows and components are not displayed the same when they are unhidden as they were before they were hidden. Has anyone else experienced this sort of behavior with FireFox? - any suggestions?
I was hoping the CCS Panel component would solve the FireFox.
Mike
|
|
|
|
