Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [#assign email = ''] [#if contactDetails??] [#if contactDetails.email?has_content] [#assign email =
- contactDetails.email]
- [/#if] [/#if]
- <!DOCTYPE html>
- <html>
- <head>
- <title>ERIF</title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
- <meta name="Copyright" content="Copyright by SALESmanago">
- <style type="text/css">
- * {
- font-family: Arial, 'Open Sans', sans-serif;
- box-sizing: border-box;
- padding: 0;
- margin: 0;
- color: #000000;
- }
- body {
- background-color: #ffffff;
- }
- #wrapper {
- background-color: #ffffff;
- margin: 0 auto;
- width: 100%;
- max-width: 700px;
- box-sizing: border-box;
- min-width: 280px;
- }
- ol {
- display: block;
- }
- .logo {
- margin: 0px;
- max-width: 700px;
- width: 100%;
- padding-top: 20px;
- }
- h2 {
- font-family: 'Open Sans', sans-serif;
- font-size: 25px;
- line-height: 27px;
- color: #005580;
- font-weight: bold;
- margin-bottom: 10px;
- }
- h3 {
- color: #ff0000;
- font-size: 10px;
- text-align: left;
- font-weight: lighter;
- }
- .txt_under_logo {
- padding: 30px 55px 0px 55px;
- }
- .content {
- padding: 30px 55px;
- font-size: 14px;
- line-height: 17px;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- }
- .content ol {
- justify-content: center;
- }
- li {
- list-style-type: none;
- }
- .contact_form {
- padding: 0px 80px;
- font-weight: bold;
- }
- .sm-error {
- background-color: rgba(255, 0, 0, 0.185);
- border: none;
- outline: none !important;
- }
- .check2 {
- margin: 5px;
- height: 15px;
- }
- .question5a {
- margin-top: 15px;
- width: 500px;
- display: inline-block;
- }
- .question1 {
- display: flex;
- padding: 5px 0px 25px 0px;
- justify-content: center;
- font-weight: normal;
- }
- .question2,
- .question3,
- .question4 {
- display: flex;
- padding: 5px 0px 0px 0px;
- justify-content: center;
- font-weight: normal;
- }
- .right {
- margin-bottom: 15px;
- }
- abbr {
- color: red;
- border: none;
- font-size: 14px;
- text-decoration: none;
- cursor: help;
- }
- /*style-checkbox*/
- input[type=checkbox] {
- display: none;
- }
- input[type=checkbox]+label span.box {
- background-repeat: no-repeat;
- background-position: -1px -1px;
- border: 1px solid #6b6b6b;
- display: inline-block;
- height: 25px;
- width: 110px;
- padding: 3px;
- cursor: pointer;
- }
- input[type=checkbox]:checked+label span.box {
- background-repeat: no-repeat;
- background-color: #31a837;
- background-position: -1px -1px;
- border: 1px solid #31a837;
- display: inline-block;
- height: 25px;
- width: 110px;
- padding: 3px;
- cursor: pointer;
- }
- input[type=checkbox].check5+label {
- background-repeat: no-repeat;
- background-position: -1px -1px;
- border: 1px solid #6b6b6b;
- display: inline-block;
- height: 14px;
- width: 14px;
- padding: 3px;
- cursor: pointer;
- }
- input[type=checkbox].check5:checked+label {
- background-repeat: no-repeat;
- display: inline-block;
- background-color: #31a837;
- border: 1px solid #31a837;
- height: 14px;
- width: 14px;
- padding: 3px;
- cursor: pointer;
- }
- .box5 {
- position: relative;
- padding: 0px 20px;
- top: -3px;
- width: 200px;
- }
- span.label {
- display: inline-block;
- width: 400px;
- }
- span.label2 {
- display: flex;
- justify-content: center;
- font-size: 12px;
- }
- input[type="text"] {
- display: none;
- }
- .hidden {
- display: none;
- }
- .sm-success {
- outline: none !important;
- }
- input[type="submit"] {
- width: 200px;
- height: 38px;
- margin: 0px auto;
- border: none;
- background-color: #0078af;
- color: #ffffff;
- font-weight: normal;
- outline: none;
- font-size: 16px;
- margin-bottom: 20px;
- }
- input[type="submit"]:hover {
- background-color: #31a837;
- color: #ffffff;
- transition: 0.6s;
- cursor: pointer;
- }
- textarea {
- width: 100%;
- height: 80px;
- font: inherit;
- padding: 10px;
- background-color: transparent;
- outline: none;
- border-color: #6b6b6b;
- }
- textarea:focus {
- transition: 0.5s;
- border: 1px solid #66afe9;
- outline: 0;
- -o-transition: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 168, 55, .6);
- -webkit-transition: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 168, 55, .6);
- transition: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 168, 55, .6);
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 168, 55, .6);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 168, 55, .6);
- background-color: #ffffff;
- color: rgb(0, 0, 0)
- }
- #alertSM {
- color: #797a7a;
- font-size: 10px;
- padding-left: 15px;
- display: block;
- }
- #alertSM_limit {
- color: #f7142f;
- font-size: 10px;
- padding-left: 15px;
- display: none;
- }
- #alertSM1 {
- color: #797a7a;
- font-size: 10px;
- padding-left: 15px;
- display: block;
- }
- #alertSM_limit1 {
- color: #f7142f;
- font-size: 10px;
- padding-left: 15px;
- display: none;
- }
- .clear {
- clear: both;
- margin: 0;
- padding: 0;
- font-size: 0;
- }
- .checked {
- display: block;
- }
- @media all and (max-width:720px) {
- .question5a {
- width: 240px;
- }
- .txt_under_logo {
- padding-left: 35px;
- padding-right: 35px;
- }
- }
- @media all and (max-width:630px) {
- input[type=checkbox]+label span.box {
- width: 85px;
- height: 25px;
- }
- .content {
- padding: 30px 10px;
- }
- input[type=checkbox]:checked+label span.box {
- width: 85px;
- height: 25px;
- }
- }
- @media all and (max-width:550px) {
- .question5a {
- width: 200px;
- padding: 0px 10px;
- }
- input[type=checkbox]+label span.box {
- width: 75px;
- height: 25px;
- }
- span.label {
- width: 150px;
- }
- input[type=checkbox]:checked+label span.box {
- width: 75px;
- height: 25px;
- }
- }
- @media all and (max-width:450px) {
- .question5a {
- display: block;
- padding: 0px 10px;
- }
- .txt_under_logo {
- padding-left: 15px;
- padding-right: 15px;
- }
- input[type=checkbox]+label span.box {
- width: 55px;
- height: 25px;
- }
- span.label {
- width: 200px;
- }
- input[type=checkbox]:checked+label span.box {
- width: 55px;
- height: 25px;
- }
- }
- @media all and (max-width:370px) {
- input[type=checkbox]+label span.box {
- width: 40px;
- height: 25px;
- }
- .txt_under_logo {
- padding-left: 5px;
- padding-right: 5px;
- }
- input[type=checkbox]:checked+label span.box {
- width: 40px;
- height: 25px;
- }
- }
- </style>
- </head>
- <body>
- <div id="wrapper">
- <div id="wrapper">
- <div class="logo" style="text-align: left;"><img src="https://s3-eu-west-1.amazonaws.com/salesmanagoimg/4z6fdg7pvr28kjlf/comekbkomdbvznv1/bhvqgug3f5b4tw67.png" width="700" style="vertical-align: middle;" /></div>
- <div class="txt_under_logo">
- <h2>Poniżej znajdują się kolejne krótkie pytania. Z góry dziękujemy za ich wypełnienie :).</h2>
- <h3><abbr title="Wymagane">*</abbr> Wymagane</h3>
- </div>
- <div class="content"><!--PYTANIE 2--><ol><ol>
- <li style="text-align: center;">PYTANIE 2/7</li>
- <li><b>Skąd znasz biuro informacji gospodarczej ERIF?</b><abbr title="Wymagane">*</abbr>
- <div class="checkboxDiv question2">
- <div class="checkboxDiv question5a">
- <div class="check2"><input id="Q2_A1" class="check5" type="checkbox" name="Q2_A1" value="Z firmy pożyczkowej " /> <label for="Q2_A1"> <span class="box5"><span class="label">Z firmy pożyczkowej.</span></span></label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A2" type="checkbox" class="check5" name="Q2_A2" value="Z banku" /> <label for="Q2_A2"> <span class="box5"><span class="label">Z banku.</span></span></label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A3" type="checkbox" class="check5" name="Q2_A3" value="Z reklam w Internecie" /> <label for="Q2_A3"> <span class="box5"> <span class="label">Z reklam w Internecie.</span></span></label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A4" type="checkbox" class="check5" name="Q2_A4" value="Facebook" /> <label for="Q2_A4"> <span class="box5"><span class="label">Z Facebook'a.</span></span></label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A5" type="checkbox" class="check5" name="Q2_A5" value="Z artykułów w prasie" /> <label for="Q2_A5"> <span class="box5"><span class="label">Z artykułów w prasie.</span></span></label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A6" type="checkbox" class="check5" name="Q2_A6" value="Wyłudzono pożyczkę na moje dane." /> <label for="Q2_A6"> <span class="box5"><span class="label">Wyłudzono pożyczkę na moje dane.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A7" type="checkbox" class="check5" name="Q2_A7" value="Od znajomych/rodziny" /> <label for="Q2_A7"> <span class="box5"><span class="label">Od znajomych/rodziny.</span></span></label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A8" type="checkbox" class="check5" name="Q2_A8" value="Z telekomów" /> <label for="Q2_A8"> <span class="box5"><span class="label">Z telekomów.</span></span></label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A9" type="checkbox" class="check5" name="Q2_A9" value="Robiąc zakupy na raty" /> <label for="Q2_A9"> <span class="box5"><span class="label">Robiąc zakupy na raty.</span></span></label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A10" type="checkbox" class="check5" name="Q2_A10" value="Monitoruję firmy i ich informacje gospodarcze." /> <label for="Q2_A10"> <span class="box5"><span class="label">Z Twittera.</span></span></label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A11" type="checkbox" class="check5" name="Q2_A11" value="Chcę odzyskać pieniądze od dłużnika." /> <label for="Q2_A11"> <span class="box5"><span class="label">Z artykułów w internecie.</span></span></label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A12" type="checkbox" class="check5" name="Q2_A12" value="Inne. Jakie?" /> <label for="Q2_A12"> <span class="box5"> <span class="label">Inne. Jakie?<br /><br /><br /></span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- </div>
- <input id="sm-cst.PYTANIE2" type="hidden" name="sm-cst.PYTANIE2" value="" /></div>
- <div class="right"><textarea id="sm-cst.PYTANIE2" maxlength="255" title="" type="checkbox" data-required="true" name="sm-cst.PYTANIE2" placeholder="Wpisz cel założenia konta."></textarea>
- <div id="alertSM">Maksymalna ilość znaków: 255</div>
- <div id="alertSM_limit">Przekroczono maksymalną ilość znaków</div>
- </div>
- <div class="clear"> </div>
- </li>
- </ol></ol>
- <div class="content"><!--PYTANIE 2--><ol>
- <li><ol>
- <li style="text-align: center;">PYTANIE 3/7</li>
- </ol></li>
- <li><b>W jakim celu założyłeś/aś konto w serwisie infoKonsument.pl? </b><abbr title="Wymagane">*</abbr>
- <div class="checkboxDiv question2">
- <div class="checkboxDiv question5a">
- <div class="check2"><input id="Q2_A1" class="check5" type="checkbox" name="Q2_A1" value="Odmówiono mi kredytu, chcę sprawdzić dlaczego." /> <label for="Q2_A1"> <span class="box5"><span class="label">Odmówiono mi kredytu, chcę sprawdzić dlaczego.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A2" type="checkbox" class="check5" name="Q2_A2" value="Odmówiono mi pożyczki, chcę sprawdzić dlaczego." /> <label for="Q2_A2"> <span class="box5"><span class="label">Odmówiono mi pożyczki, chcę sprawdzić dlaczego.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A3" type="checkbox" class="check5" name="Q2_A3" value="Nie mogę zrobić zakupów na raty." /> <label for="Q2_A3"> <span class="box5"> <span class="label">Nie mogę zrobić zakupów na raty.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A4" type="checkbox" class="check5" name="Q2_A4" value="Nie dostałem umowy abonamentowej." /> <label for="Q2_A4"> <span class="box5"><span class="label">Nie dostałem umowy abonamentowej.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A5" type="checkbox" class="check5" name="Q2_A5" value="Chcę sprawdzić informacje na mój temat." /> <label for="Q2_A5"> <span class="box5"><span class="label">Chcę sprawdzić informacje na mój temat. </span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A6" type="checkbox" class="check5" name="Q2_A6" value="Wyłudzono pożyczkę na moje dane." /> <label for="Q2_A6"> <span class="box5"><span class="label">Wyłudzono pożyczkę na moje dane.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A7" type="checkbox" class="check5" name="Q2_A7" value="Mój dokument został skradziony, chcę sprawdzić, czy jest bezpieczny." /> <label for="Q2_A7"> <span class="box5"><span class="label">Mój dokument został skradziony, chcę sprawdzić, czy jest bezpieczny.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A8" type="checkbox" class="check5" name="Q2_A8" value="Prewencyjnie monitoruję swoje dane gospodarcze." /> <label for="Q2_A8"> <span class="box5"><span class="label">Prewencyjnie monitoruję swoje dane gospodarcze.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A9" type="checkbox" class="check5" name="Q2_A9" value="Weryfikuję wiarygodność płatniczą firm przed współpracą." /> <label for="Q2_A9"> <span class="box5"><span class="label">Weryfikuję wiarygodność płatniczą firm przed współpracą.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A10" type="checkbox" class="check5" name="Q2_A10" value="Monitoruję firmy i ich informacje gospodarcze." /> <label for="Q2_A10"> <span class="box5"><span class="label">Monitoruję firmy i ich informacje gospodarcze.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A11" type="checkbox" class="check5" name="Q2_A11" value="Chcę odzyskać pieniądze od dłużnika." /> <label for="Q2_A11"> <span class="box5"><span class="label">Chcę odzyskać pieniądze od dłużnika.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q2_A12" type="checkbox" class="check5" name="Q2_A12" value="Inne. Jakie?" /> <label for="Q2_A12"> <span class="box5"> <span class="label">Inne. Jakie?<br /><br /><br /></span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- </div>
- <input id="sm-cst.PYTANIE2" type="hidden" name="sm-cst.PYTANIE2" value="" /></div>
- <div class="right"><textarea id="sm-cst.PYTANIE2" maxlength="255" title="" type="checkbox" data-required="true" name="sm-cst.PYTANIE2" placeholder="Wpisz cel założenia konta."></textarea>
- <div id="alertSM">Maksymalna ilość znaków: 255</div>
- <div id="alertSM_limit">Przekroczono maksymalną ilość znaków</div>
- </div>
- <div class="clear"> </div>
- </li>
- </ol><ol><!--PYTANIE 2 START-->
- <li><ol>
- <li style="text-align: center;">PYTANIE 4/7</li>
- </ol></li>
- <li><b>Czy serwis infoKonsument.pl spełnił Twoje oczekiwania? *</b><abbr title="Wymagane">*</abbr>
- <div class="checkboxDiv question3">
- <div class="checkboxDiv question5a">
- <div class="check2"><input id="Q3_A1" class="check5" type="checkbox" name="Q3_A1" value="Zdecydowanie tak." /> <label for="Q3_A1"> <span class="box5"><span class="label">Zdecydowanie tak.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q3_A2" type="checkbox" class="check5" name="Q3_A2" value="Raczej tak." /> <label for="Q3_A2"> <span class="box5"><span class="label">Raczej tak.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q3_A3" type="checkbox" class="check5" name="Q3_37" value="Trudno
- powiedzeć." /> <label for="Q3_A3"> <span class="box5"><span class="label">Trudno powiedzeć.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q3_A4" type="checkbox" class="check5" name="Q3_A4" value="Raczej nie." /> <label for="Q3_A4"> <span class="box5"><span class="label">Raczej nie.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q3_A5" type="checkbox" class="check5" name="Q3_A5" value="Zdecydowanie nie." /> <label for="Q3_A5"> <span class="box5"><span class="label">Zdecydowanie nie.</span></span> </label>
- <div class="clear"> </div>
- <div class="clear"> </div>
- </div>
- <input id="sm-cst.PYTANIE3" type="hidden" name="sm-cst.PYTANIE3" value="" /></div>
- </div>
- </li>
- </ol><!--PYTANIE 2 END--> <!--PYTANIE 3 START--><ol>
- <li style="padding-left: 0px; width: 500px;">
- <div class="clear"> </div>
- <b></b></li>
- <li style="padding-left: 0px; width: 500px;"><ol>
- <li style="text-align: center;">PYTANIE 5/7</li>
- </ol></li>
- <li style="padding-left: 0px; width: 500px;"><b>Dlaczego nie dokończyłeś/aś rejestracji, aby w pełni korzystać z usług serwisu infoKonsument.pl?</b><abbr title="Wymagane">*</abbr>
- <div class="checkboxDiv question4">
- <div class="checkboxDiv question5a">
- <div class="clear"> </div>
- <div class="check2"><input id="Q4_A1" class="check5" type="checkbox" name="Q4_A1" value="Nie chcę podawać numeru PESEL." /> <label for="Q4_A1"> <span class="box5"><span class="label">Nie chcę podawać numeru PESEL.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q4_A2" type="checkbox" class="check5" name="Q4_A2" value="Nie chcę podawać imienia i
- nazwiska." /> <label for="Q4_A2"> <span class="box5"><span class="label">Nie chcę podawać imienia i nazwiska.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q4_A3" type="checkbox" class="check5" name="Q4_A3" value="Nie wiem, jak dokończyć rejestrację." /> <label for="Q4_A3"> <span class="box5"> <span class="label">Nie wiem, jak dokończyć rejestrację.</span></span> </label></div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q4_A4" type="checkbox" class="check5" name="Q4_A4" value="Nie chcę korzystać z usług serwisu
- infokonsument.pl." /> <label for="Q4_A4"> <span class="box5"> <span class="label">Nie chcę korzystać z usług serwisu infokonsument.pl.<br /><br /><br /></span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- </div>
- <input id="sm-cst.PYTANIE4" type="hidden" name="sm-cst.PYTANIE4" value="" /></div>
- <div class="right"><textarea id="sm-cst.PYTANIE4" maxlength="255" title="" type="checkbox" data-required="true" name="sm-cst.PYTANIE4" placeholder="Napisz, dlaczego?"></textarea>
- <div id="alertSM">Maksymalna ilość znaków: 255</div>
- <div id="alertSM_limit">Przekroczono maksymalną ilość znaków</div>
- </div>
- </li>
- </ol><!--PYTANIE 4 START--><ol>
- <li><ol>
- <li style="text-align: center;">PYTANIE 6/7</li>
- </ol></li>
- <li><b>Co mogłoby skłonić Ciebie do dokończenia procesu rejestracji?*</b><abbr title="Wymagane">*</abbr>
- <div class="checkboxDiv question5">
- <div class="checkboxDiv question5a">
- <div class="check2"><input id="Q5_A1" class="check5" type="checkbox" name="Q5_A1" value="Odmówiono mi kredytu, chcę sprawdzić dlaczego." /> <label for="Q5_A1"> <span class="box5"><span class="label">Chciał(a)bym najpierw zobaczyć przykładowy raport.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q5_A2" type="checkbox" class="check5" name="Q5_A2" value="Odmówiono mi pożyczki, chcę sprawdzić dlaczego." /> <label for="Q5_A2"> <span class="box5"><span class="label">Abonament, pozwalający skorzystać z wszystkich usług.</span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q5_A3" type="checkbox" class="check5" name="Q5_A3" value="Nie mogę zrobić zakupów na raty." /> <label for="Q5_A3"> <span class="box5"> <span class="label"> Niższe ceny za usługę.</span></span> </label></div>
- <div class="clear"> </div>
- <div class="check2"><input id="Q5_A4" type="checkbox" class="check5" name="Q5_A4" value="Nic, po prostu usługa nie jest dla mnie
- atrakcyjna." /> <label for="Q5_A4"> <span class="box5"> <span class="label">Nic, po prostu usługa nie jest dla mnie atrakcyjna.<br /><br /><br /></span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- </div>
- <input id="sm-cst.PYTANIE5" type="hidden" name="sm-cst.PYTANIE5" value="" /></div>
- <div class="right"><textarea id="sm-cst.PYTANIE5" maxlength="255" title="" type="checkbox" data-required="true" name="sm-cst.PYTANIE5" placeholder="Napisz, dlaczego?"></textarea>
- <div id="alertSM">Maksymalna ilość znaków: 255</div>
- <div id="alertSM_limit">Przekroczono maksymalną ilość znaków</div>
- </div>
- </li>
- </ol><!--PYTANIE 4 END--> <!--PYTANIE 5 START--><ol><ol>
- <li>
- <div class="checkboxDiv question5">
- <div class="checkboxDiv question5a">
- <div class="check2"><input id="Q5_A5" type="checkbox" class="check5" name="Q5_A5" value="Inne. Jakie?" /> <label for="Q5_A5"> <span class="box5"> <span class="label">Inne. Jakie?<br /><br /><br /></span></span> </label>
- <div class="clear"> </div>
- </div>
- <div class="clear"> </div>
- </div>
- </div>
- </li>
- </ol></ol>
- <div class="right"><textarea id="sm-cst.PYTANIE5" maxlength="255" title="" type="checkbox" data-required="true" name="sm-cst.PYTANIE5" placeholder="Wskaż, co zdecydowałoby o założeniu przez Ciebie konta"></textarea> <!--PYTANIE 5 END--> <!--PYTANIE 6 START-->
- <div class="clear"> </div>
- <ol><ol>
- <li><ol>
- <li style="text-align: center;">PYTANIE 7/7</li>
- </ol></li>
- <li><b>Co wg Ciebie moglibyśmy zrobić lepiej?</b><abbr title="Wymagane">*</abbr>
- <div class="checkboxDiv question6">
- <div class="checkboxDiv question5a"></div>
- </div>
- </li>
- </ol></ol>
- <div class="right"><textarea id="sm-cst.PYTANIE6" maxlength="255" title="" type="checkbox" data-required="true" name="sm-cst.PYTANIE6" placeholder="Wpisz swoje sugestie"></textarea>
- <div id="alertSM">Maksymalna ilość znaków: 255</div>
- <div id="alertSM_limit">Przekroczono maksymalną ilość znaków</div>
- </div>
- <div class="clear"> </div>
- <!--PYTANIE 6 END-->
- <div class="contact_form">
- <div class="inputs"><input id="sm-form-email" class="text" title="sm-form-email" type="text" value="${email}" name="sm-form-email" data-required="true" /></div>
- </div>
- <div class="line">
- <div class="form"><center><input type="submit" value="PRZEŚLIJ ANKIETĘ" id="sm-form-submit" name="sm-form-submit" onclick="validateForm('contact.htm', event, 0);" /></center></div>
- </div>
- </div>
- </div>
- <ol><ol><!--CONTENT END--></ol></ol>
- <div class="footer"><img src="https://s3-eu-west-1.amazonaws.com/salesmanagoimg/4z6fdg7pvr28kjlf/comekbkomdbvznv1/w1x7bhoyjooawdro.jpg" width="700" style="vertical-align: middle;" /></div>
- </div>
- <!--WRAPPER END-->
- <div class="clear"> </div>
- </div>
- <script type="mce-mce-mce-mce-mce-text/javascript">// <![CDATA[
- var data = document.URL;
- var smclientPos = data.indexOf('smclient=') + 9;
- var smclientPosEnd = smclientPos + 36;
- var id = data.slice(smclientPos, smclientPosEnd);
- var curr_page = window.location.href;
- var regEx = /contactId/;
- if (regEx.test(curr_page) === true) {
- true
- } else {
- curr_page = window.location.protocol + "//" + window.location.host + window.location.pathname + '?contactId=' + id;
- window.location = curr_page;
- }
- // ]]></script>
- <script type="mce-mce-mce-mce-mce-text/javascript">// <![CDATA[
- var textarea1 = document.getElementById('sm-cst.PYTANIE5');
- var textarea2 = document.getElementById('sm-cst.PYTANIE6');
- var alertOriginal = document.getElementById('alertSM');
- var alertLimit = document.getElementById('alertSM_limit');
- var alertOriginal1 = document.getElementById('alertSM1');
- var alertLimit1 = document.getElementById('alertSM_limit1');
- textarea1.addEventListener('input', function () {
- if (textarea1.value.length > 254) {
- alertOriginal.style.display = "none";
- alertLimit.style.display = "block";
- } else {
- alertOriginal.style.display = "block";
- alertLimit.style.display = "none";
- }
- });
- textarea2.addEventListener('input', function () {
- if (textarea2.value.length > 254) {
- alertOriginal1.style.display = "none";
- alertLimit1.style.display = "block";
- } else {
- alertOriginal1.style.display = "block";
- alertLimit1.style.display = "none";
- }
- });
- var question1Array = document.querySelectorAll('.question1 input[type="checkbox"]');
- var question2Array = document.querySelectorAll('.question2 input[type="checkbox"]');
- var question3Array = document.querySelectorAll('.question3 input[type="checkbox"]');
- var question4Array = document.querySelectorAll('.question4 input[type="checkbox"]');
- var question5Array = document.querySelectorAll('.question5 input[type="checkbox"]');
- function radioCheckbox(array) {
- for (var i = 0; i < array.length; i++) {
- array[i].addEventListener('click', function () {
- if (this.checked === true) {
- var checkedElement = this;
- for (var i = 0; i < array.length; i++) {
- if (array[i] != checkedElement)
- array[i].checked = false;
- }
- }
- })
- }
- }
- /*here i can choose only one option */
- radioCheckbox(question1Array);
- radioCheckbox(question2Array);
- radioCheckbox(question3Array);
- radioCheckbox(question4Array);
- radioCheckbox(question5Array);
- var submit = document.getElementById('sm-form-submit');
- var question2 = document.getElementById('sm-cst.PYTANIE2');
- var question3 = document.getElementById('sm-cst.PYTANIE3');
- var question4 = document.getElementById('sm-cst.PYTANIE4');
- var question5 = document.getElementById('sm-cst.PYTANIE5');
- var question6 = document.getElementById('sm-cst.PYTANIE6');
- function updateCheckboxes() {
- //question2 value
- question2.value = "";
- for (var i = 0; i < question2Array.length; i++) {
- if (question2Array[i].checked === true) {
- question2.value = question2Array[i].value;
- }
- }
- //question3 value
- question3.value = "";
- for (var i = 0; i < question3Array.length; i++) {
- if (question3Array[i].checked === true) {
- question3.value = question3Array[i].value;
- }
- }
- //question4 value
- question4.value = "";
- for (var i = 0; i < question4Array.length; i++) {
- if (question4Array[i].checked === true) {
- question4.value = question4Array[i].value;
- }
- }
- question5.value = "";
- for (var i = 0; i < question5Array.length; i++) {
- if (question5Array[i].checked === true) {
- question5.value = question5Array[i].value;
- }
- }
- }
- function replacePolishLettersandSpaces(str) {
- newNewStr = "_" + str;
- newNewStr = newNewStr.toUpperCase();
- newNewStr = newNewStr.replace(/\s/g, "_");
- newNewStr = newNewStr.replace(/Ę/ig, 'E');
- newNewStr = newNewStr.replace(/Ż/ig, 'Z');
- newNewStr = newNewStr.replace(/Ź/ig, 'Z');
- newNewStr = newNewStr.replace(/Ó/ig, 'O');
- newNewStr = newNewStr.replace(/Ł/ig, 'L');
- newNewStr = newNewStr.replace(/Ć/ig, 'C');
- newNewStr = newNewStr.replace(/Ś/ig, 'S');
- newNewStr = newNewStr.replace(/Ń/ig, 'N');
- newNewStr = newNewStr.replace(/Ą/ig, 'A');
- return newNewStr
- }
- function validateForm(action, e) {
- function isHiddenQuestion(inputElem) {
- var result = false;
- hiddenQuestions.forEach(function (elem) {
- if (elem.id === inputElem.id) {
- result = true;
- }
- });
- return result;
- }
- e.preventDefault();
- updateCheckboxes();
- var sendForm = true;
- if (action != "resign.htm") {
- var inputs = document.getElementById("externalContactForm").getElementsByTagName('INPUT');
- var hiddenQuestions = document.querySelectorAll("input[name^='sm-cst.PYTANIE']");
- for (var i = 0; i < inputs.length; i++) {
- var currentInput = inputs[i];
- var isInputRequired = currentInput.getAttribute("data-required") == "true";
- var isInputValueEmpty = currentInput.value == "";
- var textarea1Value = textarea1.value == "";
- var textarea2Value = textarea2.value == "";
- if (currentInput.getAttribute("type") == "text") {
- if ((isInputRequired && isInputValueEmpty)) {
- currentInput.className = currentInput.className.replace(/sm-success/g, " ");
- currentInput.className += " sm-error";
- sendForm = false;
- } else {
- currentInput.className = currentInput.className.replace(/sm-error/g, " ");
- currentInput.className += " sm-success";
- }
- }
- if (textarea1Value) {
- textarea1.className = textarea1.className.replace(/sm-success/g, " ");
- textarea1.className += " sm-error";
- sendForm = false;
- } else {
- textarea1.className = textarea1.className.replace(/sm-error/g, " ");
- textarea1.className += " sm-success";
- }
- if (textarea2Value) {
- textarea2.className = textarea2.className.replace(/sm-success/g, " ");
- textarea2.className += " sm-error";
- sendForm = false;
- } else {
- textarea2.className = textarea2.className.replace(/sm-error/g, " ");
- textarea2.className += " sm-success";
- }
- if (currentInput.getAttribute("type") === "hidden" && isHiddenQuestion(currentInput)) {
- var parentElem = currentInput.parentElement;
- if ((isInputValueEmpty)) {
- parentElem.className = parentElem.className.replace(/sm-success/g, " ");
- parentElem.className += " sm-error";
- sendForm = false;
- } else {
- parentElem.className = parentElem.className.replace(/sm-error/g, " ");
- parentElem.className += " sm-success";
- }
- }
- }
- }
- var reg = /^([A-Za-z0-9_\-\.\+])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
- var email = document.getElementById('sm-form-email').value;
- if (reg.test(email) == false) {
- if (document.getElementById('sm-custom-alert-container') !== null) {
- document.getElementById('sm-custom-alert-container').style.display = 'none';
- if (window.navigator.language !== "undefined" && window.navigator.language != null && window.navigator.language.indexOf("pl") == -1 && window.navigator.language.indexOf("PL") == -1) {
- document.getElementById("sm-custom-alert-message").innerHTML = 'Please enter a valid e-mail address';
- } else {
- document.getElementById("sm-custom-alert-message").innerHTML = 'Proszę podać prawidłowy adres e-mail';
- }
- } else {
- if (window.navigator.language !== "undefined" && window.navigator.language != null && window.navigator.language.indexOf("pl") == -1 && window.navigator.language.indexOf("PL") == -1) {
- alert("Please enter a valid e-mail address");
- } else {
- alert("Proszę podać prawidłowy adres e-mail");
- }
- }
- document.getElementById("sm-form-email").className = document.getElementById("sm-form-email").className.replace(" sm-success", "");
- document.getElementById("sm-form-email").className += " sm-error";
- return false;
- } else {
- if (sendForm) {
- document.getElementById('externalContactForm').action = document.getElementById('smActionUrl').value + action;
- document.getElementById('externalContactForm').submit();
- submitButtonAnalytics();
- submitForm = true;
- return true;
- }
- document.getElementById("sm-form-submit").disabled = false;
- return false;
- }
- }
- // <![CDATA[
- document.getElementsByName('sm-form-email')[0].placeholder = 'E-mail';
- // ]]></script>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement