- 제출된 URL:
- https://clearfocused.org/lander/hu---tefal-set--sweeply-_1731516528/index.html
- 보고서 완료:
링크 · 0개 결과
페이지에서 식별된 외부 링크
JavaScript 변수 · 9개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| validateEmail | function |
| validate | function |
| fullfill_phone | function |
| __origin_param | string |
콘솔 로그 메시지 · 0개 결과
웹 콘솔에 기록된 메시지
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="assets/favicon.png" type="image/png">
<link rel="stylesheet" href="assets/box.css">
<link rel="stylesheet" href="assets/metro-all.min.css">
<link rel="stylesheet" href="assets/adapt.css">
<link rel="stylesheet" href="assets/slick.css">
<link rel="stylesheet" href="assets/client.css">
<link rel="stylesheet" href="assets/mobile-order.css">
<link rel="stylesheet" href="assets/ajax-mobile-master.css">
<link rel="stylesheet" href="assets/main-product-content.css">
<link rel="stylesheet" href="assets/comments.css">
<link rel="stylesheet" href="assets/iconmoon.css">
<link rel="stylesheet" href="assets/product-styles.css">
<link rel="stylesheet" href="assets/style.css">
<title>Abonnement Pathé CinéPass de 3 mois</title>
<style>
body,
html {
overflow-x: hidden;
}
</style>
</head>
<body>
<!-- class="page_one" -->
<header class="header">
<span id="logo" href="/" class="logo" title="trendyol">
<img style="height: 35px; margin-bottom: -3px" src="./assets/logo.png" alt="Trendyol">
</span>
<div id="autoCompleteAppWrapper">
<div data-fragment-name="AutoComplete" id="sfx-discovery-search-suggestions">
<div class="mOkuL__p">
<div class="N4M8bfaJ">
<input data-testid="suggestion" type="text" class="V8wbcUhU" tabindex="1" autocomplete="off" maxlength="50" placeholder="Recherche..." value=""><i data-testid="search-icon" class="cyrzo7gC"></i>
</div>
</div>
</div>
</div>
<div id="accountNavigation">
<div data-fragment-name="AccountNavigation" data-fragment-id="eb7428a4-6767-4b28-af4e-2e229860da38" data-gateway-service="prod-web-navigation-gateway">
<div id="account-navigation-container">
<div class="account-navigation-wrapper">
<div class="account-nav-item user-login-container">
<div class="link account-user">
<div class="icon-container">
<i class="i-user initial-icon"></i><i class="i-user-orange hover-icon"></i>
</div>
<p class="link-text">Connexion</p>
</div>
</div>
<span class="account-nav-item account-favorites" href="">
<div class="link">
<div class="icon-container">
<i class="i-heart initial-icon"></i><i class="i-heart-orange hover-icon"></i>
</div>
<p class="link-text">Favoris</p>
</div>
</span>
<div class="account-nav-item basket-preview">
<span class="link account-basket" href="/sepet">
<div class="icon-container">
<i class="i-bagg initial-icon"></i><i class="i-bagg-orange hover-icon"></i>
</div>
<p class="link-text">Chariot</p>
</span>
</div>
</div>
</div>
</div>
</div>
</header>
<style>
#autoCompleteAppWrapper {
margin: 0 auto;
}
#accountNavigation {
margin-left: auto;
}
.header {
display: flex;
width: 100%;
height: 64px;
align-items: center;
justify-content: space-between;
background-color: #000;
margin: 0;
margin-bottom: 15px;
padding: 0 15px;
}
.header .header {
margin: 0;
padding: 0;
}
.logo {
display: block;
width: 150px;
margin-left: 0;
}
.mOkuL__p {
width: 598px;
position: relative;
}
.mOkuL__p .N4M8bfaJ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mOkuL__p .N4M8bfaJ .V8wbcUhU {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 14px;
color: #333;
background-color: rgba(255, 255, 255);
border: 2px solid rgba(0, 0, 0, 0);
border-radius: 6px;
padding: 10px 40px 10px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
line-height: 0;
}
.mOkuL__p .N4M8bfaJ .cyrzo7gC {
width: 18px;
height: 18px;
position: absolute;
right: 15px;
bottom: calc(50% - 9px);
cursor: pointer;
background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 viewBox=%270 0 18 18%27%3E%3Cpath fill=%27%23F27A1A%27 d=%27M18.711 17.306l-4.684-4.703a7.49 7.49 0 0 0 1.864-4.932C15.891 3.441 12.327 0 7.946 0S0 3.441 0 7.671s3.565 7.671 7.946 7.671a8.056 8.056 0 0 0 4.552-1.388l4.72 4.74c.197.197.462.306.746.306.27 0 .525-.1.718-.28a.977.977 0 0 0 .03-1.414zM7.946 2.001c3.238 0 5.873 2.544 5.873 5.67 0 3.127-2.635 5.67-5.873 5.67-3.239 0-5.873-2.543-5.873-5.67 0-3.126 2.634-5.67 5.873-5.67z%27/%3E%3C/svg%3E");
}
#account-navigation-container .account-navigation-wrapper {
display: flex;
justify-content: space-between;
flex-direction: row;
width: 280px;
}
#account-navigation-container .account-navigation-wrapper .link {
margin: 0 !important;
text-decoration: none !important;
}
.account-navigation-container .account-navigation-wrapper .account-nav-item {
display: flex;
}
#account-navigation-container .account-navigation-wrapper .link {
text-decoration: none;
display: flex;
align-items: center;
position: relative;
height: 40px;
font-family: Arial, Verdana, "Roboto";
}
#account-navigation-container .account-navigation-wrapper .link .icon-container {
position: relative;
height: 18px;
color: #fff;
}
#account-navigation-container .account-navigation-wrapper .initial-icon,
#account-navigation-container .account-navigation-wrapper .hover-icon {
display: block;
font-size: 16px;
transition: opacity 0.4s ease;
color: #fff;
}
#account-navigation-container .account-navigation-wrapper .hover-icon {
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
#account-navigation-container .account-navigation-wrapper .link .link-text {
font-size: 14px;
color: #fff !important;
padding-left: 5px;
margin-top: 2px;
font-weight: 700;
text-decoration: none !important;
margin-bottom: 0;
font-family: Arial, Verdana, "Roboto";
}
.i-user-orange:before {
content: "\e965";
color: #fff;
}
.i-heart-orange:before {
content: "\e966";
color: #fff;
}
.i-bagg-orange:before {
content: "\e958";
color: #fff;
}
@media (max-width: 1170px) {
.mOkuL__p {
width: 400px;
}
}
@media (max-width: 992px) {
.mOkuL__p {
width: 200px;
}
}
@media (max-width: 768px) {
#account-navigation-container .account-navigation-wrapper .link .link-text {
display: none;
}
#account-navigation-container .account-navigation-wrapper {
width: auto;
}
#account-navigation-container .account-navigation-wrapper > div,
#account-navigation-container .account-navigation-wrapper > a,
#account-navigation-container .account-navigation-wrapper > span {
margin-left: 15px;
}
}
@media (max-width: 640px) {
.mOkuL__p {
display: none;
}
}
</style>
<section id="Check">
<div class="conteiner">
<div class="check_info">
<h2>Vérifiez vos réponses.</h2>
<div class="loading">
<img src="assets/loading.png" alt="loading">
</div>
<div class="verification_elements">
<p class="time_one">Vous avez répondu à la question 3/3 !</p>
<p class="time_two">
L'adresse IP de l'utilisateur ne permet pas de tirer des conclusions sur les demandes
précédentes.
</p>
<p class="time_three">La réponse a été vérifiée.</p>
</div>
</div>
</div>
</section>
<section id="game">
<main id="boxes" class="page page__container">
<div class="boxes" style="opacity: 1; display: grid; transition: all 1s ease 0s">
<div id="1" class="box tremor">
<div class="box__inner"></div>
<div class="box__front"></div>
</div>
<div id="2" class="box tremor">
<div class="box__inner"></div>
<div class="box__front"></div>
</div>
<div id="3" class="box tremor">
<div class="box__inner"></div>
<div class="box__front"></div>
</div>
<div id="4" class="box tremor">
<div class="box__inner"></div>
<div class="box__front"></div>
</div>
<div id="5" class="box tremor">
<div class="box__inner"></div>
<div class="box__front"></div>
</div>
<div id="6" class="box tremor">
<div class="box__inner"></div>
<div class="box__front"></div>
</div>
</div>
</main>
</section>
<section>
<div class="conteiner">
<div class="wrapp_modal_box">
<div class="img_box">
<img src="assets/box-modal.png" alt="gift box">
</div>
<h2 class="Congratulations_person">
Félicitations, vous avez vérifié avec succès que vous êtes une personne réelle.
</h2>
<ol>
<li>
Vous avez la possibilité de gagner <br><b class="win-text">Abonnement Pathé CinéPass de 3 mois</b>!
</li>
<li>Il ne vous reste plus qu'à choisir le bon paquet cadeau.</li>
<li>Vous avez 3 tentatives, bonne chance !</li>
</ol>
<div class="link">
<a class="click_me_pidor">OK</a>
</div>
</div>
</div>
</section>
<section id="fonGrey">
<div class="conteiner remove">
<div class="two_modal_icon">
<ol>
<li class="topOHH">OHHH...</li>
<li class="topOHHBot">
Désolé, mais cette boîte est vide ! Il reste encore (2) tentatives.
</li>
</ol>
<div class="dfd">
<a class="clickKlos click_me_pidor">OK</a>
</div>
</div>
</div>
</section>
<section>
<div class="conteiner">
<div class="two_modal_icon_Two">
<div class="checkmarkTwo">
<img src="assets/giftModal.png" alt="chekmark" class="win-image">
</div>
<h2 class="lastCong">
Félicitations !!! Vous avez gagné <b class="win-text">Abonnement Pathé CinéPass de 3 mois</b>.
</h2>
<ol class="margLastL">
<li>1. Cliquez sur "OK" et passez à la page de livraison.</li>
<li>
2. Remplissez le formulaire et effectuez le paiement pour recevoir la <br><b class="win-text">Abonnement Pathé CinéPass de 3 mois</b>.
</li>
<li>3. Le colis sera livré dans un délai de 5 à 7 jours.</li>
</ol>
<div class="nvnvmdlsl">
<a class="clickKlos js-pickup" href="">Ok</a>
</div>
</div>
</div>
</section>
<section id="page_two">
<div class="conteiner">
<div class="main-product-content">
<div class="main-product-wrp">
<div class="main-roduct-slider-for slick-initialized slick-slider" style="visibility: visible;">
<div aria-live="polite" class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 380px;" role="listbox"><div class="main-roduct-slider-for__item slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 380px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;" tabindex="-1" role="option" aria-describedby="slick-slide00">
<img src="assets/product1.png" alt="" class="main-roduct-slider-for__image">
</div></div></div>
</div>
</div>
<div class="main-product-info">
<h1 class="main-product-info__title">Abonnement Pathé CinéPass de 3 mois</h1>
<div class="prices-block">
<span class="prices-block__old">68.70€ </span>
<span class="prices-block__new">2.00€</span>
</div>
<div class="text-block">
<p class="text-block__paragraph">Félicitations !</p>
<p class="text-block__paragraph">
🎬 Chaque mois, environ <b>2 000 cartes</b> CinéPass plastiques restent non récupérées en <b>France</b>.
Pour cette raison, <b>Pathé</b> lance une vente exceptionnelle !
</p>
<p class="text-block__paragraph">
Cette semaine, profitez d'un <b>abonnement Pathé CinéPass de 3 mois</b> pour seulement <b>2.00€</b> !
</p>
<p class="text-block__paragraph">
<b>Tentez votre chance ! Chaque jour, 10 gagnants chanceux reçoivent une réduction exceptionnelle.</b>
</p>
<p class="text-block__paragraph">
Serez-vous le prochain gagnant ?
</p>
<p class="text-block__paragraph">
Il vous suffit de répondre aux 3 questions simples ci-dessous 👇
</p>
<p class="text-block__paragraph">
<b>Bonne chance !</b>
</p>
</div>
<div class="block_questions">
<div class="question first_question">
<p><span>Question 1 de 3 :</span> Avez-vous une adresse valide en France?</p>
<div class="answer">
<a onclick="visiblQuestionOne()">Oui</a>
<a onclick="visiblQuestionOne()">Non</a>
</div>
</div>
<div class="question two_question">
<p>
<span>Question 2 de 3 :</span> Avez-vous participé à une promotion Pathé au
cours des 90 derniers jours ?
</p>
<div class="answer">
<a onclick="visiblQuestionTwo()">Oui</a>
<a onclick="visiblQuestionTwo()">Non</a>
</div>
</div>
<div class="question three_question">
<p>
<span>Question 3 de 3 :</span> Quel genre de films préférez-vous voir au cinéma ?
</p>
<div class="answer">
<a onclick="visiblPageTwo()">D'horreur</a>
<a onclick="visiblPageTwo()">Western</a>
<a onclick="visiblPageTwo()">Historique</a>
<a onclick="visiblPageTwo()">D`aventures</a>
<a onclick="visiblPageTwo()">Comedie</a>
<a onclick="visiblPageTwo()">Film de guerre</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section comments" id="comments_display_one">
<div class="conteiner">
<div class="comments-rating-block">
<div class="comments-rating-block__image-wrp">
<img src="./assets/logo2.png" alt="" class="comments-rating-block__image">
</div>
<span class="comments-rating-block__text">Commentaires sur cette action</span>
<div class="comments-rating">
<ul class="comments-rating-list">
<li class="comments-rating-list__item star-fill"></li>
<li class="comments-rating-list__item star-fill"></li>
<li class="comments-rating-list__item star-fill"></li>
<li class="comments-rating-list__item star-fill"></li>
<li class="comments-rating-list__item star-fill"></li>
</ul>
<span class="comments-rating__value">4.91</span>
</div>
</div>
<ul class="comments__list">
<li class="comments__item" id="u1">
<div class="comments__wrapper">
<div class="comments__prop">
<div class="comments__rating-wrapper">
<ul class="comments__rating">
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
</ul>
</div>
<p class="comments__username">Louise Girard</p>
<p class="comments__date-wrapper">
<span class="comments__date">Il y a 2 jours</span><span class="comments__reviewed"> </span>
</p>
</div>
<p class="comments__text">
Je ne peux pas croire que de telles promotions existent encore. Nous avons décidé d'essayer d'acheter un billet pour le nouveau Joker, et c'est alors que nous avons remarqué une promotion de Pathe. Nous avons eu de la chance et avons reçu un bon pour 3 mois de cinéma gratuit. Maintenant, tous les week-ends, nous allons au cinéma, merci à Pathe pour cette opportunité. P.S. Joker n'a pas vraiment fonctionné pour moi, parce qu'il s'est avéré que c'est une comédie musicale😭😭😭
</p>
<div class="comments__review-image-wrp">
<img src="./assets/img-review1.png" alt="" class="comments__review-image">
</div>
</div>
</li>
<li class="comments__item" id="u2">
<div class="comments__wrapper">
<div class="comments__prop">
<div class="comments__rating-wrapper">
<ul class="comments__rating">
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
</ul>
</div>
<p class="comments__username">Zoé Roussel</p>
<p class="comments__date-wrapper">
<span class="comments__date">Il y a 2 jours</span><span class="comments__reviewed"> </span>
</p>
</div>
<p class="comments__text">
Reçu ma boîte aujourd'hui!!! la livraison a pris 4 JOURS omg! déjà déballé..... et
que puis-je dire - c'est une vraie perle🥳🥳🤩😍ceux qui n'ont pas encore commandé –
COURREZ
</p>
</div>
</li>
<li class="comments__item" id="u3">
<div class="comments__wrapper">
<div class="comments__prop">
<div class="comments__rating-wrapper">
<ul class="comments__rating">
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
</ul>
</div>
<p class="comments__username">Clara Laurent</p>
<p class="comments__date-wrapper">
<span class="comments__date">Il y a 2 jours</span><span class="comments__reviewed"> </span>
</p>
</div>
<p class="comments__text">
Whoa! C'est chaud! Juste reçu, très satisfait. Je ne croyais pas jusqu'à la fin que
c'était vrai.
</p>
</div>
</li>
<li class="comments__item" id="u4">
<div class="comments__wrapper">
<div class="comments__prop">
<div class="comments__rating-wrapper">
<ul class="comments__rating">
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
</ul>
</div>
<p class="comments__username">Inès Moreau</p>
<p class="comments__date-wrapper">
<span class="comments__date">Il y a 3 jours</span><span class="comments__reviewed"> </span>
</p>
</div>
<p class="comments__text">
C'est fou. juste 4 jours pour la livraison et c'est à moi🤩🤩
</p>
<div class="comments__review-image-wrp">
<img src="./assets/img-review2.png" alt="" class="comments__review-image">
</div>
</div>
</li>
<li class="comments__item" id="u5">
<div class="comments__wrapper">
<div class="comments__prop">
<div class="comments__rating-wrapper">
<ul class="comments__rating">
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
<li class="star-fill"></li>
</ul>
</div>
<p class="comments__username">Sarah Lefèvre</p>
<p class="comments__date-wrapper">
<span class="comments__date">Il y a 4 jours</span><span class="comments__reviewed"> </span>
</p>
</div>
<p class="comments__text">
Un grand merci à Pathe pour cette promotion. Avec les enfants, nous avons vu la promotion sur Internet et nous avons décidé d'en profiter nous-mêmes, ce qui s'est avéré très opportun, nous avons eu l'occasion de visiter le cinéma, et nous n'avons plus besoin de réfléchir à la façon de passer le week-end. Si seulement le pop-corn était gratuit 🌚🍿
</p>
</div>
</li>
</ul>
</div>
</section>
<section class="order-data-wrp hidden">
<div class="conteiner">
<div class="cart-content">
<div class="basket-steps">
<a href="#" class="step done step-1">
<div class="circle step-1"><span class="content"></span></div>
<div class="title">Loterie</div> </a><a href="#" class="step current step-2">
<div class="circle step-2"><span class="content"></span></div>
<div class="title">Détails de la commande</div> </a><a href="#" class="step step-3">
<div class="circle step-3"><span class="content"></span></div>
<div class="title">Payer</div>
</a>
</div>
</div>
<div class="basket-tab">
<div class="order-form-wrp">
<div class="order-form-left-side">
<form class="cart-form" action="{offer}" id="f" method="post">
<input id="countryCodeInput" type="hidden" name="">
<input name="sub_id_1" type="hidden" value="{sub_id_1}">
<input name="sub_id_5" type="hidden" value="{sub_id_5}">
<input name="sub_id_6" type="hidden" value="{sub_id_6}">
<div class="order-form-item">
<span class="order-form-item__name">Livraison</span>
<div class="order-form-item__fields">
<div class="form-group">
<label>Ville</label>
<div class="input mt-1">
<input name="sub_id_16" class="" type="text" data-role="input" data-validate="custom=validateNameFamily" data-role-input="true" required="">
<div class="button-group">
<button class="button input-clear-button" tabindex="-1" type="button">
<span class="default-icon-cross"></span>
</button>
</div>
</div>
</div>
<div class="form-group">
<label>Adresse</label>
<div class="input mt-1">
<input name="sub_id_13" class="" type="text" data-role="input" data-validate="custom=validateNameFamily" data-role-input="true" required="">
<div class="button-group">
<button class="button input-clear-button" tabindex="-1" type="button">
<span class="default-icon-cross"></span>
</button>
</div>
</div>
</div>
<div class="form-group">
<label>Code Postal</label>
<div class="input mt-1">
<input name="sub_id_15" class="" type="text" data-role="input" data-validate="minlength=4" data-role-input="true" required="">
<div class="button-group">
<button class="button input-clear-button" tabindex="-1" type="button">
<span class="default-icon-cross"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="order-form-item">
<span class="order-form-item__name">Options de paiement</span>
<div class="order-form-item__fields">
<label class="basic-checkbox">
<input type="radio" class="basic-checkbox__input" id="agreement__1" checked="">
<span class="basic-checkbox__style"></span>
<p class="basic-checkbox__text">Payer par carte en ligne</p>
</label>
<style>
.basic-checkbox {
width: 100%;
position: relative !important;
left: 0;
top: 0;
float: left;
width: 100%;
white-space: inherit !important;
opacity: 1 !important;
}
.basic-checkbox__input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
margin: 0 !important;
cursor: pointer;
z-index: 30;
}
.basic-checkbox__style {
width: 15px;
height: 15px;
border: 1px solid #000;
position: relative;
float: left;
border-radius: 50%;
overflow: hidden;
}
.basic-checkbox__text {
width: calc(100% - 15px);
padding-left: 10px;
font-size: 14px;
line-height: 16px;
margin: 0 !important;
float: left;
}
.basic-checkbox__input:checked + .basic-checkbox__style:before {
content: "";
display: block;
float: left;
width: 10px;
height: 10px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #000;
border-radius: 50%;
overflow: hidden;
}
</style>
</div>
</div>
<div class="order-form-item">
<span class="order-form-item__name">Informations personnelles</span>
<div class="order-form-item__fields">
<div class="form-group">
<label>Prénom</label>
<div class="input mt-1">
<input name="sub_id_11" class="" type="text" data-role="input" data-validate="minlength=8" data-role-input="true" required="">
<div class="button-group">
<button class="button input-clear-button" tabindex="-1" type="button">
<span class="default-icon-cross"></span>
</button>
</div>
</div>
</div>
<div class="form-group">
<label>Nom de famille</label>
<div class="input mt-1">
<input name="sub_id_12" class="" type="text" data-role="input" data-validate="minlength=8" data-role-input="true" required="">
<div class="button-group">
<button class="button input-clear-button" tabindex="-1" type="button">
<span class="default-icon-cross"></span>
</button>
</div>
</div>
</div>
<div class="form-group">
<label>Numéro de téléphone</label>
<input type="hidden" name="subid" value="{subid}">
<input type="hidden" name="sub_id_17" value="FR">
<input type="hidden" name="sub_id_18" id="aff_sub6" value="">
<input type="hidden" name="sub_id_14" value="{sub_id_14}">
<div class="input country-input mt-1">
<span class="country-input__value">+33</span>
<input id="phoneInput" class="js-phone-input" type="text" data-role="input" data-validate="minlength=9" data-role-input="true" required="" onchange="fullfill_phone(this)">
<div class="button-group">
<button class="button input-clear-button" tabindex="-1" type="button">
<span class="default-icon-cross"></span>
</button>
</div>
</div>
<style>
.country-input {
position: relative;
}
.country-input__value {
position: absolute;
left: -5px;
top: 13.5px;
padding-left: 3rem;
font-size: 1rem;
}
.country-input__value:before {
content: "";
display: block;
position: absolute;
left: 0.75rem;
top: 50%;
transform: translateY(-50%);
float: left;
width: 1.8rem;
height: 1rem;
background: url("./assets/flag.png") no-repeat;
background-size: 100% 100%;
}
.js-phone-input {
padding-left: 4.6rem !important;
}
</style>
</div>
<div class="form-group">
<label>E-Mail</label>
<div class="input">
<input name="sub_id_19" type="text" data-role="input" data-validate="email" data-role-input="true" class="js-email-input" required="">
<div class="button-group">
<button class="button input-clear-button" tabindex="-1" type="button">
<span class="default-icon-cross"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="buttons" style="width: 100%">
<button class="order-footer__button-next btn normal js-submit-button" type="submit">
Aller à la caisse
</button>
<style>
.js-submit-button.disable {
opacity: 0.3;
pointer-events: none;
}
</style>
</div>
<input name="creative_id" type="hidden" value="{creative_id}">
<input name="ad_campaign_id" type="hidden" value="{ad_campaign_id}">
<input name="source" type="hidden" value="{source}">
<input name="sub_id_2" type="hidden" value="{sub_id_2}">
<input name="sub_id_3" type="hidden" value="{sub_id_3}">
<input name="sub_id_4" type="hidden" value="{sub_id_4}">
</form>
</div>
<div class="order-form-right-side">
<div class="order-item">
<div class="order-item__image-wrp">
<img src="./assets/giftModal.png" alt="" class="order-item__image win-image">
</div>
<div class="order-item__descript">
<span class="order-item__name win-text">Abonnement Pathé CinéPass de 3 mois</span>
<div class="order-item__price-row">
<span class="order-item__old-price">68.70€ </span>
<span class="order-item__new-price">2.00€</span>
</div>
</div>
</div>
<div class="order-details-list-wrp">
<span class="order-details-list-wrp__name">Détails de la commande</span>
<ul class="order-details-list">
<li class="order-details-list__item">
<span class="order-details-list__name">Commande de prix</span>
<span class="order-details-list__value">2.00€</span>
</li>
<li class="order-details-list__item">
<span class="order-details-list__name">Livraison</span>
<span class="order-details-list__value">0€</span>
</li>
<li class="order-details-list__item all">
<span class="order-details-list__name">Ensemble</span>
<span class="order-details-list__value">2.00€</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="loader-wrp">
<div class="loader-block">
<img src="./assets/loader.gif" alt="" class="loader-block__image">
</div>
</div>
<div class="loaded-images" style="
width: 0;
height: 0;
opacity: 0;
pointer-events: none;
z-index: -1;
float: left;
overflow: hidden;
">
<img src="./assets/box-lid-ios.png" alt="">
<img src="./assets/box.png" alt="">
<img src="./assets/box-inner.png" alt="">
<img src="./assets/box-inner-gift.png" alt="">
</div>
<script src="assets/jquery-3.2.1.min.js"></script>
<script src="assets/slick.js"></script>
<script src="assets/game.js"></script>
<script src="assets/slider_scripts.js"></script>
<script src="assets/main.js"></script>
<script>
$(".input-clear-button").click(function (e) {
e.preventDefault();
$(this).closest(".form-group").find("input").val("");
$(this).closest(".form-group").find(".input").removeClass("valid");
$(this).closest(".form-group").find(".input").removeClass("invalid");
});
$(".form-group input").keyup(function () {
let chabgedInput = $(this);
let chabgedInputValue = chabgedInput.val();
if (chabgedInputValue.length >= 1) {
chabgedInput.closest(".input").addClass("valid");
} else {
chabgedInput.closest(".input").removeClass("valid");
chabgedInput.closest(".input").addClass("invalid");
}
if (chabgedInputValue.length < 1) {
chabgedInput.closest(".input").removeClass("valid");
chabgedInput.closest(".input").removeClass("invalid");
}
validate();
});
$(".js-phone-input").keypress(function (event) {
event = event || window.event;
if (
event.charCode &&
event.charCode != 0 &&
event.charCode != 46 &&
(event.charCode < 48 || event.charCode > 57)
)
return false;
});
function validateEmail(email) {
var re =
/[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;
return re.test(String(email).toLowerCase());
}
function validate() {
var email = $(".js-email-input").val();
if (validateEmail(email)) {
$(".js-email-input").closest(".form-group").find(".input").addClass("valid");
} else {
$(".js-email-input").closest(".form-group").find(".input").removeClass("valid");
$(".js-email-input").closest(".form-group").find(".input").addClass("invalid");
}
return false;
}
$(".js-pickup").click(function (e) {
e.preventDefault();
$("#page_box").hide();
$(".two_modal_icon_Two").hide();
$(".order-data-wrp").show();
});
$("#agreement__1").click(function (e) {
if ($(this).prop("checked")) {
$(".js-submit-button").removeClass("disable");
} else {
$(".js-submit-button").addClass("disable");
}
});
</script>
<script type="text/javascript">
const o_param = "{origin}";
const fb_param = "{click.var:fbpixel}";
window.__origin_param = "hZctmxiOZH-159964-ff716a1a-bf97-4099-88ec-27e31a1614c4";
const orderHref = window.__order_href;
const orderOriginParam = window.__origin_param;
const withoutCartHref = `${orderHref}?origin=${orderOriginParam}`;
function fullfill_phone(e) {
var a = "+33" + e.value;
document.getElementById("aff_sub6").value = a;
}
$(".cart-form").submit(function () {
var inputField = $("#phoneInput");
var inputValue = inputField.val().replace(/[^0-9]/g, "");
inputField.val(inputValue);
});
</script>
</body></html>