JavaScript expert nodig voor project die bekend is met custom lightbox/embed/iframe

**R v/d Sanden** · 717 × bekeken sinds 10-10-2014, 07:38

Hallo,

Voor een project zijn we op zoek naar een JavaScript expert/kenner.
Het volgende hebben we nodig:

Wanneer men op een button klikt (evt. ook de mogelijkheid voor page load) wordt er op onze servers een betaalpagina opgeroepen.
Echter, deze betaalpagina willen we tonen in een lightbox zodat de klant nooit van de website van onze klant afgaat (tot het betaalgedeelte natuurlijk.)

Deze lightbox moet zonder extra libraries zichtbaar worden. Kortom, alle JS/CSS/HTML om dit mogelijk te maken wordt op onze server aangeroepen zonder dat de scripts van de klant met elkaar kruisen (bijvoorbeeld client side jquery en onze kant jquery).

Denk bijvoorbeeld aan Stripe:

JavaScript expert nodig voor project die bekend is met custom lightbox/embed/iframe-stripe-jpg

Code voorbeeld:

Code:

<script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"    data-key="pk_test_1234567890"    data-image="/square-image.png"    data-name="Demo Site"    data-description="2 widgets ($20.00)"    data-amount="2000"> </script>

Alles wat in dat iframe gebeurt regelen wij.

Concreet, we zoeken een stukje embed code zoals bovenstaande code waar onclick van een link/button een lightbox tevoorschijn komt zonder dat de klant daarvoor extra plugins hoeft te installeren.

Prijs n.o.t.k.

**Wilbert E.** · 10-10-2014, 11:59

Origineel gepost door R v/d Sanden

Deze lightbox moet zonder extra libraries zichtbaar worden. Kortom, alle JS/CSS/HTML om dit mogelijk te maken wordt op onze server aangeroepen zonder dat de scripts van de klant met elkaar kruisen (bijvoorbeeld client side jquery en onze kant jquery).

Maak je wel gebruik van jquery library?

Als ik het goed begrijp wil je gewoon een lightbox popup met een iframe erin? Zo ja, dan kan ik dat wel voor je creëren.

**R v/d Sanden** · 10-10-2014, 13:22

Hallo Wilbert,

Dat is het voor de helft.

Ja, ik zoek een lightbox zoals bijvoorbeeld Fancybox met daarin een iframe die content van onze servers laad (op een andere server, maar dat maakt niet uit want het wordt in een iframe geladen en de width/height is vrijwel statisch.) Dit gedeelte kan ik prima zelf.

Wat ik zoek is dit:

<script src="https://www.onsdomein.com/embed/js/v1/embed.js"></script>
<script type="text/javascript">parameter1 = ..parameter2 = ..parameter3 = ..</script>

Dit moet de enige code zijn die onze klant hoeft te plaatsen en de embed.js code mag niet in conflict raken met andere JS.
Aan de hand van de parameters weet de embed code om welke klant het gaat (de parameters worden doorgegeven in de iframe url) zodat we daar specifieke instellingen voor kunnen tonen in het iframe.

Dus de hele lightbox en benodigde html/css/img wordt dus geladen via embed.js en niets anders.
Embed.js staat dan op onze server en daar mag natuurlijk wel met meerdere bestanden gewerkt worden.
Hopelijk is het zo helder?

JavaScript expert nodig voor project die bekend is met custom lightbox/embed/iframe