Spry event listeners with dynamic form elements

Hi ,
I am trying to implement spry event listeners with a form that has dynamic check boxes and text field name. I now i can get the elements in a var and loop through with a normal function but can this work for spry events listeners

Short answer is yes. But I have a feeling that you need further assistance, in which case give us a URL to a page that you want to apply the event listener to.

Similar Messages

Panel with dynamic form

I need to create panels with dynamic forms. Why does my application will have various forms and if I have to create a lot of forms it will take too long to complete my application.
Can anyone help me?

So my idea is as follows ...
I need to create various forms, actually I wanted to create a scheme where the forms to adopt the characteristics defined by me.
<s:Panel width="350">
            <mxml:CustomForm dataConfig="{dataConfig1}" width="100%" />
</ S: Panel>
Yo I'm adding the inputbox, LABES and buttons on the panel through the
dataConfig1 = new ArrayCollection ([
                    (Label: 'Name', message: 'Invalid name', validateType 'noblank', id: 'name', text: 'Pedro Claudio', required: true),
                    (Label: 'Mail', message: 'Invalid Email' validateType: 'email', id: 'email', text:'', required: true)
I wonder if this is the easiest way to create the forms?
How does this business of the panels child?

Add event listeners to dynamically loaded symbols?

Hi,
I'm trying to dynamically load different MovieClips based on user input. Several of those clips have embedded url link symbols. How can I add event listeners to the url links if the dynamically loaded MovieClip does not have an instance name? Seems like I can (right?) apply an instance name when the clip is loading, but the event listener doesn't compile because the name is not there yet, so that seems out.
Am I on right track?

Are you saying that you will instnatiate this symbol several times and each time url for this link is going to be different?
There are at list two ways to deal with it.
1. Inside symbol you can dispatch a custom event once it is clicked:
myLink.addeventListener(MouseEvent.CLICK, onClick);
function onClick(e:MouseEvent):void {
dispatchEvent(new Event("linkClick"));
Wherever you instantiate the symbol (perhaps on timeline):
var symbolInstance:MySymbol = new MySymbol();
symbolInstance.addEventListener("linkClick", onLinkClick);
function onLinkClick(e:Event):void {
// do whatever
Second way would be to pass url value into symbol instance itself and deal with with it on a symbol level. I personally prefere way 1.

Spry navbar position with other page elements.

2 questions on positioning a horizontal navbar with other page elements.
1.) I replaced a standard horizontal navbar with a spry horizontal bar.
Below the navbar is a simple image div- centering an image on the page.
The image is placed with auto margins r/l to stay centered.
After I replaced the standard navbar with the Spry navbar, the centered image now appears to the right.
What I want is the original design- the Spry navbar to be positioned above the image, drop down menu items can appear over the centered image.
My edited Spry page is not live until it works correctly- the original page without the new menu bar is here- michael-davidson.com)
2.) My plan is to keep the navbar on all my pages- so I'll set it up in a template.
Many of my pages wil consist of simpleviewer galleries- like this; simpleviewer gallery- will it work to put a drop down above the gallery?
Will there be a problem having the Spry navbar drop down over the simpleviewer gallery?
thank you.
btw- I did search for the answer to this positioning question, but could not find it. If there is a guide for positioning a Spry navbar, I'd love to read it!
thank you

I may have missed it, but I didn't see any style rule that positions your div#navbar. I may be wrong, but it seems to me that if you don't style the div, it will sit on the left of your page.
When you put Spry Menubars above Flash elements, Flash will as a rule put itself in front of other elements.
Try changing this:
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','632','height','238','src','home-flash','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','home-flash' ); //end AC code
To this:
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wmode','opaque','width','632','height','238','src','home-flash','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','home-flash' ); //end AC code
This is from another thread: http://forums.adobe.com/thread/419243
Beth

Bizarre CFIF issue with dynamic form variables? Very strange...

I can't figure out what I'm doing wrong here. Here's my code. Issue explained below.
            <cfquery name="reviewconfigloader" datasource="MOLMS">
            SELECT *
            FROM dbo.BaseModel
            WHERE dbo.BaseModel.AccountID = #molmsAccountID# AND.dbo.BaseModel.basemodelActive = 1
            </cfquery>
      <table width="100%" border="0" cellspacing="0" cellpadding="3">
        <cfloop query="reviewconfigloader"><cfif isdefined("form.baseconfig#reviewconfigloader.basemodelID#") AND ("form.baseconfig#reviewconfigloader.basemodelID#") NEQ "" AND ("form.baseconfig#reviewconfigloader.basemodelID#") NEQ 0><cfoutput><tr>
          <td width="40%" bgcolor="##F7F7F7" class="basemodelsub">     #form['baseconfig#reviewconfigloader.basemodelID#']# #reviewconfigloader.basemodelName# #reviewconfigloader.basemodelSubName#</td>
          <td width="15%" bgcolor="##F7F7F7" class="basemodelsub"><div align="center">x 14 </div></td>
          <td width="15%" bgcolor="##F7F7F7" class="basemodelsub"><div align="center">$486/yr</div></td>
          <td width="15%" bgcolor="##F7F7F7" class="basemodelsub"><div align="center">$1444/yr</div></td>
          <td width="15%" bgcolor="##F7F7F7" class="basemodelsub"><div align="center">$1444/3 yr</div></td>
        </tr></cfoutput></cfif></cfloop>
      </table>
What I'm doing here is fairly basic.I'm running a query with a number of configs in it...and then creating a loop to output them. Ultimately, I only want the configurations that didnt have 0 submitted in the form on the previous page. Each one of the configs in the config query has a dynamic form variable on the previous page with a quantity tied to it. I am trying to eliminate all quantities past that aren't 0 (or not eliminate, just not show)...as you can see from the cfif statement.
Here's where it gets weird. You'll notice I output #form['baseconfig#reviewconfigloader.basemodelID#']#, just for testing, which shows me the quantity as it should. I ran a test and put in a couple of 1s, 0s, 12s, 6s, etc in the form fields on the previous page. If this thing worked, it wouldnt show anything for any of the records with their basemodelID value being submitted as 0. Not the case. It shows all records. What is more hilarious is that it outputs perfectly in my test #form['baseconfig#reviewconfigloader.basemodelID#']#, showing the correct numbers entered in the previous form, the 1s, the 0s, etc, tied to each record. But for whatever reason, the cfif code isn't catching it.
What's even more bizarre...I replaced the cfif ("form.baseconfig#reviewconfigloader.basemodelID#") NEQ 0 with GT 12 (12 was the highest number that I put in the form) and it still showed all records. Then I put it in as LT 12 and it showed nothing. I decided to take it one step further and put it in for GT 1231243242343 (random massive number), which it still showed all of the records. So somehow, my CFIF statement thinks that ("form.baseconfig#reviewconfigloader.basemodelID#") is a incredibly large number, although when I output it in the row below, it is the number it should be.
I'm stumped. Any ideas? Thanks in advance!!

Hey Dan...thanks....unfortunately...with the cfif testing, thats kinda what I'm
doing because I dont have an "expected" value. My expected value is anything a user inputs thats greater than zero, hence NEQ 0 and NEQ "". The real problem is taht what I'm outputting works and what the cfif clause is seeing is obviously very different.
As far as your comment about looping out the variables and then setting a query equal to the value in a cfquery, remember...these are form objects and therefore nothing can be tied back to the database. The result from the code is establishing a form variable (example.... form.basemodel1 (if 1 was the basemodelID from the database query) so it can capture whatever data the user has passed from the previous page in a text input. So that input could have been 23, it could have been 1053.
So really the only way to do it is create a query and loop out the variables.... and attach them to form objects (basemodel1, basemodel2, basemodel3 etc where the 1,2 and 3 are the unique ID's for those models in the database), and then look for where those form objects may have been filled in in the previous page by stating IF this form object not equal to 0 or "", output the data.
Does that make sense? Thanks for the help guys I'm completely stumped by this. I've done this a million times with CFIF and I'm really struggling with why this isnt working....
JE

Are there any options (current or future) for working with dynamic forms on the iPad?

We have a few iPads for use in our lab and are trying to utilize them as best we can. Until now, we've had no luck finding a way to use dynamic forms (specifically and preferably from Adobe LiveCycle) on the iPads. We use forms as electronic worksheets, and are trying to determine the best avenue to continue down. Any suggestions would be appreciated.

I only spent a few seconds searching, but I did find this... https://itunes.apple.com/us/app/dynoforms/id689415970?mt=8
I'm sure there are other apps out there as well.

Can you make a HTTP GET request with JSC form element?

It seems the form element in JSC make a HTTP POST request by default, but is it possible to make a HTTP GET request by the form element in JSC?
(It is worth to mention here that HTTP GET request has its distinctive advantages like you can embed the parameters in a URL and bookmark it)
Thank you very much.

Jim,
I am doing the sameway as you suggested to MISS_DUKE
But have you face any problems in doing so? In otherwords its the page rendering correctly?
On requesting the same page multiple times, Every time I get the page that was rendered for the first time.
To see the correct results, I need to close the browser and check it .
see my previous queries here
http://swforum.sun.com/jive/thread.jspa?threadID=54379&messageID=208223#208223
http://swforum.sun.com/jive/thread.jspa?threadID=56440&messageID=214302#214302
http://swforum.sun.com/jive/thread.jspa?threadID=56676&messageID=214987#214987
http://swforum.sun.com/jive/thread.jspa?threadID=56390&messageID=214139#214139
And I am still expecting the answer from experts. But nobody turn arround
Thanks,
Sudhakar

Slow loading and tabbing with dynamic form

Hi. I have a 45 page pdf and I need to be able to select some pages to not print based on content of a field. To do this I understand the form needs to be saved in Acrobat v7 or greater and saved as a dynamic form. So far so good. When I create the dynamic form by opening the existing 45 page pdf, livecycle creates a form object for each line in the document. That's a ton of objects that don't need to be objects. I am adding 15 enterable fields into this document. For example the document may contain a line of text "Last Name", this appears as a form object as described. I am adding a text field next to that so the user can enter their last name. After saving the document it takes a long time to load and the tabbing from field to field is very slow. I am thinking this might be due to processing all the form objects that don't need to be form objects, but not sure. Question: based on my description is there a way to create this document without all those non-enterable form objects?

Hi. I have a 45 page pdf and I need to be able to select some pages to not print based on content of a field. To do this I understand the form needs to be saved in Acrobat v7 or greater and saved as a dynamic form. So far so good. When I create the dynamic form by opening the existing 45 page pdf, livecycle creates a form object for each line in the document. That's a ton of objects that don't need to be objects. I am adding 15 enterable fields into this document. For example the document may contain a line of text "Last Name", this appears as a form object as described. I am adding a text field next to that so the user can enter their last name. After saving the document it takes a long time to load and the tabbing from field to field is very slow. I am thinking this might be due to processing all the form objects that don't need to be form objects, but not sure. Question: based on my description is there a way to create this document without all those non-enterable form objects?

Dynamic Form elements and how to process them

Hello,
I am a completely green flex developer with little
experience. I am currently consuming HTTPServices and also posting
data to them. I've got this down. I've built a form which has a set
of checkboxes in a datagrid. It dynamically builds this list from
an xml provided by HTTPService via php. Here is the code:
<mx:DataGrid x="10" y="10" width="470" height="289"
dataProvider="{pluginsListRequest.lastResult.family}"
id="familyList>
<mx:columns>
<mx:DataGridColumn headerText="" >
<mx:itemRenderer>
<mx:Component className="pluginFamilies"
id="pluginFamiliesItemRenderer">
<mx:CheckBox selected="{data.selected}"
change="data.selected=selected" label="{data.name}"/>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
GRRR the code is a little hard to read like this but this
editor won't let me post it any other way. I assure you it's
formatted beautifully at my end.
This produces a list of checkboxes with labels inside of a
datagrid control.
My question is this... Since this list will be changing, I
can't statically define it. However, I need to iterate over this
list and produce a POST request to post the data in the form. The
script I am posting to, will create an xml which will then be
written to the database. It doesn't really care what the incoming
data looks like, it will generate an xml out of any POST request.
How do I iterate over this list, using action script, and
pull the labels/indexes for each one that is checked? I have been
hammering on this for 2 days and am getting nowhere. It renders
fine, I just can't figure out how to iterate over this dynamic
control at runtime. I am sorry for being such a noob but I am
learning the way of flex; it's pretty confusing for a novice.
thx,
Neil

Finally I figured out how to do it. One has to create an outlet to the NSTextView embedded in the NSScrollView and use to to assign the text. I am sure there exist even better way to achieve it, but here is what I did:
- click on MainMenu.xib, then on Text View in the second column. This selects the text-view area in the picture shown in column 3
- click the text view in column 3 and cmd-drag it (in the IB) to the AppDelegate.h to create an outlet of NSTextView. I gave it the name myText.
- in AppDelegate.m, assign the text (alles) to myText:
[self.myText setString:alles];
Trivial? Yes, but it needed time to figure it out an even the net did not provide a quick answer.

Mouse Event Listeners with Full Screen JMF

I am trying to call the mouseClicked function from JMFs addMouseListner API in order to stop a media file when a user clicks the mouse button (or a key) like in a screensaver
I am able to access the function just before the player is started but once the media file begins to play I am not?
Here is the code I am using for the player and listener:
public static void main(String[] argv) {
JMF myFrame = new JMF("Java Media Framework Project");
myFrame.setUndecorated(true);
myFrame.show();
Dimension screenDim =Toolkit.getDefaultToolkit().getScreenSize();
myFrame.setSize(screenDim.width, screenDim.height);
myFrame.setResizable(false);
myFrame.addMouseListener(
new MouseAdapter(){
public void mouseClicked(MouseEvent e) {
System.out.println("Mouse was clicked");
System.exit(0);
myFrame.play();
Are there any other methods to get around this? Is it possible to embed a JMF application in a window that I can then monitor mouse events from??

I passed the player object to a Listener class and I can get it to work ok with keyboard controls so Im sure the thread is not being blocked...but my problem still exists in being able to monitor mouse events within the JMF display while the media is being played at full screen. (i.e. in order to stop the media)
Maybe I can use the ControllerListener within the JMF player to monitor mouse events? Any ideas on how I do this?
Is it possible to layer the display with a transparent window from which I can monitor mouse events from?
You mentioned asynchronical playback...I am looking into this idea, are there any examples of this on the web I can look at?
Thanks for your speedy reply also!!
Regards,
Joe
public static void main(String[] argv) {
JMF myFrame = new JMF("Java Media Framework Project");
myFrame.setUndecorated(true);
myFrame.show();
Dimension screenDim =Toolkit.getDefaultToolkit().getScreenSize();
myFrame.setSize(screenDim.width, screenDim.height);
myFrame.setResizable(false);
myFrame.new Listener(myFrame);
myFrame.play();
public class Listener implements KeyListener,
MouseListener,
MouseMotionListener,
WindowListener {
private JMF owner;
Listener(JMF w) {
owner = w;
owner.addMouseListener(this);
owner.addKeyListener(this);
owner.addMouseMotionListener(this);
//owner.addWindowListener(this);
private void stop() { owner.stop(); }
//---------- KeyListener Implementation ------------------
public void keyPressed (KeyEvent evt) { stop(); System.out.println("key pressed");}
public void keyReleased(KeyEvent evt) { stop(); }
public void keyTyped (KeyEvent evt) { stop(); }
//---------- MouseListener Implementation ----------------
public void mouseClicked (MouseEvent e) { stop(); System.out.println("Mouse clicked");}
public void mousePressed (MouseEvent e) { stop(); }
public void mouseReleased(MouseEvent e) { stop(); }
public void mouseEntered (MouseEvent e) { }
public void mouseExited (MouseEvent e) { }
//---------- MouseMotionListener Implementation ----------
public void mouseDragged(MouseEvent e) { }
public void mouseMoved (MouseEvent e) {
if (oldMouse == null)
oldMouse = new Point(e.getX(), e.getY());
else if (e.getX() != oldMouse.x
|| e.getY() != oldMouse.y)
stop();
Point oldMouse;
//---------- WindowListener Implementation ---------------
public void windowOpened (WindowEvent e) { stop(); }
public void windowClosing (WindowEvent e) { stop(); }
public void windowClosed (WindowEvent e) { stop(); }
public void windowIconified (WindowEvent e) { stop(); }
public void windowDeiconified(WindowEvent e) { stop(); }
public void windowActivated (WindowEvent e) { stop(); }
public void windowDeactivated(WindowEvent e) { stop(); }
}

Help with Dynamic Form Input

Hello,
I'd like to generate a form with a PL/SQL script.
Basically I'd like to ask the user to rank a set of items.
I have two tables one, ITEMS [ID (Primary Key), NAME (VARCHAR2)] and one PREFERENCES [ID (Primary Key), ITEM_ID (Foreign Key),PREFERENCE (Number), USERNAME (VARCHAR2)]
From what I understand Collections and APEX_ITEM would be useful here.
What should I do next?
Should I read all of the ITEMS ( there will only be 7-13) into a collection and then use APEX_ITEM to generate rows in the form?
Should I first create rows in Preferences, containing only the ITEM_ID and the USERNAME, and then use multiple row update in APEX_ITEM to generate a tabular form to update the rows?
Any input would be greatly appreciated.
Thanks,
Sam

I would like one form on one page for creating multiple rows. A tabular form would be fine.
the page would look like
Item 1 , Choose a Preference (LOV)
Item 2, Choose a Preference (LOV)
Item n, choose a Preference (LOV)
I know that this could probably be done more easily one row at a time, but I am concerned about making it easy for the end user.
A tabular form could be appropriate, however it seems like most of your example tabular forms, have already generated records. (ie http://htmldb.oracle.com/pls/otn/f?p=31517:170:4031429456413649::NO ).
Would it make sense to prepare the form by inserting values into the table just before displaying the form.
something like (in psudocode)
select ID from ITEMS into l_items;
INSERT INTO PREFERENCES (ITEM_ID)
VALUES (l_items)
I have a trigger on Preferences that inserts v('APP_USER') into the USERNAME column.
If I did this the form could display
select     "ITEMS"."NAME" as "NAME",
     "PREFERENCES"."PREFERENCE" as "PREFERENCE"
from     "ITEMS" "ITEMS",
     "PREFERENCES" "PREFERENCES"
where "PREFERENCES"."ITEM_ID"="ITEMS"."ID"
NAME would be displayed as TEXT
PREFERENCE would be an LOV
USERNAME would be hidden
Thanks for your help.
-Sam

Please help with dynamic form field names in cfloop

Hi,
I need to create a form with day, date, month, year and time for 12 months
Instead of coding them 12 times, I create day,date,month,year and time fileds in my form 1 time and then I use cfloop from="1" to="12" index="i" to loop these form fields 12 times.
I gave each form field name such as: <input type="text" name="ScheduleDate_# i #" value=" "> this way each of those field will be named differently such as:
ScheduleDate_1, ScheduleDate_2,ScheduleDate_3, ScheduleTime_1,ScheduleTime_2, etc
I'm facing problem when this form is submitted, I think the error has something to do with the pound sign (##) when it comes to updating the back end
I use MS SQL
It doesn like this:
<CFLOOP From="1" To="12" index="k">
<CFIF Len(Trim(Form.MeetYear_#k#)) NEQ 0 AND Len(Trim(Form.MeetTime_#k#)) NEQ 0>
<cfquery name="CreateSchedule" datasource="#DSN#">
UPDATE TableSchedule
SET SchedDay = <cfqueryparam cfsqltype="cf_sql_varchar" value="#form.SchedDay_#k##">,SchedMonth =
<cfqueryparam cfsqltype="cf_sql_varchar" value="#form.SchedMonth_#k##">,SchedDate =
<cfqueryparam cfsqltype="cf_sql_varchar" value="#form.SchedDate_#k##">,SchedYear =
<cfqueryparam cfsqltype="cf_sql_varchar" value="#form.SchedYear_#k##">,SchedTime =
<cfqueryparam cfsqltype="cf_sql_varchar" value="#form.SchedTime_#k##">
Where SchedId = <cfqueryparam cfsqltype="cf_sql_numeric" value="#k#">
</cfquery>
</CFIF>
</CFLOOP>
Can anyone help please?

You can't nest hash marks. Do this instead:
SET SchedDay = <cfqueryparam cfsqltype="cf_sql_varchar" value="#form["SchedDay_" & k]#">
Dave Watts, CTO, Fig Leaf Software
http://www.figleaf.com/
http://training.figleaf.com/

Dynamic Form Elements?

Hi,
How can I generate some form fields such as <mx:TextInput>, <mx:ComboBox>, dynamically? Say I have a database call that returns 4 records. I want to generate 4 sets of form fields, each set having things like first name, last name, address fields. But each form field can still be uniquely identified.
I have done this in html and coldfusion by just appeneding the primary key value to each form field (i.e, <input type="html", id="first_name_#i#" name="first_name_#i# />
Ultimately, you get a set of identical fields but each field is uniquely named so it can be referenced. The number of repeating sets is equal to the number of records returned from the query.
Any help appreciated on how to get this done.... hope it makes sense.
Regards,
-ws

Is this a recent development? Is it a PHP file in CS3?
I had to use this for non-stop crashes in DWCS3...
http://kb.adobe.com/selfservice/viewContent.do?externalId=kb402776
Good luck, Ned

Cfajaxproxy bind with dynamic form

I have a form with many rows built in a cfloop. I am trying to do a simple client side calculation if the user changes a value in a text box. I can ge the calculation to work, but it places the result in the last row of the form rather than the row the user changed. In other words, they change the values in a text box on row 3 for example. It calculates the right value(using row 3 values) and places the result in the last row(for example row 54).
<td align="center">
     <cfinput id="costPerUnit_#currentrow#" name="costPerUnit_#currentrow#" required="yes" value="#products.COSTPERUNIT#" tabindex="-1">
</td>
<td align="center">
     <cfinput id="ozPerUnit_#currentrow#" name="ozPerUnit_#currentrow#" required="yes" value="#products.OZPERUNIT#" tabindex="-1">
</td>
<td align="center">
               <cfajaxproxy bind="javascript:doCalcCostPerOz({costPerUnit_#currentrow#},{ozPerUnit_#currentrow#})" />
               <script>
               function doCalcCostPerOz(c,o) {document.getElementById("costPerOz_#currentrow#").value = (parseFloat(c)/parseFloat(o)).toFixed(2);}
               </script>
     <cfinput id="costPerOz_#currentrow#" name="costPerOz_#currentrow#" type="text" value="#products.COSTPEROZ#">
</td>
Does anyone have any insight how to make sure the results of the above calculation go to the proper row? I assume it has something to do with the bind expression above and the fact that the costPerOz_#currentrow# is not in the bind expression.

I think I found a workaround for this. I stored the currentrow in a hidden input field and passed it to the javascript function. Here is the code that worked for me:

<cfinput id="rowIndex_#currentrow#" name="rowIndex_#currentrow#" type="hidden" value="#currentRow#">
<td align="center">
<cfajaxproxy bind="javascript:doCalcCostPerOz({costPerUnit_#currentrow#},{ozPerUnit_#currentrow#},{rowIndex_#currentRow#})" />
<script>
                              var fieldName = "costPerOz_";
                              function doCalcCostPerOz(c,o,r) {
                                        document.getElementById(fieldName.concat(r)).value = (parseFloat(c)/parseFloat(o)).toFixed(2);
</script>

<cfinput id="costPerOz_#currentrow#" name="costPerOz_#currentrow#" type="text" value="#products.COSTPEROZ#" readonly="yes" tabindex="-1">
</td>

How do I "create an event" on a checkbox form element?

Here is a view of my page:
What I am trying to do is have the "event" (of placing a check in the check box) trigger a copy command of the time stamp at the top of the page and place it in a text field next to each of the bus numbers. Any help would be appreciated.

This is a duplicate post.
I built a basic Checkbox web page. I want to add a time stamp everytime a check is made on the page. How do I do that?
Nancy O.

Spry event listeners with dynamic form elements

Similar Messages

Maybe you are looking for