Mailing-List: contact users-help@cocoon.apache.org; run by ezmlm
Precedence: bulk
Reply-To: users@cocoon.apache.org
Received-SPF: neutral (asf.osuosl.org: local policy)
Message-ID: <64036.209.108.197.61.1150387704.squirrel@mail.lojjic.net>
In-Reply-To: <8e42dc2f0606150640xdd06a5av7be41e275efe40aa@mail.gmail.com>
References: <8e42dc2f0606150556s2d9acd52k8c51417a9a589ff2@mail.gmail.com>
    <8e42dc2f0606150640xdd06a5av7be41e275efe40aa@mail.gmail.com>
Date: Thu, 15 Jun 2006 10:08:24 -0600 (MDT)
Subject: Re: Javascript State & Continuation
From: "Jason Johnston" <cocoon@lojjic.net>
To: users@cocoon.apache.org
User-Agent: SquirrelMail/1.4.4
MIME-Version: 1.0
Content-Type: text/plain;charset=iso-8859-1
Content-Transfer-Encoding: 8bit
Importance: Normal

> I have a form binding a XML File with some repeaters, and for a nicest UI,
> I
> used some javascript to toggle hidden/shown state for some controls. I
> added
> a insert-row control, but when I use it, the page reloads itself, and the
> "javascript state" is not kept. So I have to switch again to show the part
> of the form.
> Is there a solution to keep the "javascript" on the continuation ?

That's an interesting problem.  Widget States are usually a good tool for
controlling visibility of widgets/groups, but it sounds like you want to
avoid hitting the server to show/hide a section.  So somehow you have to
find a way to get the state of your client-side DOM sent to the server
when the insert-row button is clicked, so it can be maintained and sent
back in the next response, and then have your client-side script use that
response value to re-initialize the correct state.

One way might be to create another field in your form that is rendered as
a hidden field, and then have your client-side javascript change the
hidden field's value when it toggles the hidden/shown state of your
control(s).

<fd:field id="controlVisibility">
  <fd:datatype base="string"/>
  <fd:inital-value>visible</fd:initial-value>
</fd:field>

...

<ft:widget id="myControlVisibility">
  <fi:styling type="hidden"/>
</ft:widget>

...

function toggleState() { //or whatever yours looks like...
  var myControl = ...
  var currentState = myControl.style.display;
  myControl.style.display = (currentState == "none" ? "" : "none");
  document.getElementById("myControlVisibility").value =
      (currentState == "none" ? "visible" : "hidden");
}

The last piece would be a window.onload handler (be careful because CForms
adds its own) that reads the hidden field's value and hides myControl if
its value is "hidden".

I hope this makes some sense, it's all in my head but it seems like it
should work.

Alternatively, if you choose to use the CForms AJAX rendering, this whole
issue goes away because the insert-row button would only reload the
repeater, not the whole page, so the state of your DOM would remain.

Hope that gives you a start,
--Jason


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org