John's solution and mine assume that your link is a direct child of the
form. Is it?
-- Yehuda
On 12/27/06, Phil Oye <[EMAIL PROTECTED]> wrote:
None of the proposed solutions are working for me. Now I'm wondering
if it is a markup problem, or something.
Bander's solution:
> I'll bet it'll work with $(this).prev().click().
Nothing happens.
Presumably, because it attempts to go the original href ("#"), not
the newly created onclick event?
Mike's solution:
> $(':submit').each(function() {
> var form = this.form;
> var b = $('<a href="#" class="button">Button Text</a>");
> $(this).after(b).hide();
> b.click(function() {
> form.submit();
> return false;
> });
> });
In FireBug, I get:
form.submit is not a function.
(Also, there was a typo in the close quote on line 3)
Yehuda's solution:
> $('[EMAIL PROTECTED]').after("<a href='#'
> class='button'>ButtonText</a>").next().click(function()
> { this.parentNode.submit(); })
>
> assuming the button and link are directly under the form.
In FireBug, I get this error:
this.parentNode.submit is not a function.
John's solution:
> $("<a href='' class='button'>ButtonText</a>")
> .click(function() { this.parentNode.submit(); return false; })
> .insertAfter('input:submit');
I get the same error:
this.parentNode.submit is not a function
It then refreshes the page.
Any ideas? Markup problem?
Thanks,
p.
On 28 Dec 2006, at 11:40 AM, John Resig wrote:
> Or, a similar, but different, way:
>
> $("<a href='' class='button'>ButtonText</a>")
> .click(function() { this.parentNode.submit(); return false; })
> .insertAfter('input:submit');
>
> --John
>
> On 12/27/06, Yehuda Katz <[EMAIL PROTECTED]> wrote:
>> $('[EMAIL PROTECTED]').after("<a href='#'
>> class='button'>ButtonText</a>").next().click(function() {
>> this.parentNode.submit(); })
>>
>> assuming the button and link are directly under the form.
>>
>> -- Yehuda
>>
>> On 12/27/06, Mike Alsup <[EMAIL PROTECTED]> wrote:
>>>> Can you give me a pointer to fix this?
>>>
>>> $(':submit').each(function() {
>>> var form = this.form;
>>> var b = $('<a href="#" class="button">Button Text</a>");
>>> $(this).after(b).hide();
>>> b.click(function() {
>>> form.submit();
>>> return false;
>>> });
>>> });
>
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
