djon2003
asked on
Two hidden input with the same name within different forms on the same page bugs !
Hi experts,
I have a webpage which there is two generated forms on it where both have a field named notype.
When i try to get the value of this hidden input from javascript, I got undefined. Both forms have different names and ids.
If you want to try it, go to :
http://www.cints.net/PHP/affpage.php
Connect yourselft using the two textboxes at the top with :
Username (firstbox) : TE1
Password (secondbox) : t
From there, you can click on this link :
http://www.cints.net/PHP/affpage.php?file=searchemploye
The lastest button called "Rechercher" is the second form on the page with the Sondage form.
So, if you click on this button "Rechercher", you will get a first alert, then a second which tells you the value of the notype input.
If I remove the first form (Sondage form), then the problem is fixed. I'd like to be able to keep the same name, which I think can usually be achieve due to the existance of the function getElementsByName (Elements, the s is key). So, could someone tells me where I'm wrong.
This testing has been done with IE7.
I have a webpage which there is two generated forms on it where both have a field named notype.
When i try to get the value of this hidden input from javascript, I got undefined. Both forms have different names and ids.
If you want to try it, go to :
http://www.cints.net/PHP/affpage.php
Connect yourselft using the two textboxes at the top with :
Username (firstbox) : TE1
Password (secondbox) : t
From there, you can click on this link :
http://www.cints.net/PHP/affpage.php?file=searchemploye
The lastest button called "Rechercher" is the second form on the page with the Sondage form.
So, if you click on this button "Rechercher", you will get a first alert, then a second which tells you the value of the notype input.
If I remove the first form (Sondage form), then the problem is fixed. I'd like to be able to keep the same name, which I think can usually be achieve due to the existance of the function getElementsByName (Elements, the s is key). So, could someone tells me where I'm wrong.
This testing has been done with IE7.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Excuse me for this useless question, but I discovered that I faulty not correctly closed the sondage form tag.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
alright, 20 points then.
this msg is not an objection, but when i looked at your page and the source code, you didn't give any form any names.
in your SaveUniteFromForm, ObjID would have to be document, to be able to make the following line
alert(Obj.form.notype.valu e);
still when you didn't name a form as "form", that line is going to fail the program. alternatively, you can call forms as an array
document.forms
--- "points" is not what a program is after but getting the program working. hehehe agree?
//your function...
function SaveUniteFromForm(ObjID,Fo rSearch) {
if (ForSearch == undefined) ForSearch = false;
var Obj = document.getElementById(Ob jID);
curUnite.jsonData = new Object();
alert(1);
alert(Obj.form.notype.valu e);
this msg is not an objection, but when i looked at your page and the source code, you didn't give any form any names.
in your SaveUniteFromForm, ObjID would have to be document, to be able to make the following line
alert(Obj.form.notype.valu
still when you didn't name a form as "form", that line is going to fail the program. alternatively, you can call forms as an array
document.forms
--- "points" is not what a program is after but getting the program working. hehehe agree?
//your function...
function SaveUniteFromForm(ObjID,Fo
if (ForSearch == undefined) ForSearch = false;
var Obj = document.getElementById(Ob
curUnite.jsonData = new Object();
alert(1);
alert(Obj.form.notype.valu
ASKER
Two things :
1- Up to now, I always gave all the points, but now the problem was not located there and I mostly sure that the forms were named. Anyhow, if you have the chance to answer another question I'll have in the future, for you'll certainly have all the points.
2- Obj is the button and using Obj.form is accessing the form of this button, so no name is required there. It is a special property of the inputs of a form.
1- Up to now, I always gave all the points, but now the problem was not located there and I mostly sure that the forms were named. Anyhow, if you have the chance to answer another question I'll have in the future, for you'll certainly have all the points.
2- Obj is the button and using Obj.form is accessing the form of this button, so no name is required there. It is a special property of the inputs of a form.
ASKER
The button "Rechercher" is calling this javascript function :
function searchUnite(ObjID) {
objUnitesRequest = new Request();
SaveUniteFromForm(ObjID,tr
alert(curUnite.jsonData.to
objUnitesRequest.httpReque
}
The bug is happening in the other function called SaveUniteFromForm. I'll give you only the beginning because this is something quiete big, but the problem happens at the beginning anyway.
So as you can see in the code above & below, the button calls a javascript function with his button Id as parameter. Then this param is passed to the function SaveUniteFromForm and this function create a new var called Obj which is the HTML element represented by this ID. (The button).
More, as said in the first post, If I remove the "Sondage" form (the other one) than my problem is solved. (just a reminder)
Open in new window