dform json not generating in ie8

44 views
Skip to first unread message

Bas Blankestijn

unread,
Mar 5, 2015, 1:50:33 PM3/5/15
to jquery...@googlegroups.com
Hello,

I created a json file to fetch  form on another website.

The json file is placed on domain deva.4leads.nl/form.json. The form needs to be generated on devb.4leads.nl/form.html.

This is working great, except for IE8. Maybe also in IE9 and IE7, i only tested this in IE8 and IE10. In IE8 there is no form at all. IE10 also works great.

I cant figure out whats going on.

This is my json content:

{
                    "action": "action_here.php",
                    "method": "post",
                    "html":
                [
                {
                    "name": "form_name",
                    "type": "hidden",
                    "value": "4offertes"
                },
                {
                    "name": "form_id",
                    "type": "hidden",
                    "value": "1"
                },
                {
                    "name": "ip",
                    "type": "hidden",
                    "value": "83.85.252.120"
                },
                {
                    "name": "base_url",
                    "type": "hidden",
                    "value": ""
                },
                {
                    "name": "use_betty",
                    "type": "hidden",
                    "value": "1"
                },{
                                        "type" : "fieldset",
                                        "caption" : "Woning die u wilt verkopen",
                                        "html" :
                                    [{
                                    "type": "div",
                                    "class": "",
                                    "html": {
                                        "name": "zipcode",
                                        "id": "zipcode",
                                        "caption": "Postcode",
                                        "type": "text",
                                        "validate": {
                                            "required": true,
                                            "messages": {
                                                "required": "Voer hier uw postcode in (voorbeeld: 1234AB)"
                                            }
                                        }
                                    }
                                },{
                                    "type": "div",
                                    "class": "",
                                    "html": {
                                        "name": "address_str",
                                        "id": "address_str",
                                        "caption": "Straatnaam",
                                        "type": "text",
                                        "validate": {
                                            "required": true,
                                            "messages": {
                                                "required": "Voer hier de straatnaam + huisnummer in"
                                            }
                                        }
                                    }
                                },{
                                    "type": "div",
                                    "class": "",
                                    "html": {
                                        "name": "address_nr",
                                        "id": "address_nr",
                                        "caption": "Huisnummer",
                                        "type": "text",
                                        "validate": {
                                            "required": true,
                                            "messages": {
                                                "required": "Wat is het huisnummer?"
                                            }
                                        }
                                    }
                                },{
                                    "type": "div",
                                    "class": "",
                                    "html": {
                                        "name": "city_manual",
                                        "id": "city_manual",
                                        "caption": "Plaats",
                                        "type": "text",
                                        "validate": {
                                            "required": true,
                                            "messages": {
                                                "required": "Voer hier uw plaatsnaam in"
                                            }
                                        }
                                    }
                                }]
                                      },{
                                        "type" : "fieldset",
                                        "caption" : "Kenmerken woning",
                                        "html" :
                                    [{
                                    "type": "div",
                                    "class": "",
                                    "html": [{
                                            "name": "kind_of_residence",
                                            "id": "kind_of_residence",
                                            "caption": "Type woning",
                                            "type": "radiobuttons",
                                            "options": {
                                                "Tussenwoning": {
                                        "caption": "Tussenwoning",
                                        "required": true,
                                        "title" : "Wat voor type woning is het?"
                                    },"Hoekwoning": "Hoekwoning","Twee onder één kap": "Twee onder één kap","Vrijstaande woning": "Vrijstaande woning","Appartement": "Appartement","Maisonnette": "Maisonnette","Bovenwoning": "Bovenwoning","Anders": "Anders"
                                            }
                                    }]
                                },{
                                    "type": "div",
                                    "class": "",
                                    "html": [{
                                            "name": "livingsurface",
                                            "id": "livingsurface",
                                            "caption": "Woningoppervlak",
                                            "type": "radiobuttons",
                                            "options": {
                                                "Tot 40 m2": {
                                        "caption": "Tot 40 m2",
                                        "required": true,
                                        "title" : "Wat is het oppervlak van de woning?"
                                    },"40 - 80 m2": "40 - 80 m2","80 - 120 m2": "80 - 120 m2","120 - 160 m2": "120 - 160 m2","160 - 200 m2": "160 - 200 m2","200 - 250 m2": "200 - 250 m2","250 - 300 m2": "250 - 300 m2","300 - 400 m2": "300 - 400 m2","Meer dan 400 m2": "Meer dan 400 m2","Weet ik niet": "Weet ik niet"
                                            }
                                    }]
                                },{
                                    "type": "div",
                                    "class": "",
                                    "html": [{
                                            "name": "number_of_rooms",
                                            "id": "number_of_rooms",
                                            "caption": "Aantal kamers",
                                            "type": "radiobuttons",
                                            "options": {
                                                "Geen aparte slaapkamers": {
                                        "caption": "Geen aparte slaapkamers",
                                        "required": true,
                                        "title" : "Hoeveel kamers heeft de woning?"
                                    },"1 slaapkamer": "1 slaapkamer","2 slaapkamers": "2 slaapkamers","3 slaapkamers": "3 slaapkamers","4 slaapkamers": "4 slaapkamers","5 slaapkamers": "5 slaapkamers","6 slaapkamers": "6 slaapkamers","7 slaapkamers": "7 slaapkamers","Meer dan 7 slaapkamers": "Meer dan 7 slaapkamers"
                                            }
                                    }]
                                },{
                                    "type": "div",
                                    "class": "",
                                    "html": [{
                                            "name": "approximate_price_category",
                                            "id": "approximate_price_category",
                                            "caption": "Vermoedelijke prijsklasse",
                                            "type": "radiobuttons",
                                            "options": {
                                                "Tot € 50.000,-": {
                                        "caption": "Tot € 50.000,-",
                                        "required": true,
                                        "title" : "Welke waarde vermoedt u dat de woning heeft?"
                                    },"€ 50.000,- tot € 100.000,-": "€ 50.000,- tot € 100.000,-","€ 100.000,- tot € 150.000,-": "€ 100.000,- tot € 150.000,-","€ 150.000,- tot € 200.000,-": "€ 150.000,- tot € 200.000,-","€ 200.000,- tot € 250.000,-": "€ 200.000,- tot € 250.000,-","€ 250.000,- tot € 300.000,-": "€ 250.000,- tot € 300.000,-","€ 300.000,- tot € 350.000,-": "€ 300.000,- tot € 350.000,-","€ 350.000,- tot € 400.000,-": "€ 350.000,- tot € 400.000,-","€ 400.000,- tot € 500.000,-": "€ 400.000,- tot € 500.000,-","€ 500.000,- tot € 600.000,-": "€ 500.000,- tot € 600.000,-","€ 600.000,- tot € 750.000,-": "€ 600.000,- tot € 750.000,-","Meer dan € 750.000,-": "Meer dan € 750.000,-"
                                            }
                                    }]
                                }]
                                      },{
                                        "type" : "fieldset",
                                        "caption" : "Voorkeuren",
                                        "html" :
                                    [{
                                    "type": "div",
                                    "class": "",
                                    "html": [{
                                            "name": "values_most",
                                            "id": "values_most",
                                            "caption": "Wat vindt u vooral belangrijk?",
                                            "type": "radiobuttons",
                                            "options": {
                                                "Lage kosten van de makelaarsdiensten": {
                                        "caption": "Lage kosten van de makelaarsdiensten",
                                        "required": true,
                                        "title" : "Waar hecht u de meeste waarde aan?"
                                    },"Veel ervaring met verkoop in mijn gemeente": "Veel verkoopervaring in mijn gemeente"
                                            }
                                    }]
                                },{
                                    "type": "div",
                                    "class": "",
                                    "html": [{
                                            "name": "does_inspections_personally",
                                            "id": "does_inspections_personally",
                                            "caption": "Wie doet de bezichtigingen?",
                                            "type": "radiobuttons",
                                            "options": {
                                                "Ja, ik voer zelf de bezichtigingen uit": {
                                        "caption": "Ik voer zelf de bezichtigingen uit",
                                        "required": true,
                                        "title" : "Wie voert de bezichtigingen uit?"
                                    },"Ja, maar alleen als dat een prijsvoordeel oplevert": "Ikzelf als dat een prijsvoordeel oplevert","Nee, de makelaar voert de bezichtigingen uit": "De makelaar voert de bezichtigingen uit"
                                            }
                                    }]
                                }]
                                      },{
                                        "type" : "fieldset",
                                        "caption" : "Opmerkingen of bijzonderheden",
                                        "html" :
                                    [{
                                    "type": "div",
                                    "class": "",
                                    "html": [{
                                            "name": "comments",
                                            "id": "comments",
                                            "caption": "Neem alle informatie op die volgens u relevant kan zijn.",
                                            "type": "textarea"
                                    }]
                                }]
                                      },{
                                        "type" : "fieldset",
                                        "caption" : "",
                                        "html" :
                                    [{
                                    "type": "div",
                                    "class": "",
                                    "html": [{
                                            "name": "moetdekeuzehiereenanderveldtonen",
                                            "id": "moetdekeuzehiereenanderveldtonen",
                                            "caption": "Moet de keuze hier een ander veld tonen?",
                                            "type": "radiobuttons",
                                            "options": {
                                                "Ja": {
                                        "caption": "Ja",
                                        "required": false,
                                        "title" : ""
                                    },"Nee": "Nee"
                                            }
                                    }]
                                },{
                                    "type": "div",
                                    "class": "hidden-field",
                                    "html": {
                                        "name": "ditveldwordnugetoond",
                                        "id": "ditveldwordnugetoond",
                                        "caption": "Dit veld word nu getoond",
                                        "type": "text",
                                        "validate": {
                                            "required": false,
                                            "messages": {
                                                "required": ""
                                            }
                                        }
                                    }
                                }]
                                      },{
                                        "type" : "fieldset",
                                        "caption" : "Uw contactgegevens",
                                        "html" :
                                    [{
                                    "type": "div",
                                    "class": "",
                                    "html": [{
                                            "name": "gender",
                                            "id": "gender",
                                            "caption": "Aanhef",
                                            "type": "radiobuttons",
                                            "options": {
                                                "Dhr.": {
                                        "caption": "Dhr.",
                                        "required": true,
                                        "title" : "Wat is uw aanhef?"
                                    },"Mevr.": "Mevr."
                                            }
                                    }]
                                },{
                                    "type": "div",
                                    "class": "",
                                    "html": {
                                        "name": "name_requester",
                                        "id": "name_requester",
                                        "caption": "Naam",
                                        "type": "text",
                                        "validate": {
                                            "required": true,
                                            "messages": {
                                                "required": "Wat is uw naam?"
                                            }
                                        }
                                    }
                                },{
                                    "type": "div",
                                    "class": "",
                                    "html": {
                                        "name": "e_mail_address",
                                        "id": "e_mail_address",
                                        "caption": "E-mailadres",
                                        "type": "text",
                                        "validate": {
                                            "required": true,
                                            "messages": {
                                                "required": "Wat is uw e-mailadres?"
                                            }
                                        }
                                    }
                                },{
                                    "type": "div",
                                    "class": "",
                                    "html": {
                                        "name": "phonenumber",
                                        "id": "phonenumber",
                                        "caption": "Telefoonnummer",
                                        "type": "text",
                                        "validate": {
                                            "required": true,
                                            "messages": {
                                                "required": "Wat is uw telefoonnummer?"
                                            }
                                        }
                                    }
                                }]
                                      },{
                    "type": "submit",
                    "value": "Verstuur"
                }
            ]
}

