Web Development

Re: Dynamically Added form controls using Javascript do not get recognized as form elements?

17-Dec-09 6:16

Hi all,

This is the first time I faced this problem when trying to achieve this simple task.

I have a form, with an add button which when clicked, allows the user to search and select data which gets dynamically added to my form as a textbox.

When I submit this form, this dynamically added textbox, along with anymore added with this feature are not recognized as part of the form and do not get sent to the server side script. I verified this using an iterator through all form elements.

I had to explicitly add the textbox (its HTML) to the container as well as a child to the form. Only then did it get sent to my PHP script.

Has anyone in this weird world ever faced this problem?

I checked problems with "disabled, readonly, etc" and also made sure theres no ID conflicts or name conflicts with the rest of the form.

Though my app works just fine with this work around, I am baffled as to why this has never happened to me in all the times I've implemented such a feature before but now.

Any help would be appreciated.

John Bracey17-Dec-09 7:03

Re: Dynamically Added form controls using Javascript do not get recognized as form elements?

17-Dec-09 7:03

Not entirely sure here but when the button is clicked to do it's job - add the textbox to the form - is this a server side command or client side?

If it's client side then your server won't necessarily see the ID's of the dynamically created textboxes - unless it's explicity told to do so.

Possibly the problem...

malvik17-Dec-09 8:15

Re: Dynamically Added form controls using Javascript do not get recognized as form elements?

17-Dec-09 8:15

Thanks John,

It is a client side command that adds a textbox to a container within the form.

Why does the client not send these new form controls to the server? What is the solution to this?

I had to explicitly add the form element to its container (for display to the user) and also add it as a child to the form itself. I'm sure there is a more elegant solution to this.

John Bracey17-Dec-09 9:09

Re: Dynamically Added form controls using Javascript do not get recognized as form elements?

17-Dec-09 9:09

There could be a number of reasons. Would you mind if you posted a snipet of your code - ?

malvik17-Dec-09 9:40

Re: Dynamically Added form controls using Javascript do not get recognized as form elements?

17-Dec-09 9:40

Sure here's my story:

Here is the JS function that adds a row to a table inside a form that contains the textbox in question.

function ppl_add_admin_asst(id, resultsArray){

if(resultsArray.length > 0){
var name = resultsArray[..][..];
var id = resultsArray[..][..];

var str = "<tr id='asst_"+id+"_row'><td>";
var str1 = "<input type='text' readonly='readonly' name='admin_asst["+id+"][name]' id='admin_asst_"+id+"_name' value='"+name+"' />";
str1 += " <span class='form_elements_edit' style='font-weight:bold'><a href='#' onclick=\"removeRow('admin_asst_"+id+"_row');\"><img border='0' src='images/buttons/edit.gif' > Remove</a></span>";
str += str1+"</td></tr>";

//appending it to the table which is already a part of the form should include this new textbox to be part of the form
$("#assts_table").append(str);
//However, I need to explicitly add it to the form as well for it to work correctly
$("#edit_form").append(str1);
cancelFindProfile(id);
}
}

John Bracey17-Dec-09 10:13

Re: Dynamically Added form controls using Javascript do not get recognized as form elements?

17-Dec-09 10:13

Your JS looks good and is doing it's job. The problems not the simple server-client relationship I thought it was. Frown | :(

What's happening is the server side script isn't set up to receive additional rows.. It's possibly only aware of the fields that are there when the page first loads. Sorry to answer your problem with another problem.

I'm not too hot on PHP - sorry I can't help you any further.

malvik17-Dec-09 10:16

Re: Dynamically Added form controls using Javascript do not get recognized as form elements?

17-Dec-09 10:16

Thanks for trying John. I have succesfully implemented this on different environments and never came across this problem so it looks like a server quirk. Such moody bugs are best handled with "work arounds" as I did. Should just leave it be I guess.

John Bracey17-Dec-09 10:21

Re: Dynamically Added form controls using Javascript do not get recognized as form elements?

17-Dec-09 10:21

Yeah I come across many 'quirks' all the time. I'm a .NET man and although I love the platform and it is very good - us developers always come across the cracks in the system.

Work arounds are sometimes the only way.

Cheers
JB

User 171649217-Dec-09 10:45

Re: Dynamically Added form controls using Javascript do not get recognized as form elements?

17-Dec-09 10:45

malvik wrote:
Should just leave it be I guess.

Your choice. But, before you do, if you use Firefox browser, perhaps you might want to download and install the "Web Developer" Add-On. It could help you resolving this problem.

modified 1-Aug-19 21:02pm.

