2016-06-20 3 views
1

Kürzlich arbeite ich an den gehosteten Zahlungsfeldern https://www.braintreepayments.com/blog/your-checkout-our-iframes/. Und wenn ich etwas falsch eingebe, ändert sich die Klasse des Containers, wie funktioniert das? Ich denke, es gibt keine Möglichkeit, die Eltern mit anderen Domänen zu nennen?Wie könnte gehostetes Zahlungsfeld die Eltern-Div-Klasse ändern?

der Code mit schlechten Eingang. (Klasse: "braintree-hosted-Felder-ungültig")

<div class="form-control braintree-hosted-fields-invalid" id="hosted-fields-number"> 
     <iframe src="https://assets.braintreegateway.com/hosted-fields/2.15.5/hosted-fields-frame.html#5c7db060-9271-4eac-b4a2-0f405d743293" frameborder="0" allowtransparency="true" scrolling="no" type="number" name="braintree-hosted-field-number" id="braintree-hosted-field-number" style="border: none; width: 100%; height: 100%; float: left;"> 
     </iframe> 
    <div style="clear: both;"> 
+0

oh Schatz !! Sie haben Validierungen im Rahmen selbst, nicht im Elternteil. –

+0

thx..kann mein armes Englisch sein .... Ich weiß, dass die Validierung im Rahmen ist, aber das div mit ID 'hosted-fields-number' wird geändert..ich werde versuchen, die Web-Messaging-Sache zu überprüfen .. –

+0

Also ist das div in deiner Elternseite oder im Frame? –

Antwort

0

Sie sind vermutlich web messaging verwenden, die speziell Quer Herkunft Kommunikation bieten soll. Ihr Skript, das auf der übergeordneten Seite ausgeführt wird, wartet daher auf Nachrichten von ihrem Skript, das im Iframe ausgeführt wird, und reagiert auf diese Nachrichten durch Aktualisieren der Klassen auf dem Feld.

Verwandte Themen