The html file where the form needs to be processed is here: http://devb.4leads.nl.

In all browsers this works great, except for IE8.

Please help.

Regards,
Bas

Bas Blankestijn

unread,
Mar 5, 2015, 2:01:17 PM3/5/15
to jquery...@googlegroups.com
Sorry, de url should be: http://devb.4leads.nl/form.html

Op donderdag 5 maart 2015 19:50:33 UTC+1 schreef Bas Blankestijn:

David Luecke

unread,
Mar 6, 2015, 3:08:00 AM3/6/15
to jquery...@googlegroups.com
What version of jQuery are you using? Are there any errors in the console?

--
You received this message because you are subscribed to the Google Groups "jQuery dForm" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jquery-dform...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Bas Blankestijn

unread,
Mar 6, 2015, 3:16:31 AM3/6/15
to jquery...@googlegroups.com
Hello daff,

After looking at your example i managed to get it working.

Instead of creating a json file and parse that file on another domain i now created a js file with the json in it.

It now looks like this:

$(document).ready(function () {
    $("#offertes").dform({
        "action": "",
                                        "class": " clearfix",
                                        "html": [{
                                                "name": "kind_of_residence",
                                                "id": "kind_of_residence",
                                                "caption": "Type woning",
                                                "type": "radiobuttons",
                                                "options": {
                                                    "Tussenwoning": {
                                                        "caption": "Tussenwoning",
                                                        "required": true,
                                                        "title": "Wat voor type woning is het?"
                                                    }, "Hoekwoning": "Hoekwoning", "Twee onder één kap": "Twee onder één kap", "Vrijstaande woning": "Vrijstaande woning", "Appartement": "Appartement", "Maisonnette": "Maisonnette", "Bovenwoning": "Bovenwoning", "Anders": "Anders"
                                                }
                                            }]
                                    }, {
                                        "type": "div",
                                        "class": " clearfix",
                                        "html": [{
                                                "name": "livingsurface",
                                                "id": "livingsurface",
                                                "caption": "Woningoppervlak",
                                                "type": "radiobuttons",
                                                "options": {
                                                    "Tot 40 m2": {
                                                        "caption": "Tot 40 m2",
                                                        "required": true,
                                                        "title": "Wat is het oppervlak van de woning?"
                                                    }, "40 - 80 m2": "40 - 80 m2", "80 - 120 m2": "80 - 120 m2", "120 - 160 m2": "120 - 160 m2", "160 - 200 m2": "160 - 200 m2", "200 - 250 m2": "200 - 250 m2", "250 - 300 m2": "250 - 300 m2", "300 - 400 m2": "300 - 400 m2", "Meer dan 400 m2": "Meer dan 400 m2", "Weet ik niet": "Weet ik niet"
                                                }
                                            }]
                                    }, {
                                        "type": "div",
                                        "class": " clearfix",
                                        "html": [{
                                                "name": "number_of_rooms",
                                                "id": "number_of_rooms",
                                                "caption": "Aantal kamers",
                                                "type": "radiobuttons",
                                                "options": {
                                                    "Geen aparte slaapkamers": {
                                                        "caption": "Geen aparte slaapkamers",
                                                        "required": true,
                                                        "title": "Hoeveel kamers heeft de woning?"
                                                    }, "1 slaapkamer": "1 slaapkamer", "2 slaapkamers": "2 slaapkamers", "3 slaapkamers": "3 slaapkamers", "4 slaapkamers": "4 slaapkamers", "5 slaapkamers": "5 slaapkamers", "6 slaapkamers": "6 slaapkamers", "7 slaapkamers": "7 slaapkamers", "Meer dan 7 slaapkamers": "Meer dan 7 slaapkamers"
                                                }
                                            }]
                                    }, {
                                        "type": "div",
                                        "class": " clearfix",
                                        "html": [{
                                                "name": "approximate_price_category",
                                                "id": "approximate_price_category",
                                                "caption": "Vermoedelijke prijsklasse",
                                                "type": "radiobuttons",
                                                "options": {
                                                    "Tot € 50.000,-": {
                                                        "caption": "Tot € 50.000,-",
                                                        "required": true,
                                                        "title": "Welke waarde vermoedt u dat de woning heeft?"
                                                    }, "€ 50.000,- tot € 100.000,-": "€ 50.000,- tot € 100.000,-", "€ 100.000,- tot € 150.000,-": "€ 100.000,- tot € 150.000,-", "€ 150.000,- tot € 200.000,-": "€ 150.000,- tot € 200.000,-", "€ 200.000,- tot € 250.000,-": "€ 200.000,- tot € 250.000,-", "€ 250.000,- tot € 300.000,-": "€ 250.000,- tot € 300.000,-", "€ 300.000,- tot € 350.000,-": "€ 300.000,- tot € 350.000,-", "€ 350.000,- tot € 400.000,-": "€ 350.000,- tot € 400.000,-", "€ 400.000,- tot € 500.000,-": "€ 400.000,- tot € 500.000,-", "€ 500.000,- tot € 600.000,-": "€ 500.000,- tot € 600.000,-", "€ 600.000,- tot € 750.000,-": "€ 600.000,- tot € 750.000,-", "Meer dan € 750.000,-": "Meer dan € 750.000,-"
                                                }
                                            }]
                                    }]
                    }, {
                        "type": "fieldset",
                        "caption": "Voorkeuren",
                        "html":
                                [{
                                        "type": "div",
                                        "class": " clearfix",
                                        "html": [{
                                                "name": "values_most",
                                                "id": "values_most",
                                                "caption": "Wat vindt u vooral belangrijk?",
                                                "type": "radiobuttons",
                                                "options": {
                                                    "Lage kosten van de makelaarsdiensten": {
                                                        "caption": "Lage kosten van de makelaarsdiensten",
                                                        "required": true,
                                                        "title": "Waar hecht u de meeste waarde aan?"
                                                    }, "Veel ervaring met verkoop in mijn gemeente": "Veel verkoopervaring in mijn gemeente"
                                                }
                                            }]
                                    }, {
                                        "type": "div",
                                        "class": " clearfix",
                                        "class": " clearfix",
                                        "class": " clearfix",
                        "value": "Ontvang 4 offertes"
                    }
                ]
    });
});


Op vrijdag 6 maart 2015 09:08:00 UTC+1 schreef daff:
And now it is working.

Thank you for reaction.

Regards,
Bas 
Reply all
Reply to author
Forward
0 new messages