ansaurus

Question

Firefox Retrieve content of iframe with form elements values

Answer 1

+1 A:

This has nothing to do with being in a frame -- innerHTML behaves differently on the different browsers. Even the simple case

<div id=mydiv><input name=in id=inval value=100></div>

will exhibit the same behavior. I don't see an alternative to retrieving the values separately.

Lucky 2009-08-09 05:41:08

Thanks for your answer. Yes I agree, simple innerHTML in page doing the same unfortunately...

2009-08-09 06:11:04

Is there any other way to get whole content without innerHTML?

2009-08-09 06:14:34

Answer 2

A:

If you are using jquery, you can retrieve all inputs' name/value pairs by using the serialize() method. Just wrap your input fields into a form element and than something like this to retrieve them:

var input_vals=$("iframe").contents().find("form").serialize();

//output:
//"fn=bla&states=CO"

And 2009-08-09 09:16:40

Answer 3

A:

Actually solution was posted on StackOverflow but I miss the original. May be someone else will need this feature I'm reposting code here with my little updates

This jquery plugin just updates fields before we get innerHtml

(function($) {
    var oldHTML = $.fn.html;

    $.fn.formhtml = function() {
        if (arguments.length) return oldHTML.apply(this, arguments);
        $("input,textarea,button", this).each(function() {
            this.setAttribute('value', this.value);
        });

        $("select option", this).each(function() {
            if (this.selected)
                this.setAttribute('selected', 'selected');
            else
                this.removeAttribute('selected');
        });

        $("textarea", this).each(function() {
            $(this).html(this.value);
        });

        $(":radio,:checkbox", this).each(function() {
            // im not really even sure you need to do this for "checked"
            // but what the heck, better safe than sorry
            if (this.checked) this.setAttribute('checked', 'checked');
            else this.removeAttribute('checked');
        });
        return oldHTML.apply(this);
    };

    //optional to override real .html() if you want
    // $.fn.html = $.fn.formhtml;
})(jQuery);

2009-10-23 06:48:31

ansaurus

tags:

views:

answers:

Firefox Retrieve content of iframe with form elements values

related questions