API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 22nd, 2019
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.42 KB | None | 0 0
raw download clone embed print report
  1. [#assign email = ''] [#if contactDetails??] [#if contactDetails.email?has_content] [#assign email =
  2. contactDetails.email]
  3. [/#if] [/#if]
  4.  
  5. <!DOCTYPE html>
  6. <html>
  7.  
  8. <head>
  9. <title>ERIF</title>
  10. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  13. <meta name="Copyright" content="Copyright by SALESmanago">
  14. <style type="text/css">
  15. * {
  16. font-family: Arial, 'Open Sans', sans-serif;
  17. box-sizing: border-box;
  18. padding: 0;
  19. margin: 0;
  20. color: #000000;
  21. }
  22.  
  23. body {
  24. background-color: #ffffff;
  25. }
  26.  
  27. #wrapper {
  28. background-color: #ffffff;
  29. margin: 0 auto;
  30. width: 100%;
  31. max-width: 700px;
  32. box-sizing: border-box;
  33. min-width: 280px;
  34. }
  35.  
  36. ol {
  37. display: block;
  38. }
  39.  
  40. .logo {
  41. margin: 0px;
  42. max-width: 700px;
  43. width: 100%;
  44. padding-top: 20px;
  45. }
  46.  
  47. h2 {
  48. font-family: 'Open Sans', sans-serif;
  49. font-size: 25px;
  50. line-height: 27px;
  51. color: #005580;
  52. font-weight: bold;
  53. margin-bottom: 10px;
  54. }
  55.  
  56. h3 {
  57. color: #ff0000;
  58. font-size: 10px;
  59. text-align: left;
  60. font-weight: lighter;
  61. }
  62.  
  63. .txt_under_logo {
  64. padding: 30px 55px 0px 55px;
  65. }
  66.  
  67. .content {
  68. padding: 30px 55px;
  69. font-size: 14px;
  70. line-height: 17px;
  71.  
  72. display: flex;
  73. flex-direction: column;
  74. align-items: center;
  75. justify-content: center;
  76. }
  77.  
  78. .content ol {
  79. justify-content: center;
  80. }
  81.  
  82. li {
  83. list-style-type: none;
  84. }
  85.  
  86.  
  87. .contact_form {
  88. padding: 0px 80px;
  89. font-weight: bold;
  90. }
  91.  
  92. .sm-error {
  93. background-color: rgba(255, 0, 0, 0.185);
  94. border: none;
  95. outline: none !important;
  96. }
  97.  
  98. .check2 {
  99. margin: 5px;
  100. height: 15px;
  101. }
  102.  
  103. .question5a {
  104. margin-top: 15px;
  105. width: 500px;
  106. display: inline-block;
  107. }
  108.  
  109. .question1 {
  110. display: flex;
  111. padding: 5px 0px 25px 0px;
  112. justify-content: center;
  113. font-weight: normal;
  114. }
  115.  
  116. .question2,
  117. .question3,
  118. .question4 {
  119. display: flex;
  120. padding: 5px 0px 0px 0px;
  121. justify-content: center;
  122. font-weight: normal;
  123. }
  124.  
  125. .right {
  126. margin-bottom: 15px;
  127.  
  128. }
  129.  
  130. abbr {
  131. color: red;
  132. border: none;
  133. font-size: 14px;
  134. text-decoration: none;
  135. cursor: help;
  136. }
  137.  
  138.  
  139.  
  140. /*style-checkbox*/
  141.  
  142. input[type=checkbox] {
  143. display: none;
  144. }
  145.  
  146. input[type=checkbox]+label span.box {
  147. background-repeat: no-repeat;
  148. background-position: -1px -1px;
  149. border: 1px solid #6b6b6b;
  150. display: inline-block;
  151. height: 25px;
  152. width: 110px;
  153. padding: 3px;
  154. cursor: pointer;
  155. }
  156.  
  157. input[type=checkbox]:checked+label span.box {
  158. background-repeat: no-repeat;
  159. background-color: #31a837;
  160. background-position: -1px -1px;
  161. border: 1px solid #31a837;
  162. display: inline-block;
  163. height: 25px;
  164. width: 110px;
  165. padding: 3px;
  166. cursor: pointer;
  167. }
  168.  
  169. input[type=checkbox].check5+label {
  170. background-repeat: no-repeat;
  171. background-position: -1px -1px;
  172. border: 1px solid #6b6b6b;
  173. display: inline-block;
  174. height: 14px;
  175. width: 14px;
  176. padding: 3px;
  177. cursor: pointer;
  178. }
  179.  
  180. input[type=checkbox].check5:checked+label {
  181. background-repeat: no-repeat;
  182. display: inline-block;
  183. background-color: #31a837;
  184. border: 1px solid #31a837;
  185. height: 14px;
  186. width: 14px;
  187. padding: 3px;
  188. cursor: pointer;
  189. }
  190.  
  191. .box5 {
  192. position: relative;
  193. padding: 0px 20px;
  194. top: -3px;
  195. width: 200px;
  196. }
  197.  
  198. span.label {
  199. display: inline-block;
  200. width: 400px;
  201. }
  202.  
  203. span.label2 {
  204. display: flex;
  205. justify-content: center;
  206. font-size: 12px;
  207. }
  208.  
  209. input[type="text"] {
  210. display: none;
  211.  
  212. }
  213.  
  214. .hidden {
  215. display: none;
  216. }
  217.  
  218. .sm-success {
  219. outline: none !important;
  220. }
  221.  
  222. input[type="submit"] {
  223. width: 200px;
  224. height: 38px;
  225. margin: 0px auto;
  226. border: none;
  227. background-color: #0078af;
  228. color: #ffffff;
  229. font-weight: normal;
  230. outline: none;
  231. font-size: 16px;
  232. margin-bottom: 20px;
  233.  
  234. }
  235.  
  236. input[type="submit"]:hover {
  237. background-color: #31a837;
  238. color: #ffffff;
  239. transition: 0.6s;
  240. cursor: pointer;
  241. }
  242.  
  243. textarea {
  244. width: 100%;
  245. height: 80px;
  246. font: inherit;
  247. padding: 10px;
  248. background-color: transparent;
  249. outline: none;
  250. border-color: #6b6b6b;
  251. }
  252.  
  253. textarea:focus {
  254. transition: 0.5s;
  255. border: 1px solid #66afe9;
  256. outline: 0;
  257. -o-transition: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 168, 55, .6);
  258. -webkit-transition: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 168, 55, .6);
  259. transition: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 168, 55, .6);
  260. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 168, 55, .6);
  261. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 168, 55, .6);
  262. background-color: #ffffff;
  263. color: rgb(0, 0, 0)
  264. }
  265.  
  266. #alertSM {
  267. color: #797a7a;
  268. font-size: 10px;
  269. padding-left: 15px;
  270. display: block;
  271. }
  272.  
  273. #alertSM_limit {
  274. color: #f7142f;
  275. font-size: 10px;
  276. padding-left: 15px;
  277. display: none;
  278.  
  279. }
  280.  
  281. #alertSM1 {
  282. color: #797a7a;
  283. font-size: 10px;
  284. padding-left: 15px;
  285. display: block;
  286. }
  287.  
  288. #alertSM_limit1 {
  289. color: #f7142f;
  290. font-size: 10px;
  291. padding-left: 15px;
  292. display: none;
  293.  
  294. }
  295.  
  296. .clear {
  297. clear: both;
  298. margin: 0;
  299. padding: 0;
  300. font-size: 0;
  301. }
  302.  
  303. .checked {
  304. display: block;
  305. }
  306.  
  307. @media all and (max-width:720px) {
  308. .question5a {
  309. width: 240px;
  310. }
  311.  
  312. .txt_under_logo {
  313. padding-left: 35px;
  314. padding-right: 35px;
  315. }
  316. }
  317.  
  318. @media all and (max-width:630px) {
  319. input[type=checkbox]+label span.box {
  320. width: 85px;
  321. height: 25px;
  322. }
  323.  
  324. .content {
  325. padding: 30px 10px;
  326. }
  327.  
  328. input[type=checkbox]:checked+label span.box {
  329. width: 85px;
  330. height: 25px;
  331. }
  332. }
  333.  
  334. @media all and (max-width:550px) {
  335. .question5a {
  336. width: 200px;
  337. padding: 0px 10px;
  338. }
  339.  
  340. input[type=checkbox]+label span.box {
  341. width: 75px;
  342. height: 25px;
  343. }
  344.  
  345. span.label {
  346. width: 150px;
  347. }
  348.  
  349. input[type=checkbox]:checked+label span.box {
  350. width: 75px;
  351. height: 25px;
  352. }
  353.  
  354.  
  355. }
  356.  
  357. @media all and (max-width:450px) {
  358. .question5a {
  359. display: block;
  360. padding: 0px 10px;
  361. }
  362.  
  363. .txt_under_logo {
  364. padding-left: 15px;
  365. padding-right: 15px;
  366. }
  367.  
  368. input[type=checkbox]+label span.box {
  369. width: 55px;
  370. height: 25px;
  371. }
  372.  
  373. span.label {
  374. width: 200px;
  375. }
  376.  
  377. input[type=checkbox]:checked+label span.box {
  378. width: 55px;
  379. height: 25px;
  380. }
  381. }
  382.  
  383. @media all and (max-width:370px) {
  384. input[type=checkbox]+label span.box {
  385. width: 40px;
  386. height: 25px;
  387. }
  388.  
  389. .txt_under_logo {
  390. padding-left: 5px;
  391. padding-right: 5px;
  392. }
  393.  
  394. input[type=checkbox]:checked+label span.box {
  395. width: 40px;
  396. height: 25px;
  397. }
  398. }
  399.  
  400. </style>
  401. </head>
  402.  
  403.  
  404. <body>
  405. <div id="wrapper">
  406. <div id="wrapper">
  407. <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>
  408. <div class="txt_under_logo">
  409. <h2>Poniżej znajdują się kolejne kr&oacute;tkie pytania. Z g&oacute;ry dziękujemy za ich wypełnienie :).</h2>
  410. <h3><abbr title="Wymagane">*</abbr> Wymagane</h3>
  411. </div>
  412. <div class="content"><!--PYTANIE 2--><ol><ol>
  413. <li style="text-align: center;">PYTANIE 2/7</li>
  414. <li><b>Skąd znasz biuro informacji gospodarczej ERIF?</b><abbr title="Wymagane">*</abbr>
  415. <div class="checkboxDiv question2">
  416. <div class="checkboxDiv question5a">
  417. <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>
  418. <div class="clear">&nbsp;</div>
  419. </div>
  420. <div class="clear">&nbsp;</div>
  421. <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>
  422. <div class="clear">&nbsp;</div>
  423. </div>
  424. <div class="clear">&nbsp;</div>
  425. <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>
  426. <div class="clear">&nbsp;</div>
  427. </div>
  428. <div class="clear">&nbsp;</div>
  429. <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>
  430. <div class="clear">&nbsp;</div>
  431. </div>
  432. <div class="clear">&nbsp;</div>
  433. <div class="check2"><input id="Q2_A5" type="checkbox" class="check5" name="Q2_A5" value="Z artykuł&oacute;w w prasie" /> <label for="Q2_A5"> <span class="box5"><span class="label">Z artykuł&oacute;w w prasie.</span></span></label>
  434. <div class="clear">&nbsp;</div>
  435. </div>
  436. <div class="clear">&nbsp;</div>
  437. <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>
  438. <div class="clear">&nbsp;</div>
  439. </div>
  440. <div class="clear">&nbsp;</div>
  441. <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>
  442. <div class="clear">&nbsp;</div>
  443. </div>
  444. <div class="clear">&nbsp;</div>
  445. <div class="check2"><input id="Q2_A8" type="checkbox" class="check5" name="Q2_A8" value="Z telekom&oacute;w" /> <label for="Q2_A8"> <span class="box5"><span class="label">Z telekom&oacute;w.</span></span></label>
  446. <div class="clear">&nbsp;</div>
  447. </div>
  448. <div class="clear">&nbsp;</div>
  449. <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>
  450. <div class="clear">&nbsp;</div>
  451. </div>
  452. <div class="clear">&nbsp;</div>
  453. <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>
  454. <div class="clear">&nbsp;</div>
  455. </div>
  456. <div class="clear">&nbsp;</div>
  457. <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ł&oacute;w w internecie.</span></span></label>
  458. <div class="clear">&nbsp;</div>
  459. </div>
  460. <div class="clear">&nbsp;</div>
  461. <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>
  462. <div class="clear">&nbsp;</div>
  463. </div>
  464. <div class="clear">&nbsp;</div>
  465. </div>
  466. <input id="sm-cst.PYTANIE2" type="hidden" name="sm-cst.PYTANIE2" value="" /></div>
  467. <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>
  468. <div id="alertSM">Maksymalna ilość znak&oacute;w: 255</div>
  469. <div id="alertSM_limit">Przekroczono maksymalną ilość znak&oacute;w</div>
  470. </div>
  471. <div class="clear">&nbsp;</div>
  472. </li>
  473. </ol></ol>
  474. <div class="content"><!--PYTANIE 2--><ol>
  475. <li><ol>
  476. <li style="text-align: center;">PYTANIE 3/7</li>
  477. </ol></li>
  478. <li><b>W jakim celu założyłeś/aś konto w serwisie infoKonsument.pl? </b><abbr title="Wymagane">*</abbr>
  479. <div class="checkboxDiv question2">
  480. <div class="checkboxDiv question5a">
  481. <div class="check2"><input id="Q2_A1" class="check5" type="checkbox" name="Q2_A1" value="Odm&oacute;wiono mi kredytu, chcę sprawdzić dlaczego." /> <label for="Q2_A1"> <span class="box5"><span class="label">Odm&oacute;wiono mi kredytu, chcę sprawdzić dlaczego.</span></span> </label>
  482. <div class="clear">&nbsp;</div>
  483. </div>
  484. <div class="clear">&nbsp;</div>
  485. <div class="check2"><input id="Q2_A2" type="checkbox" class="check5" name="Q2_A2" value="Odm&oacute;wiono mi pożyczki, chcę sprawdzić dlaczego." /> <label for="Q2_A2"> <span class="box5"><span class="label">Odm&oacute;wiono mi pożyczki, chcę sprawdzić dlaczego.</span></span> </label>
  486. <div class="clear">&nbsp;</div>
  487. </div>
  488. <div class="clear">&nbsp;</div>
  489. <div class="check2"><input id="Q2_A3" type="checkbox" class="check5" name="Q2_A3" value="Nie mogę zrobić zakup&oacute;w na raty." /> <label for="Q2_A3"> <span class="box5"> <span class="label">Nie mogę zrobić zakup&oacute;w na raty.</span></span> </label>
  490. <div class="clear">&nbsp;</div>
  491. </div>
  492. <div class="clear">&nbsp;</div>
  493. <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>
  494. <div class="clear">&nbsp;</div>
  495. </div>
  496. <div class="clear">&nbsp;</div>
  497. <div class="check2"><input id="Q2_A5" type="checkbox" class="check5" name="Q2_A5" value="Chcę sprawdzić informacje na m&oacute;j temat." /> <label for="Q2_A5"> <span class="box5"><span class="label">Chcę sprawdzić informacje na m&oacute;j temat. </span></span> </label>
  498. <div class="clear">&nbsp;</div>
  499. </div>
  500. <div class="clear">&nbsp;</div>
  501. <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>
  502. <div class="clear">&nbsp;</div>
  503. </div>
  504. <div class="clear">&nbsp;</div>
  505. <div class="check2"><input id="Q2_A7" type="checkbox" class="check5" name="Q2_A7" value="M&oacute;j dokument został skradziony, chcę sprawdzić, czy jest bezpieczny." /> <label for="Q2_A7"> <span class="box5"><span class="label">M&oacute;j dokument został skradziony, chcę sprawdzić, czy jest bezpieczny.</span></span> </label>
  506. <div class="clear">&nbsp;</div>
  507. </div>
  508. <div class="clear">&nbsp;</div>
  509. <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>
  510. <div class="clear">&nbsp;</div>
  511. </div>
  512. <div class="clear">&nbsp;</div>
  513. <div class="check2"><input id="Q2_A9" type="checkbox" class="check5" name="Q2_A9" value="Weryfikuję wiarygodność płatniczą firm przed wsp&oacute;łpracą." /> <label for="Q2_A9"> <span class="box5"><span class="label">Weryfikuję wiarygodność płatniczą firm przed wsp&oacute;łpracą.</span></span> </label>
  514. <div class="clear">&nbsp;</div>
  515. </div>
  516. <div class="clear">&nbsp;</div>
  517. <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>
  518. <div class="clear">&nbsp;</div>
  519. </div>
  520. <div class="clear">&nbsp;</div>
  521. <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>
  522. <div class="clear">&nbsp;</div>
  523. </div>
  524. <div class="clear">&nbsp;</div>
  525. <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>
  526. <div class="clear">&nbsp;</div>
  527. </div>
  528. <div class="clear">&nbsp;</div>
  529. </div>
  530. <input id="sm-cst.PYTANIE2" type="hidden" name="sm-cst.PYTANIE2" value="" /></div>
  531. <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>
  532. <div id="alertSM">Maksymalna ilość znak&oacute;w: 255</div>
  533. <div id="alertSM_limit">Przekroczono maksymalną ilość znak&oacute;w</div>
  534. </div>
  535. <div class="clear">&nbsp;</div>
  536. </li>
  537. </ol><ol><!--PYTANIE 2 START-->
  538. <li><ol>
  539. <li style="text-align: center;">PYTANIE 4/7</li>
  540. </ol></li>
  541. <li><b>Czy serwis infoKonsument.pl spełnił Twoje oczekiwania? *</b><abbr title="Wymagane">*</abbr>
  542. <div class="checkboxDiv question3">
  543. <div class="checkboxDiv question5a">
  544. <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>
  545. <div class="clear">&nbsp;</div>
  546. </div>
  547. <div class="clear">&nbsp;</div>
  548. <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>
  549. <div class="clear">&nbsp;</div>
  550. </div>
  551. <div class="clear">&nbsp;</div>
  552. <div class="check2"><input id="Q3_A3" type="checkbox" class="check5" name="Q3_37" value="Trudno
  553. powiedzeć." /> <label for="Q3_A3"> <span class="box5"><span class="label">Trudno powiedzeć.</span></span> </label>
  554. <div class="clear">&nbsp;</div>
  555. </div>
  556. <div class="clear">&nbsp;</div>
  557. <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>
  558. <div class="clear">&nbsp;</div>
  559. </div>
  560. <div class="clear">&nbsp;</div>
  561. <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>
  562. <div class="clear">&nbsp;</div>
  563. <div class="clear">&nbsp;</div>
  564. </div>
  565. <input id="sm-cst.PYTANIE3" type="hidden" name="sm-cst.PYTANIE3" value="" /></div>
  566. </div>
  567. </li>
  568. </ol><!--PYTANIE 2 END--> <!--PYTANIE 3 START--><ol>
  569. <li style="padding-left: 0px; width: 500px;">
  570. <div class="clear">&nbsp;</div>
  571. <b></b></li>
  572. <li style="padding-left: 0px; width: 500px;"><ol>
  573. <li style="text-align: center;">PYTANIE 5/7</li>
  574. </ol></li>
  575. <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>
  576. <div class="checkboxDiv question4">
  577. <div class="checkboxDiv question5a">
  578. <div class="clear">&nbsp;</div>
  579. <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>
  580. <div class="clear">&nbsp;</div>
  581. </div>
  582. <div class="clear">&nbsp;</div>
  583. <div class="check2"><input id="Q4_A2" type="checkbox" class="check5" name="Q4_A2" value="Nie chcę podawać imienia i
  584. nazwiska." /> <label for="Q4_A2"> <span class="box5"><span class="label">Nie chcę podawać imienia i nazwiska.</span></span> </label>
  585. <div class="clear">&nbsp;</div>
  586. </div>
  587. <div class="clear">&nbsp;</div>
  588. <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>
  589. <div class="clear">&nbsp;</div>
  590. <div class="check2"><input id="Q4_A4" type="checkbox" class="check5" name="Q4_A4" value="Nie chcę korzystać z usług serwisu
  591. 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>
  592. <div class="clear">&nbsp;</div>
  593. </div>
  594. <div class="clear">&nbsp;</div>
  595. </div>
  596. <input id="sm-cst.PYTANIE4" type="hidden" name="sm-cst.PYTANIE4" value="" /></div>
  597. <div class="right"><textarea id="sm-cst.PYTANIE4" maxlength="255" title="" type="checkbox" data-required="true" name="sm-cst.PYTANIE4" placeholder="Napisz, dlaczego?"></textarea>
  598. <div id="alertSM">Maksymalna ilość znak&oacute;w: 255</div>
  599. <div id="alertSM_limit">Przekroczono maksymalną ilość znak&oacute;w</div>
  600. </div>
  601. </li>
  602. </ol><!--PYTANIE 4 START--><ol>
  603. <li><ol>
  604. <li style="text-align: center;">PYTANIE 6/7</li>
  605. </ol></li>
  606. <li><b>Co mogłoby skłonić Ciebie do dokończenia procesu rejestracji?*</b><abbr title="Wymagane">*</abbr>
  607. <div class="checkboxDiv question5">
  608. <div class="checkboxDiv question5a">
  609. <div class="check2"><input id="Q5_A1" class="check5" type="checkbox" name="Q5_A1" value="Odm&oacute;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>
  610. <div class="clear">&nbsp;</div>
  611. </div>
  612. <div class="clear">&nbsp;</div>
  613. <div class="check2"><input id="Q5_A2" type="checkbox" class="check5" name="Q5_A2" value="Odm&oacute;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>
  614. <div class="clear">&nbsp;</div>
  615. </div>
  616. <div class="clear">&nbsp;</div>
  617. <div class="check2"><input id="Q5_A3" type="checkbox" class="check5" name="Q5_A3" value="Nie mogę zrobić zakup&oacute;w na raty." /> <label for="Q5_A3"> <span class="box5"> <span class="label"> Niższe ceny za usługę.</span></span> </label></div>
  618. <div class="clear">&nbsp;</div>
  619. <div class="check2"><input id="Q5_A4" type="checkbox" class="check5" name="Q5_A4" value="Nic, po prostu usługa nie jest dla mnie
  620. 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>
  621. <div class="clear">&nbsp;</div>
  622. </div>
  623. <div class="clear">&nbsp;</div>
  624. </div>
  625. <input id="sm-cst.PYTANIE5" type="hidden" name="sm-cst.PYTANIE5" value="" /></div>
  626. <div class="right"><textarea id="sm-cst.PYTANIE5" maxlength="255" title="" type="checkbox" data-required="true" name="sm-cst.PYTANIE5" placeholder="Napisz, dlaczego?"></textarea>
  627. <div id="alertSM">Maksymalna ilość znak&oacute;w: 255</div>
  628. <div id="alertSM_limit">Przekroczono maksymalną ilość znak&oacute;w</div>
  629. </div>
  630. </li>
  631. </ol><!--PYTANIE 4 END--> <!--PYTANIE 5 START--><ol><ol>
  632. <li>
  633. <div class="checkboxDiv question5">
  634. <div class="checkboxDiv question5a">
  635. <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>
  636. <div class="clear">&nbsp;</div>
  637. </div>
  638. <div class="clear">&nbsp;</div>
  639. </div>
  640. </div>
  641. </li>
  642. </ol></ol>
  643. <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-->
  644. <div class="clear">&nbsp;</div>
  645. <ol><ol>
  646. <li><ol>
  647. <li style="text-align: center;">PYTANIE 7/7</li>
  648. </ol></li>
  649. <li><b>Co wg Ciebie moglibyśmy zrobić lepiej?</b><abbr title="Wymagane">*</abbr>
  650. <div class="checkboxDiv question6">
  651. <div class="checkboxDiv question5a"></div>
  652. </div>
  653. </li>
  654. </ol></ol>
  655. <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>
  656. <div id="alertSM">Maksymalna ilość znak&oacute;w: 255</div>
  657. <div id="alertSM_limit">Przekroczono maksymalną ilość znak&oacute;w</div>
  658. </div>
  659. <div class="clear">&nbsp;</div>
  660. <!--PYTANIE 6 END-->
  661. <div class="contact_form">
  662. <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>
  663. </div>
  664. <div class="line">
  665. <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>
  666. </div>
  667. </div>
  668. </div>
  669. <ol><ol><!--CONTENT END--></ol></ol>
  670. <div class="footer"><img src="https://s3-eu-west-1.amazonaws.com/salesmanagoimg/4z6fdg7pvr28kjlf/comekbkomdbvznv1/w1x7bhoyjooawdro.jpg" width="700" style="vertical-align: middle;" /></div>
  671. </div>
  672. <!--WRAPPER END-->
  673. <div class="clear">&nbsp;</div>
  674. </div>
  675. <script type="mce-mce-mce-mce-mce-text/javascript">// <![CDATA[
  676. var data = document.URL;
  677. var smclientPos = data.indexOf('smclient=') + 9;
  678. var smclientPosEnd = smclientPos + 36;
  679. var id = data.slice(smclientPos, smclientPosEnd);
  680. var curr_page = window.location.href;
  681. var regEx = /contactId/;
  682. if (regEx.test(curr_page) === true) {
  683. true
  684. } else {
  685. curr_page = window.location.protocol + "//" + window.location.host + window.location.pathname + '?contactId=' + id;
  686. window.location = curr_page;
  687. }
  688. // ]]></script>
  689. <script type="mce-mce-mce-mce-mce-text/javascript">// <![CDATA[
  690. var textarea1 = document.getElementById('sm-cst.PYTANIE5');
  691. var textarea2 = document.getElementById('sm-cst.PYTANIE6');
  692. var alertOriginal = document.getElementById('alertSM');
  693. var alertLimit = document.getElementById('alertSM_limit');
  694. var alertOriginal1 = document.getElementById('alertSM1');
  695. var alertLimit1 = document.getElementById('alertSM_limit1');
  696.  
  697. textarea1.addEventListener('input', function () {
  698. if (textarea1.value.length > 254) {
  699. alertOriginal.style.display = "none";
  700. alertLimit.style.display = "block";
  701.  
  702. } else {
  703. alertOriginal.style.display = "block";
  704. alertLimit.style.display = "none";
  705. }
  706. });
  707. textarea2.addEventListener('input', function () {
  708. if (textarea2.value.length > 254) {
  709. alertOriginal1.style.display = "none";
  710. alertLimit1.style.display = "block";
  711.  
  712. } else {
  713. alertOriginal1.style.display = "block";
  714. alertLimit1.style.display = "none";
  715. }
  716. });
  717.  
  718.  
  719.  
  720.  
  721.  
  722.  
  723. var question1Array = document.querySelectorAll('.question1 input[type="checkbox"]');
  724. var question2Array = document.querySelectorAll('.question2 input[type="checkbox"]');
  725. var question3Array = document.querySelectorAll('.question3 input[type="checkbox"]');
  726. var question4Array = document.querySelectorAll('.question4 input[type="checkbox"]');
  727. var question5Array = document.querySelectorAll('.question5 input[type="checkbox"]');
  728.  
  729.  
  730.  
  731.  
  732.  
  733. function radioCheckbox(array) {
  734. for (var i = 0; i < array.length; i++) {
  735. array[i].addEventListener('click', function () {
  736. if (this.checked === true) {
  737. var checkedElement = this;
  738. for (var i = 0; i < array.length; i++) {
  739. if (array[i] != checkedElement)
  740. array[i].checked = false;
  741. }
  742. }
  743. })
  744. }
  745. }
  746. /*here i can choose only one option */
  747. radioCheckbox(question1Array);
  748. radioCheckbox(question2Array);
  749. radioCheckbox(question3Array);
  750. radioCheckbox(question4Array);
  751. radioCheckbox(question5Array);
  752.  
  753.  
  754.  
  755.  
  756.  
  757.  
  758. var submit = document.getElementById('sm-form-submit');
  759. var question2 = document.getElementById('sm-cst.PYTANIE2');
  760. var question3 = document.getElementById('sm-cst.PYTANIE3');
  761. var question4 = document.getElementById('sm-cst.PYTANIE4');
  762. var question5 = document.getElementById('sm-cst.PYTANIE5');
  763. var question6 = document.getElementById('sm-cst.PYTANIE6');
  764.  
  765.  
  766.  
  767. function updateCheckboxes() {
  768.  
  769. //question2 value
  770. question2.value = "";
  771. for (var i = 0; i < question2Array.length; i++) {
  772. if (question2Array[i].checked === true) {
  773. question2.value = question2Array[i].value;
  774. }
  775. }
  776. //question3 value
  777. question3.value = "";
  778. for (var i = 0; i < question3Array.length; i++) {
  779. if (question3Array[i].checked === true) {
  780. question3.value = question3Array[i].value;
  781. }
  782. }
  783. //question4 value
  784. question4.value = "";
  785. for (var i = 0; i < question4Array.length; i++) {
  786. if (question4Array[i].checked === true) {
  787. question4.value = question4Array[i].value;
  788. }
  789. }
  790. question5.value = "";
  791. for (var i = 0; i < question5Array.length; i++) {
  792. if (question5Array[i].checked === true) {
  793. question5.value = question5Array[i].value;
  794. }
  795. }
  796.  
  797.  
  798. }
  799.  
  800.  
  801. function replacePolishLettersandSpaces(str) {
  802. newNewStr = "_" + str;
  803. newNewStr = newNewStr.toUpperCase();
  804. newNewStr = newNewStr.replace(/\s/g, "_");
  805. newNewStr = newNewStr.replace(/Ę/ig, 'E');
  806. newNewStr = newNewStr.replace(/Ż/ig, 'Z');
  807. newNewStr = newNewStr.replace(/Ź/ig, 'Z');
  808. newNewStr = newNewStr.replace(/Ó/ig, 'O');
  809. newNewStr = newNewStr.replace(/Ł/ig, 'L');
  810. newNewStr = newNewStr.replace(/Ć/ig, 'C');
  811. newNewStr = newNewStr.replace(/Ś/ig, 'S');
  812. newNewStr = newNewStr.replace(/Ń/ig, 'N');
  813. newNewStr = newNewStr.replace(/Ą/ig, 'A');
  814. return newNewStr
  815. }
  816.  
  817. function validateForm(action, e) {
  818. function isHiddenQuestion(inputElem) {
  819. var result = false;
  820. hiddenQuestions.forEach(function (elem) {
  821. if (elem.id === inputElem.id) {
  822. result = true;
  823. }
  824. });
  825.  
  826. return result;
  827. }
  828.  
  829. e.preventDefault();
  830. updateCheckboxes();
  831. var sendForm = true;
  832. if (action != "resign.htm") {
  833. var inputs = document.getElementById("externalContactForm").getElementsByTagName('INPUT');
  834. var hiddenQuestions = document.querySelectorAll("input[name^='sm-cst.PYTANIE']");
  835.  
  836. for (var i = 0; i < inputs.length; i++) {
  837. var currentInput = inputs[i];
  838.  
  839. var isInputRequired = currentInput.getAttribute("data-required") == "true";
  840. var isInputValueEmpty = currentInput.value == "";
  841.  
  842. var textarea1Value = textarea1.value == "";
  843. var textarea2Value = textarea2.value == "";
  844.  
  845.  
  846.  
  847. if (currentInput.getAttribute("type") == "text") {
  848. if ((isInputRequired && isInputValueEmpty)) {
  849. currentInput.className = currentInput.className.replace(/sm-success/g, " ");
  850. currentInput.className += " sm-error";
  851.  
  852. sendForm = false;
  853. } else {
  854. currentInput.className = currentInput.className.replace(/sm-error/g, " ");
  855. currentInput.className += " sm-success";
  856. }
  857. }
  858. if (textarea1Value) {
  859.  
  860. textarea1.className = textarea1.className.replace(/sm-success/g, " ");
  861. textarea1.className += " sm-error";
  862. sendForm = false;
  863. } else {
  864. textarea1.className = textarea1.className.replace(/sm-error/g, " ");
  865. textarea1.className += " sm-success";
  866. }
  867. if (textarea2Value) {
  868.  
  869. textarea2.className = textarea2.className.replace(/sm-success/g, " ");
  870. textarea2.className += " sm-error";
  871. sendForm = false;
  872. } else {
  873. textarea2.className = textarea2.className.replace(/sm-error/g, " ");
  874. textarea2.className += " sm-success";
  875. }
  876.  
  877.  
  878. if (currentInput.getAttribute("type") === "hidden" && isHiddenQuestion(currentInput)) {
  879. var parentElem = currentInput.parentElement;
  880. if ((isInputValueEmpty)) {
  881. parentElem.className = parentElem.className.replace(/sm-success/g, " ");
  882. parentElem.className += " sm-error";
  883.  
  884. sendForm = false;
  885. } else {
  886. parentElem.className = parentElem.className.replace(/sm-error/g, " ");
  887. parentElem.className += " sm-success";
  888. }
  889. }
  890.  
  891. }
  892.  
  893. }
  894.  
  895. var reg = /^([A-Za-z0-9_\-\.\+])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
  896. var email = document.getElementById('sm-form-email').value;
  897.  
  898. if (reg.test(email) == false) {
  899. if (document.getElementById('sm-custom-alert-container') !== null) {
  900. document.getElementById('sm-custom-alert-container').style.display = 'none';
  901. if (window.navigator.language !== "undefined" && window.navigator.language != null && window.navigator.language.indexOf("pl") == -1 && window.navigator.language.indexOf("PL") == -1) {
  902. document.getElementById("sm-custom-alert-message").innerHTML = 'Please enter a valid e-mail address';
  903. } else {
  904. document.getElementById("sm-custom-alert-message").innerHTML = 'Proszę podać prawidłowy adres e-mail';
  905. }
  906. } else {
  907. if (window.navigator.language !== "undefined" && window.navigator.language != null && window.navigator.language.indexOf("pl") == -1 && window.navigator.language.indexOf("PL") == -1) {
  908. alert("Please enter a valid e-mail address");
  909. } else {
  910. alert("Proszę podać prawidłowy adres e-mail");
  911. }
  912. }
  913.  
  914.  
  915. document.getElementById("sm-form-email").className = document.getElementById("sm-form-email").className.replace(" sm-success", "");
  916. document.getElementById("sm-form-email").className += " sm-error";
  917. return false;
  918. } else {
  919. if (sendForm) {
  920. document.getElementById('externalContactForm').action = document.getElementById('smActionUrl').value + action;
  921. document.getElementById('externalContactForm').submit();
  922. submitButtonAnalytics();
  923. submitForm = true;
  924. return true;
  925. }
  926. document.getElementById("sm-form-submit").disabled = false;
  927. return false;
  928. }
  929. }
  930.  
  931.  
  932.  
  933. // <![CDATA[
  934.  
  935. document.getElementsByName('sm-form-email')[0].placeholder = 'E-mail';
  936. // ]]></script>
  937. </div>
  938. </body>
  939.  
  940. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!