[JS/jQuery] .contents .find IE9

[Snors]

Allen,

Ik heb een probleem met mijn code. Het gaat om de volgende regel die niet werkt in IE9:

JavaScript:

$('#errorberichten').html($('#upload_iframe').contents().find('#errorbericht').html());

Ik krijg met de debug console geen error meldingen terug. In een webkit3 browser werkt het overigens wel juist(Firefox etc.)

Iemand enig idee waar het probleem zit en hoe ik hier eventueel om heen kan coden?

[Zeebonk]

Er is wel heel weinig om nu op af te gaan. Iets dat opvalt is find() die contents() opvolgt.

Jquery documentatie zegt dat:

.children(selector) alle directe kinderen die aan de selector voldoen
.find(selector) alle kinderen (ook kinderen van kinderen etc) die aan de selector voldoen
.contents() alle directe kinderen inclusief de tekst nodes

In jouw geval zou je dus .contents().find() kunnen vervangen door alleen find() of zelfs door childeren() als #errorbericht een directe kind is van #upload_iframe.

Verder valt er weinig te zeggen, misschien handig om een basis testcase op te zetten.

[ Voor 7% gewijzigd door Zeebonk op 06-09-2012 21:53 ]

[Gomez12]

Je probleem zit hem in de niet goed uitgelijnde aardstralen rond je client. Tenminste dat zegt mijn kristallen bol...

Oftewel beschrijf de error eens goed, maak test-cases aan voor elke situatie rondom deze code onder een linkje (werkt het 1e stuk, werkt het 2e stuk, werkt de combo van 1e stuk en 2e stuk).

Ik garandeer je dat als je dit doet dat je zelf de exacte oorzaak al naar boven krijgt. Google dan nog even naar de goede benaming om in TS te zetten en je vind het antwoord zeer waarschijnlijk ook al, en voordat je deze TS had kunnen plaatsen had je het al gevonden.

[Snors]

Thanks allen, had al een beetje zoiets verwacht maar het is meer dat ik hier al een week mee bezig ben. Ik ga een testcase uitwerken en deze posten(mits ik het probleem nog niet heb gevonden).

[Compizfox]

Firefox is Gecko, geen WebKit

[RobIII]

Waar hoort mijn topic?
PRG >> WEB

M34nM4chin3 schreef op donderdag 06 september 2012 @ 21:58:
Thanks allen, had al een beetje zoiets verwacht maar het is meer dat ik hier al een week mee bezig ben.

Als je er al een week mee bezig bent snap ik niet waarom je nog geen testcase hébt Zo'n ding maak je, in eerste instantie, voor jezelf, niet voor ons Ik maak al een testcase the second ik iets niet kan verklaren, niet na een week en een topic
Wat schiet je op met een week staren en achter je oren krabben? Je moet toch, in isolatie, kunnen stoeien/rommelen/fröbelen met je code

[ Voor 79% gewijzigd door RobIII op 06-09-2012 22:55 ]

[FotW]

Vandaag liep ik tegen een soortgelijke situatie aan, bij het gebruiken van een tekst editor welke in een iframe laadt moest ik de achtergrond een andere kleur kunnen geven. Ik gebruik hiervoor nagenoeg dezelfde selector als jij en dit werkt dan ook prima in alles behalve IE.

Ik was verder niet in de gelegenheid een testcase op te zetten en dit verder uit te zoeken (ivm deadline) en heb dit met een css work-around op kunnen lossen.

Overigens werkte de selector wel als ik deze handmatig in de console, in IE, aanriep.

[_Thanatos_]

Eerste dat in me opkomt is dubbele id's in je html. De ene browser gaat daar anders mee om dan de ander.

Maar ik gebruik jQuery
Ja klopt, maar jQuery vertaalt het patroon $("#id") naar $(document.getElementById("id")), wat sneller is, en daarmee ook browserafhankelijk.

Dit kun je heel makkelijk uitproberen door de selector van "#error" te veranderen in "*[id=error]". Als het dan wél werkt is NIET je probleem opgelost, maar heb je wel gevonden dat het aan dubbele id's ligt (en je dát dus moet oplossen)

Heb je dubbele id's in je html?

[418O2]

Als je die contents eerst naar een jQuery object cast, gaat het dan beter?

dus $($("#myIframe").contents()).find("#otherId")) ?

Ik vraag me sowieso af of het uberhaupt kan, je gebruikt externe content toch?

[ Voor 23% gewijzigd door 418O2 op 11-09-2012 12:40 ]

[Snors]

418O2 schreef op dinsdag 11 september 2012 @ 12:32:
Als je die contents eerst naar een jQuery object cast, gaat het dan beter?

dus $($("#myIframe").contents()).find("#otherId")) ?

Ik vraag me sowieso af of het uberhaupt kan, je gebruikt externe content toch?

Ik gebruik geen externe content. Wat hij moet doen is de content van OtherID op dezelfde pagina met jquery inladen in myiframe en dus zichtbaar maken..

Ik heb overigens jou oplossing geprobeerd maar het mocht ook niet baten(werkt overigens wel in firefox maar niet in IE). Ook heb ik trouwens geen dubbele ID's op de pagina staan.

[ Voor 15% gewijzigd door Snors op 11-09-2012 23:50 ]

[Rekcor]

M34nM4chin3 schreef op dinsdag 11 september 2012 @ 23:45:
[...]

Ik gebruik geen externe content. Wat hij moet doen is de content van OtherID op dezelfde pagina met jquery inladen in myiframe en dus zichtbaar maken..

Ik heb overigens jou oplossing geprobeerd maar het mocht ook niet baten(werkt overigens wel in firefox maar niet in IE). Ook heb ik trouwens geen dubbele ID's op de pagina staan.

Als je geen externe content hebt, waarom dan een iframe gebruikt?