malvik17-Dec-09 10:50

How can I customize the highlight color (i.e. when we select any text) in MSHTML?

17-Dec-09 10:50

I use the Web Developer Toolbar extensively and also Firebug. Both confirm that the DOM placement of my textboxes is correct and in fact within the form. I just migrated the files to my localhost and it works on that perfect so I think it is an environment thing.

ammar_bharmal16-Dec-09 23:25

ammar_bharmal

16-Dec-09 23:25

Hi friends,

I am working on customizing the WebBrowser ActiveX control.
I want to change the text hightlight/selection color. I hve
searched a lot, but hve found nothing conclusive. Hope anyone
here would help.

Thanks in Advance.. Smile | :)

Dynamic IP & Writing to the Webspace

GrgBalden16-Dec-09 9:55

GrgBalden

16-Dec-09 9:55

Hi Guys,

I'm trying to remote desktop onto my PC at home, however since I have ADSL and my ISP doesnt support static IP addresses, I end up having to check my IP address before I head into work. Problem is my line is pretty rubbish, and the connection gets dropped every 4-6 hours. So i get maybe 4-6 hours out of it, then no longer have access to my home desktop.

Thinking on it, the easiest solution (Barring a Static IP) is to run a script that will automatically write my IP to my website (hosted externally).

Does anyone have any ideas on how to do this? Solutionising is welcome?

Thanks for your help, Grg

Re: Dynamic IP & Writing to the Webspace

Dr.Walt Fair, PE16-Dec-09 10:04

Dr.Walt Fair, PE

16-Dec-09 10:04

Have you tried TeamViewer[^]?

CQ de W5ALT

Walt Fair, Jr., P. E.
Comport Computing
Specializing in Technical Engineering Software

Re: Dynamic IP & Writing to the Webspace

GrgBalden16-Dec-09 10:43

GrgBalden

16-Dec-09 10:43

Thanks Walt,

Yeah, I've used this previously. I want to try and steer clear of all in one solutions. Anyone with any thoughts on writing IP to a website?

Re: Dynamic IP & Writing to the Webspace

Adam Maras16-Dec-09 10:44

Adam Maras

16-Dec-09 10:44

DynDns offers a free service that gives you a free subdomain hostname controlled by their client updater software; you simply install the software on your home PC, and it will automatically keep the IP address synced with the DynDns hostname.

Adam Maras | Software Developer
Microsoft Certified Professional Developer

CSS Multi Browsers

SRJ9216-Dec-09 8:03

SRJ92

16-Dec-09 8:03

hello people, here is a tricky one for you , i want to make my website be compatible with all browsers and as you know, css works on ff fine but ie totally differant ... so i tried this :

&lt;![if !IE]&gt;&lt;link rel="stylesheet" type="text/css" href="iestyle.css"/&gt;&lt;![endif]&gt;&lt;![if !IE]&gt;&lt;link rel="stylesheet" type="text/css" href="textstyle.css"/&gt;&lt;![endif]&gt;
&lt;link rel="stylesheet" type="text/css" href="styling.css"&gt;&lt;link rel="stylesheet" type="text/css" href="textstyle.css"&gt;

hoping that this would make my website support ff and IE , but then IE doesn't want to use that specific style sheet and moves on..... what do i do ? and have you got any other suggestions of making a website compatible with any browser ..
Cheers

User 171649216-Dec-09 8:46

16-Dec-09 8:46

You should consider designing for Firefox first, when that works, then add support for MSIE last but read here 9 Most Common IE Bugs and How to Fix Them[^]

modified 1-Aug-19 21:02pm.

SRJ9216-Dec-09 8:48

SRJ92

16-Dec-09 8:48

but i have designed for ff first, i just need to convert it to IE which i have got the stylesheet for all ready, just IE won't look at it

User 171649216-Dec-09 11:03

16-Dec-09 11:03

Try this (not knowing which version of MSIE you use) ...

Within the head tags ...

<link rel="stylesheet" href="your_path/css_regular_filename.css" type="text/css"/>

<!--[if IE]>
<link rel="stylesheet" href="your_path/ie.css" type="text/css"/>
<![endif]-->

<!--[if lt IE 7.]>
<link rel="stylesheet" href="your_path/ie6.css" type="text/css"/>
<![endif]-->

(sorry for delay in my reply)

modified 1-Aug-19 21:02pm.

SRJ9216-Dec-09 11:05

SRJ92

16-Dec-09 11:05

thats okay mate, so what would i put for non ie ?

User 171649216-Dec-09 11:32