ansaurus

Question

Answer 1

A:

Unless you stripped out too much, it looks like you need to put your "after" call into a function called "changeForm", which is what you are binding to the click event.

otherwise, keep chaining:

jQuery("input.preview").bind("click", function(){
    jQuery("#franchiseform").attr("action", "franchisepreview.php"));
    jQuery("#franchiseform").submit();
});

Cryophallion 2010-01-20 18:28:07

Nope, it's in a function. I edited the original question.

Josh K 2010-01-20 18:29:31

ok then, change the bind method to call to Jquery("#preview")

Cryophallion 2010-01-20 18:33:21

And are the alerts just for testing? I would use firebug or similar to see if the click is changing things, and just keep the action change in the function, to make sure it is firing.

Cryophallion 2010-01-20 18:35:09

I'm using Firebug as well, this is just easier then going into inspection view every time.

Josh K 2010-01-20 18:40:39

Answer 2

+1 A:

First off, you need to clean up the

<input type="button" value="Preview" id="preview" name="preview" id="preview" class="preview" />

to:

<input type="button" value="Preview" id="preview" name="preview" />

as an input should not have multiple id attributes and you should not use classes and id's with the same name. This could be one reason why you're having problems. Then I used the following code and the action url was actually changing:

<html>
<head>
    <title></title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;

    <script type="text/javascript">
        $(document).ready(function() {

            $("#preview").bind("click", changeForm);

            function changeForm(event){
                alert("Before: "+ $("#franchiseform").attr("action"));
                $("#franchiseform").attr("action", "franchisepreview.php");
                alert("After: "+ $("#franchiseform").attr("action"));
                $("#franchiseform").submit();
            }   
        });
    </script>

</head>
<body>
    <form method="post" enctype="multipart/form-data" action="franchiseinsert.php" class="insert-new" id="franchiseform">
        <input type="button" value="Preview" id="preview" name="preview" />
        <input type="submit" value="Insert" />
    </form>
</body>
</html>

ryanulit 2010-01-20 18:52:57

Answer 3

A:

It turns out that this is a Firefox / Mac specific bug. It works on other platforms and browsers, but not this specific computer for some reason. It could be an extension conflict or something else, I'll simply use another browser.

Josh K 2010-01-20 21:19:52

Just know that if this page is being used for public use then you are alienating a decent share of users.

ryanulit 2010-01-26 19:25:50

ansaurus

tags:

views:

answers:

jQuery manipulating forms

related questions