first commit
This commit is contained in:
88
templates_user/__partials/article-entry-custom.php
Normal file
88
templates_user/__partials/article-entry-custom.php
Normal file
@@ -0,0 +1,88 @@
|
||||
<? global $lang_id;?>
|
||||
|
||||
<div class="article-entry">
|
||||
<?
|
||||
$this -> article['language']['seo_link'] ? $url = $this -> article['language']['seo_link'] : $url = 'a-' . $this -> article['id'] . '-' . \S::seo( $this -> article['language']['title'] );
|
||||
?>
|
||||
<div class="img">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>">
|
||||
<img src="<?= $this -> article['language']['main_image'] ? $this -> article['language']['main_image'] : \front\factory\Articles::get_image( $this -> article );?>" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<?
|
||||
if ( $this -> article['tags'] ):
|
||||
echo '<div class="article-tags">';
|
||||
echo '<ul>';
|
||||
foreach ( $this -> article['tags'] as $tag ):
|
||||
echo '<li>';
|
||||
echo '<a href="/tag,' . \S::seo( $tag ) . '">' . $tag . '</a>';
|
||||
echo '</li>';
|
||||
endforeach;
|
||||
echo '</ul>';
|
||||
echo '</div>';
|
||||
endif;
|
||||
?>
|
||||
<div class="article-tags">
|
||||
<?
|
||||
global $mdb;
|
||||
|
||||
$results = $mdb -> query( 'SELECT page_id FROM pp_articles_pages WHERE article_id = ' . $this -> article['id'] . ' AND page_id NOT IN (12)' ) -> fetchAll();
|
||||
if ( is_array( $results ) and !empty( $results ) ) foreach ( $results as $row )
|
||||
{
|
||||
$page_tmp = \front\factory\Pages::page_details( $row['page_id'] );
|
||||
if ( $row['page_id'] == 18 )
|
||||
$url_tmp = '/blog';
|
||||
else
|
||||
$url_tmp = \front\factory\Pages::lang_url( $page_tmp['id'], $lang_id );
|
||||
echo '<a href="' . $url_tmp . '" class="item">' . $page_tmp['language']['title'] . '</a>';
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="article-content">
|
||||
<h3 class="article-title">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>" title="<?= $this -> article['language']['title'];?>" <? if ( $this -> article['language']['noindex'] ):?>rel="nofollow"<? endif;?>><?= $this -> article['language']['title'];?></a>
|
||||
</h3>
|
||||
<div class="entry">
|
||||
<?
|
||||
$content = $this -> article['language']['entry'];
|
||||
$content = preg_replace( "/<img[^>]+\>/i", "", $content );
|
||||
$content = preg_replace( "/<p[^>]*?><\/p>/", "", $content );
|
||||
echo $content;
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script class="footer" type="text/javascript" src="/libraries/minimasonry/minimasonry.js"></script>
|
||||
<script class="footer" type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
var masonry;
|
||||
|
||||
function initializeMasonry() {
|
||||
var containerWidth = $('.blog-list-masonry').width() - 30;
|
||||
var columnWidth;
|
||||
|
||||
if ($(window).width() <= 991) {
|
||||
if (masonry) {
|
||||
masonry.destroy();
|
||||
masonry = null;
|
||||
$('.blog-list-masonry').removeAttr('style').find('.masonry-item').removeAttr('style');
|
||||
}
|
||||
return;
|
||||
} else {
|
||||
columnWidth = containerWidth / 2;
|
||||
}
|
||||
masonry = new MiniMasonry({
|
||||
container: '.blog-list-masonry',
|
||||
baseWidth: columnWidth,
|
||||
surroundingGutter: false,
|
||||
gutterX: 30,
|
||||
gutterY: 30
|
||||
});
|
||||
}
|
||||
initializeMasonry();
|
||||
$(window).resize(function() {
|
||||
initializeMasonry();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
31
templates_user/__partials/home-case-study.php
Normal file
31
templates_user/__partials/home-case-study.php
Normal file
@@ -0,0 +1,31 @@
|
||||
<? foreach (\front\factory\CaseStudy::case_study_list() as $key => $case_study) : ?>
|
||||
<?
|
||||
$case_img = "";
|
||||
|
||||
if($case_study['section_company_img']) {
|
||||
$case_img = $case_study['section_company_img'];
|
||||
} elseif($case_study['section_company_iframe']) {
|
||||
$case_img = $case_study['section_company_iframe'];
|
||||
}
|
||||
if ( $case_study['id'] == 42 ) {
|
||||
$case_img = "/upload/filemanager/case_study/4-szpaki/Moon-2.jpg";
|
||||
}
|
||||
?>
|
||||
|
||||
<? if ($case_study['id'] == 36 || $case_study['id'] == 41 or $case_study['id'] == 42 ) : ?>
|
||||
<div class="col-md-6 col-lg-4 mb-4 mb-md-0">
|
||||
<?= \Tpl::view( 'templates_user/components/homeOfferCard', [
|
||||
'obrazek' => $case_img,
|
||||
'title' => $case_study['title'],
|
||||
'wspolpraca' => $case_study['wspolpraca-od'],
|
||||
'witryna_txt' => $case_study['witryna'],
|
||||
'witryna_url' => '',
|
||||
'rynek' => $case_study['rynek'],
|
||||
'sprawdz_url' => "/case-study/" . \S::seo($case_study['title'] ),
|
||||
'image' => $case_study['logo'],
|
||||
'tags' => [ ]
|
||||
]);
|
||||
?>
|
||||
</div>
|
||||
<? endif; ?>
|
||||
<? endforeach; ?>
|
||||
3
templates_user/__partials/scontainer_195.php
Normal file
3
templates_user/__partials/scontainer_195.php
Normal file
@@ -0,0 +1,3 @@
|
||||
<?
|
||||
echo \front\view\Scontainers::scontainer(195);
|
||||
?>
|
||||
8
templates_user/__partials/wideo-i-audio-box.php
Normal file
8
templates_user/__partials/wideo-i-audio-box.php
Normal file
@@ -0,0 +1,8 @@
|
||||
<div class="col-lg-6 mb-4 mb-lg-0">
|
||||
<div class="wideo-i-audio-box">
|
||||
<img src="/upload/filemanager/new-2024/assets/Star.svg" alt="">
|
||||
<h2>Jesteśmy partnerem grupy GOinternational i partnerem kanału Go International.</h2>
|
||||
<p>Razem z sześcioma innymi firmami, doradzamy jak zacząć sprzedaż na rynkach zagranicznych.</p>
|
||||
<a class="btn1" href="#">Zobacz kanał GOinternational</a>
|
||||
</div>
|
||||
</div>
|
||||
135
templates_user/articles/article-entry.php
Normal file
135
templates_user/articles/article-entry.php
Normal file
@@ -0,0 +1,135 @@
|
||||
<? global $lang, $lang_id, $page;?>
|
||||
<?
|
||||
$this -> page_id;
|
||||
$page_template = \front\factory\Pages::get_layout_id( $this -> page_id );
|
||||
?>
|
||||
|
||||
|
||||
<? if ( $page_template == 9 or $page_template == 38 ) : ?>
|
||||
<div class="col-lg-6 mb-4 mb-lg-0">
|
||||
<div class="article-entry article-entry-v2">
|
||||
<?
|
||||
$this -> article['language']['seo_link'] ? $url = $this -> article['language']['seo_link'] : $url = 'a-' . $this -> article['id'] . '-' . \S::seo( $this -> article['language']['title'] );
|
||||
?>
|
||||
<div class="img">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>">
|
||||
<img src="<?= $this -> article['language']['main_image'] ? $this -> article['language']['main_image'] : \front\factory\Articles::get_image( $this -> article );?>" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<?
|
||||
if ( $this -> article['tags'] ):
|
||||
echo '<div class="article-tags">';
|
||||
echo '<ul>';
|
||||
foreach ( $this -> article['tags'] as $tag ):
|
||||
echo '<li>';
|
||||
echo '<a href="/tag,' . \S::seo( $tag ) . '">' . $tag . '</a>';
|
||||
echo '</li>';
|
||||
endforeach;
|
||||
echo '</ul>';
|
||||
echo '</div>';
|
||||
endif;
|
||||
?>
|
||||
<div class="article-tags">
|
||||
<?
|
||||
global $mdb;
|
||||
|
||||
$results = $mdb -> query( 'SELECT page_id FROM pp_articles_pages WHERE article_id = ' . $this -> article['id'] . ' AND page_id NOT IN (12)' ) -> fetchAll();
|
||||
if ( is_array( $results ) and !empty( $results ) ) foreach ( $results as $row )
|
||||
{
|
||||
$page_tmp = \front\factory\Pages::page_details( $row['page_id'] );
|
||||
if ( $row['page_id'] == 18 )
|
||||
$url_tmp = '/blog';
|
||||
else
|
||||
$url_tmp = \front\factory\Pages::lang_url( $page_tmp['id'], $lang_id );
|
||||
echo '<a href="' . $url_tmp . '" class="item">' . $page_tmp['language']['title'] . '</a>';
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="article-content">
|
||||
<h3 class="article-title">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>" title="<?= $this -> article['language']['title'];?>" <? if ( $this -> article['language']['noindex'] ):?>rel="nofollow"<? endif;?>><?= $this -> article['language']['title'];?></a>
|
||||
</h3>
|
||||
<div class="entry">
|
||||
<?
|
||||
$content = $this -> article['language']['entry'];
|
||||
$content = preg_replace( "/<img[^>]+\>/i", "", $content );
|
||||
$content = preg_replace( "/<p[^>]*?><\/p>/", "", $content );
|
||||
echo $content;
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<? else: ?>
|
||||
<!-- blog -->
|
||||
<? if ( $page[ 'id' ] == 11 ):?>
|
||||
<div class="col-md-3">
|
||||
<div class="article-entry partners">
|
||||
<?
|
||||
$this -> article['language']['seo_link'] ? $url = $this -> article['language']['seo_link'] : $url = 'a-' . $this -> article['id'] . '-' . \S::seo( $this -> article['language']['title'] );
|
||||
?>
|
||||
<div class="img">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>" class="more" title="<?= $this -> article['language']['title'];?>" <? if ( $this -> article['language']['noindex'] ):?>rel="nofollow"<? endif;?>>
|
||||
<img src="<?= $this -> article['language']['main_image'] ? $this -> article['language']['main_image'] : \front\factory\Articles::get_image( $this -> article );?>" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?endif;?>
|
||||
|
||||
<!-- NEW -->
|
||||
<? if ( $page[ 'id' ] == 61 or $page[ 'id' ] == 12 or $page['menu_id'] == 4 or $page['id'] == 17 ):?>
|
||||
<div class="article-entry">
|
||||
<?
|
||||
$this -> article['language']['seo_link'] ? $url = $this -> article['language']['seo_link'] : $url = 'a-' . $this -> article['id'] . '-' . \S::seo( $this -> article['language']['title'] );
|
||||
?>
|
||||
<div class="img">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>">
|
||||
<img src="<?= $this -> article['language']['main_image'] ? $this -> article['language']['main_image'] : \front\factory\Articles::get_image( $this -> article );?>" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<?
|
||||
if ( $this -> article['tags'] ):
|
||||
echo '<div class="article-tags">';
|
||||
echo '<ul>';
|
||||
foreach ( $this -> article['tags'] as $tag ):
|
||||
echo '<li>';
|
||||
echo '<a href="/tag,' . \S::seo( $tag ) . '">' . $tag . '</a>';
|
||||
echo '</li>';
|
||||
endforeach;
|
||||
echo '</ul>';
|
||||
echo '</div>';
|
||||
endif;
|
||||
?>
|
||||
<div class="article-tags">
|
||||
<?
|
||||
global $mdb;
|
||||
|
||||
$results = $mdb -> query( 'SELECT page_id FROM pp_articles_pages WHERE article_id = ' . $this -> article['id'] . ' AND page_id NOT IN (12)' ) -> fetchAll();
|
||||
if ( is_array( $results ) and !empty( $results ) ) foreach ( $results as $row )
|
||||
{
|
||||
$page_tmp = \front\factory\Pages::page_details( $row['page_id'] );
|
||||
if ( $row['page_id'] == 18 )
|
||||
$url_tmp = '/blog';
|
||||
else
|
||||
$url_tmp = \front\factory\Pages::lang_url( $page_tmp['id'], $lang_id );
|
||||
echo '<a href="' . $url_tmp . '" class="item">' . $page_tmp['language']['title'] . '</a>';
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="article-content">
|
||||
<h3 class="article-title">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>" title="<?= $this -> article['language']['title'];?>" <? if ( $this -> article['language']['noindex'] ):?>rel="nofollow"<? endif;?>><?= $this -> article['language']['title'];?></a>
|
||||
</h3>
|
||||
<div class="entry">
|
||||
<?
|
||||
$content = $this -> article['language']['entry'];
|
||||
$content = preg_replace( "/<img[^>]+\>/i", "", $content );
|
||||
$content = preg_replace( "/<p[^>]*?><\/p>/", "", $content );
|
||||
echo $content;
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?endif;?>
|
||||
<?endif;?>
|
||||
342
templates_user/articles/article.php
Normal file
342
templates_user/articles/article.php
Normal file
@@ -0,0 +1,342 @@
|
||||
<? global $lang, $lang_id, $page; ?>
|
||||
|
||||
<?
|
||||
function date_pl( $string )
|
||||
{
|
||||
$string = str_replace('Mon', 'poniedziałek', $string);
|
||||
$string = str_replace('Tue', 'wtorek', $string);
|
||||
$string = str_replace('Wed', 'środa', $string);
|
||||
$string = str_replace('Thu', 'czwartek', $string);
|
||||
$string = str_replace('Fri', 'piątek', $string);
|
||||
$string = str_replace('Sat', 'sobota', $string);
|
||||
$string = str_replace('Sun', 'niedziela', $string);
|
||||
$string = str_replace('Jan', 'styczeń', $string);
|
||||
$string = str_replace('Feb', 'luty', $string);
|
||||
$string = str_replace('Mar', 'marzec', $string);
|
||||
$string = str_replace('Apr', 'kwiecień', $string);
|
||||
$string = str_replace('May', 'maj', $string);
|
||||
$string = str_replace('Jun', 'czerwiec', $string);
|
||||
$string = str_replace('Jul', 'lipiec', $string);
|
||||
$string = str_replace('Aug', 'sierpień', $string);
|
||||
$string = str_replace('Sep', 'wrzesień', $string);
|
||||
$string = str_replace('Oct', 'październik', $string);
|
||||
$string = str_replace('Nov', 'listopad', $string);
|
||||
$string = str_replace('Dec', 'grudzień', $string);
|
||||
return $string;
|
||||
}
|
||||
|
||||
$text = $this -> article['language']['text'];
|
||||
$text = \front\factory\Articles::generateHeadersIds( $text );
|
||||
?>
|
||||
<div class="article article-<?= $this -> article['id'];?>">
|
||||
<div class="row">
|
||||
<!-- <div class="col-lg-8 offset-lg-2"> -->
|
||||
<div class="col-12">
|
||||
<p class="article-sub-title">BLOG</p>
|
||||
<?
|
||||
if ( $this -> article['show_title'] )
|
||||
echo '<h1 class="article-title">' . $this -> article['language']['title'] . '</h1>';
|
||||
|
||||
if ( $this -> article['id_author'] ):
|
||||
$author = \front\factory\Authors::get_single_author( $this -> article['id_author'] );
|
||||
?>
|
||||
<div class="author">
|
||||
<img class="image" src="<?= $author['image'];?>" alt="<?= htmlspecialchars( $author['author'] );?>">
|
||||
<p class="name"><?= $author['author'];?></p>
|
||||
|
||||
<? if($author['author_position']) : ?>
|
||||
<div class="autor-position">
|
||||
<p><?= $author['author_position'];?></p>
|
||||
</div>
|
||||
<? endif; ?>
|
||||
|
||||
<?
|
||||
if ( $this -> article['show_date_add'] )
|
||||
echo '<div class="date-add">' . date_pl( date( 'M', strtotime( $this -> article[ 'date_add' ] ) ) ) . ' ' . date( 'Y', strtotime($this -> article[ 'date_add' ] ) ) .'</div>';
|
||||
|
||||
if ( $this -> article['show_date_modify'] )
|
||||
echo '<div class="date-add">' . date_pl( date( 'M', strtotime( $this -> article[ 'date_modify' ] ) ) ) . ' ' . date( 'Y', strtotime($this -> article[ 'date_modify' ] ) ) .'</div>';
|
||||
?>
|
||||
</div>
|
||||
<?
|
||||
endif;
|
||||
?>
|
||||
</div>
|
||||
<!-- <div class="col-lg-10 offset-lg-1"> -->
|
||||
<div class="col-12">
|
||||
<? if ( $main_img = $this -> article['language']['main_image'] ):?>
|
||||
<div class="main-image">
|
||||
<img src="<?= $main_img;?>" alt="<?= htmlspecialchars( $this -> article['language']['title'] );?>">
|
||||
</div>
|
||||
<? endif;?>
|
||||
</div>
|
||||
<!-- <div class="<?= in_array( 11, $this -> article['pages'] ) ? 'col-12' : 'col-lg-8 offset-lg-2';?>"> -->
|
||||
<div class="col-12">
|
||||
<? if ( $this -> article['repeat_entry'] ):?>
|
||||
<div class="entry">
|
||||
<?= $this -> article['language']['entry'];?>
|
||||
</div>
|
||||
<? endif;?>
|
||||
<!-- <? if ( $this -> article['language']['table_of_contents'] ):?>
|
||||
<div class="table-of-contents">
|
||||
<div class="title">
|
||||
<?= \S::lang( 'spis-tresci' );?>
|
||||
</div>
|
||||
<?= $this -> article['language']['table_of_contents'];?>
|
||||
</div>
|
||||
<? else: ?>
|
||||
<div class="table-of-contents">
|
||||
<div class="title">
|
||||
<?= \S::lang( 'spis-tresci' );?>
|
||||
</div>
|
||||
<div class="spis_arr">
|
||||
<?= \front\factory\Articles::generateTableOfContents( $text );?>
|
||||
</div>
|
||||
</div>
|
||||
<? endif;?> -->
|
||||
<? if ($this->article['layout_id'] != 1 && $this->article['layout_id'] != 41) : ?>
|
||||
<div class="table-of-contents">
|
||||
<div class="title">
|
||||
<?= \S::lang( 'spis-tresci' );?>
|
||||
</div>
|
||||
<div class="spis_arr">
|
||||
<?= \front\factory\Articles::generateTableOfContents( $text );?>
|
||||
</div>
|
||||
</div>
|
||||
<? endif; ?>
|
||||
|
||||
<div class="text">
|
||||
<?
|
||||
/* artykuł wewnątrz innego artykułu */
|
||||
preg_match_all( '/ARTYKUL:[0-9]*/', $this -> article['language']['text'], $articles_list );
|
||||
if ( is_array( $articles_list[0] ) ) foreach( $articles_list[0] as $article_tmp )
|
||||
{
|
||||
$article_tmp = explode( ':', $article_tmp );
|
||||
if ( $article_tmp[1] != $this -> article['id'] )
|
||||
$text = str_replace( '[ARTYKUL:' . $article_tmp[1] . ']', \front\view\Articles::article_full( $article_tmp[1], $lang_id ), $text );
|
||||
else
|
||||
$text = str_replace( '[ARTYKUL:' . $article_tmp[1] . ']', '', $text );
|
||||
}
|
||||
|
||||
/* galeria w innym miejscu niż na końcu */
|
||||
if ( strpos( $this -> article['language']['text'], '[GALERIA]' ) !== false )
|
||||
{
|
||||
if ( is_array( $this -> article['images'] ) ):
|
||||
$tpl = new \Tpl;
|
||||
$tpl -> article = $this -> article;
|
||||
$tpl -> images = $this -> article['images'];
|
||||
$gallery = $tpl -> render( 'articles/article-gallery' );
|
||||
endif;
|
||||
$text = preg_replace('/(<p(.*)>\[GALERIA\]<\/p>|<div(.*)>\[GALERIA\]<\/div>)/', $gallery, $text );
|
||||
}
|
||||
|
||||
/* załączniki w innym miejscu niż na końcu */
|
||||
if ( strpos( $this -> article['language']['text'], '[ZALACZNIKI]' ) !== false )
|
||||
{
|
||||
if ( is_array( $this -> article['files'] ) ):
|
||||
$tpl = new \Tpl;
|
||||
$tpl -> article_id = $this -> article['id'];
|
||||
$tpl -> files = $this -> article['files'];
|
||||
$files = $tpl -> render( 'articles/article-files' );
|
||||
endif;
|
||||
$text = preg_replace('/(<p(.*)>\[ZALACZNIKI\]<\/p>|<div(.*)>\[ZALACZNIKI\]<\/div>)/', $files, $text );
|
||||
}
|
||||
|
||||
/* slider */
|
||||
if ( strpos( $text, '[SLIDER]' ) !== false )
|
||||
{
|
||||
while ( strpos( $text, '[SLIDER]' ) !== false )
|
||||
{
|
||||
$text_tmp = explode( '[SLIDER]', $text );
|
||||
$before = $text_tmp[0];
|
||||
for ( $i = 1; $i < count( $text_tmp ); $i++ )
|
||||
{
|
||||
$temp = explode( '[/SLIDER]' , $text_tmp[$i] );
|
||||
$code = $temp[0];
|
||||
|
||||
ob_start();
|
||||
|
||||
$images_tmp = explode( '|', $code );
|
||||
if ( is_array( $images_tmp ) and !empty( $images_tmp ) ) foreach ( $images_tmp as $image_tmp )
|
||||
{
|
||||
$image = explode( ';', $image_tmp );
|
||||
$images[] = $image;
|
||||
}
|
||||
|
||||
$tpl = new \Tpl;
|
||||
$tpl -> images = $images;
|
||||
$tpl -> article_id = $this -> article['id'];
|
||||
$tpl -> i = $i;
|
||||
echo $tpl -> render( 'articles/slider' );
|
||||
|
||||
$out .= ob_get_contents();
|
||||
ob_end_clean();
|
||||
|
||||
$out .= $temp[1];
|
||||
}
|
||||
$text = $before . $out;
|
||||
}
|
||||
}
|
||||
$dom = new DomDocument('1.0', 'UTF-8');
|
||||
$dom -> loadHTML( '<?xml version="1.0" encoding="UTF-8"?>' . "\n" . $text );
|
||||
$elements = $dom -> getElementsByTagName( 'img' );
|
||||
foreach ( $elements as $element )
|
||||
{
|
||||
if ( strpos( $element -> getAttribute( 'class' ), 'zoom' ) !== false )
|
||||
{
|
||||
$element_tmp = $dom -> createElement( 'a', '' );
|
||||
$element_tmp -> setAttribute( 'href', $element -> getAttribute( 'src' ) );
|
||||
$element_tmp -> setAttribute( 'rel', 'article-' . $this -> article['id'] );
|
||||
$element_tmp -> setAttribute( 'class', 'fancybox' );
|
||||
|
||||
$element_tmp_2 = $element -> cloneNode( false );
|
||||
|
||||
$element_tmp -> appendChild( $element_tmp_2 );
|
||||
|
||||
$element -> parentNode -> replaceChild( $element_tmp, $element );
|
||||
}
|
||||
}
|
||||
|
||||
echo $dom -> saveHTML();
|
||||
?>
|
||||
</div>
|
||||
<!-- <?
|
||||
if ( $this -> article['id_author'] ):
|
||||
?>
|
||||
<div class="author-footer">
|
||||
<img class="image" src="<?= $author['image'];?>" alt="<?= htmlspecialchars( $author['author'] );?>">
|
||||
<div class="right">
|
||||
<p class="name"><?= $author['author'];?></p>
|
||||
<p class="description"><?= $author['languages'][$lang_id]['description'];?></p>
|
||||
</div>
|
||||
</div>
|
||||
<?
|
||||
endif;
|
||||
?> -->
|
||||
</div>
|
||||
</div>
|
||||
<?
|
||||
$this -> article['language']['seo_link'] ? $url = $this -> article['language']['seo_link'] : $url = 'a-' . $this -> article['id'] . '-' . \S::seo( $this -> article['language']['title'] );
|
||||
if ( $this -> article['tags'] ):
|
||||
echo '<div class="article-tags">';
|
||||
echo '<ul>';
|
||||
foreach ( $this -> article['tags'] as $tag ):
|
||||
echo '<li>';
|
||||
echo '<a href="/tag,' . \S::seo( $tag ) . '">' . $tag . '</a>';
|
||||
echo '</li>';
|
||||
endforeach;
|
||||
echo '</ul>';
|
||||
echo '</div>';
|
||||
endif;
|
||||
|
||||
?>
|
||||
<?
|
||||
if ( is_array( $this -> article['images'] ) and strpos( $this -> article['language']['text'], '[GALERIA]' ) === false ):
|
||||
$tpl = new \Tpl;
|
||||
$tpl -> article = $this -> article;
|
||||
$tpl -> images = $this -> article['images'];
|
||||
echo $tpl -> render( 'articles/article-gallery' );
|
||||
endif;
|
||||
|
||||
if ( is_array( $this -> article['files'] ) and strpos( $this -> article['language']['text'], '[ZALACZNIKI]' ) === false ):
|
||||
$tpl = new \Tpl;
|
||||
$tpl -> article_id = $this -> article['id'];
|
||||
$tpl -> files = $this -> article['files'];
|
||||
echo $tpl -> render( 'articles/article-files' );
|
||||
endif;
|
||||
|
||||
|
||||
if ( $this -> article['social_icons'] ):
|
||||
?>
|
||||
<div class="social-icons">
|
||||
<a class="fb" href="http://www.facebook.com/sharer.php?u=<?= \S::get_domain_url( $_SERVER['SERVER_NAME'] );?>/<?= $url;?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" title="facebook" target="_blank" rel="nofollow">
|
||||
<img src="/images/system/logo-facebook.jpg" alt="facebook" />
|
||||
</a>
|
||||
<a class="pinterest" href="http://pinterest.com/pin/create/button/?url=<?= \S::get_domain_url( $_SERVER['SERVER_NAME'] );?>/<?= $url;?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" title="pinterest" target="_blank" rel="nofollow">
|
||||
<img src="/images/system/logo-pinterest.jpg" alt="pinterest" />
|
||||
</a>
|
||||
<a class="twitter" href="http://twitter.com/share?url=<?= \S::get_domain_url( $_SERVER['SERVER_NAME'] );?>/<?= $url;?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=600');return false;" title="twitter" target="_blank" rel="nofollow">
|
||||
<img src="/images/system/logo-twitter.jpg" alt="twitter" />
|
||||
</a>
|
||||
<a class="linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=<?= \S::get_domain_url( $_SERVER['SERVER_NAME'] );?>/<?= $url;?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=850');return false;" title="linked in" target="_blank" rel="nofollow">
|
||||
<img src="/images/system/logo-linkedin.jpg" alt="linkedin" />
|
||||
</a>
|
||||
<a class="gp" href="https://plus.google.com/share?url=<?= \S::get_domain_url( $_SERVER['SERVER_NAME'] );?>/<?= $url;?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" title="google+" target="_blank" rel="nofollow">
|
||||
<img src="/images/system/logo-google.jpg" alt="google+" />
|
||||
</a>
|
||||
</div>
|
||||
<?
|
||||
endif;
|
||||
?>
|
||||
|
||||
<div class="article-footer">
|
||||
<div class="article-footer-col-left">
|
||||
<?
|
||||
if ( $this -> article['show_date_add'] )
|
||||
echo '<div class="footer-date-add"><p>Data publikacji: <strong>' . date_pl( date( 'M', strtotime( $this -> article[ 'date_add' ] ) ) ) . ' ' . date( 'Y', strtotime($this -> article[ 'date_add' ] ) ) .'</strong></p></div>';
|
||||
?>
|
||||
|
||||
<? if ( $this -> article['id_author'] ): ?>
|
||||
<div class="footer-author">
|
||||
<p>Autor: <strong><?= $author['author'];?></strong></p>
|
||||
</div>
|
||||
<? endif; ?>
|
||||
</div>
|
||||
<div class="article-footer-col-right">
|
||||
<a href="https://<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' );?><?= \S::get_domain( $_SERVER['HTTP_HOST'] ) . '/' . $url;?>" class="btn1 btn-clip">
|
||||
<img src="/upload/filemanager/new-2024/assets/Copy2.svg" alt="">
|
||||
Skopiuj link do artykułu
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<? if (!$this -> article -> layout_id) : ?>
|
||||
<?= \front\view\Articles::news(12, \front\factory\Articles::news( 12, 7, $lang_id)); ?>
|
||||
<? endif; ?>
|
||||
|
||||
<link class="footer" href="/libraries/fancyBox/jquery.fancybox.css" rel="stylesheet" type="text/css">
|
||||
<link class="footer" href="/libraries/fancyBox/helpers/jquery.fancybox-buttons.css" rel="stylesheet" type="text/css">
|
||||
<script class="footer" type="text/javascript" src="/libraries/fancyBox/jquery.fancybox.js"></script>
|
||||
<script class="footer" type="text/javascript" src="/libraries/fancyBox/helpers/jquery.fancybox-buttons.js"></script>
|
||||
<script class="footer" type="text/javascript">
|
||||
$( document ).ready(function()
|
||||
{
|
||||
$('body').on('click', '.btn-clip', function(e) {
|
||||
e.preventDefault();
|
||||
var href = $(this).attr('href');
|
||||
navigator.clipboard.writeText(href)
|
||||
.then(function() {
|
||||
})
|
||||
.catch(function(error) {
|
||||
console.error("error: ", error);
|
||||
});
|
||||
})
|
||||
|
||||
$( ".gallery a.image" ).fancybox({
|
||||
closeBtn : false,
|
||||
helpers : {
|
||||
buttons : {}
|
||||
}
|
||||
});
|
||||
|
||||
<? if ( $this -> article['language']['table_of_contents'] ):?>
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
const observer = new IntersectionObserver(entries => {
|
||||
entries.forEach(entry => {
|
||||
const id = entry.target.getAttribute('id');
|
||||
if ( entry.intersectionRatio > 0) {
|
||||
document.querySelector('.article-<?= $this -> article['id'];?> .table-of-contents li a[href$="#' + id + '"]').parentElement.classList.add('active');
|
||||
} else {
|
||||
document.querySelector('.article-<?= $this -> article['id'];?> .table-of-contents li a[href$="#' + id + '"]').parentElement.classList.remove('active');
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll( '.article-<?= $this -> article['id'];?> .text div[id]' ).forEach((div) => {
|
||||
observer.observe(div);
|
||||
});
|
||||
});
|
||||
<? endif;?>
|
||||
});
|
||||
</script>
|
||||
88
templates_user/articles/articles-entries.php
Normal file
88
templates_user/articles/articles-entries.php
Normal file
@@ -0,0 +1,88 @@
|
||||
<?
|
||||
$this -> page_id;
|
||||
$page_template = \front\factory\Pages::get_layout_id( $this -> page_id );
|
||||
?>
|
||||
|
||||
<? if ( $page_template == 9 or $page_template == 38 ) : ?>
|
||||
<div class="row">
|
||||
<? if ( is_array( $this -> articles ) ) foreach ( $this -> articles as $key => $article )
|
||||
{
|
||||
if($key == 0) {
|
||||
$tpl = new \Tpl;
|
||||
$tpl -> page_id = $this -> page_id;
|
||||
$tpl -> article = $article;
|
||||
$tpl -> element_id = $key;
|
||||
echo $tpl -> render( '__partials/wideo-i-audio-box' );
|
||||
echo $tpl -> render( 'articles/article-entry' );
|
||||
} else {
|
||||
if ( $article['password'] and !\S::get_session( 'article-' . $article['id'] . '-' . $article['password'] ) )
|
||||
echo \front\view\Articles::password_view( [ 'article' => $article ] );
|
||||
else
|
||||
{
|
||||
$tpl = new \Tpl;
|
||||
$tpl -> page_id = $this -> page_id;
|
||||
$tpl -> article = $article;
|
||||
$tpl -> element_id = $key;
|
||||
echo $tpl -> render( 'articles/article-entry' );
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<? elseif ( $page_template == 39 ) : ?>
|
||||
<div class="row">
|
||||
<? if ( is_array( $this -> articles ) ) foreach ( $this -> articles as $key => $article ) : ?>
|
||||
<?
|
||||
$article['language']['seo_link'] ? $url = $article['language']['seo_link'] : $url = 'a-' . $article['id'] . '-' . \S::seo( $article['language']['title'] );
|
||||
?>
|
||||
|
||||
<div class="col-sm-6 col-md-3 pb-4 mb-2">
|
||||
<div class="article-entry partners">
|
||||
<div class="img">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>" class="more" title="<?= $article['language']['title'];?>" <? if ( $article['language']['noindex'] ):?>rel="nofollow"<? endif;?>>
|
||||
<img src="<?= $article['language']['main_image'] ? $article['language']['main_image'] : \front\factory\Articles::get_image( $article );?>" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<? endforeach; ?>
|
||||
</div>
|
||||
<? else: ?>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<? if ( is_array( $this -> articles ) ) foreach ( $this -> articles as $key => $article )
|
||||
{
|
||||
if( $key == 1) echo '<div class="blog-list-masonry">';
|
||||
|
||||
if($key == 0) {
|
||||
$tpl = new \Tpl;
|
||||
$tpl -> page_id = $this -> page_id;
|
||||
$tpl -> article = $article;
|
||||
$tpl -> element_id = $key;
|
||||
echo '<div class="blog-first-box">';
|
||||
echo $tpl -> render( 'articles/article-entry' );
|
||||
echo \front\view\Newsletter::newsletter();
|
||||
// include 'templates_user/blog-newsletter-v2.php';
|
||||
echo '</div>';
|
||||
} else {
|
||||
if ( $article['password'] and !\S::get_session( 'article-' . $article['id'] . '-' . $article['password'] ) )
|
||||
echo \front\view\Articles::password_view( [ 'article' => $article ] );
|
||||
else
|
||||
{
|
||||
$tpl = new \Tpl;
|
||||
$tpl -> page_id = $this -> page_id;
|
||||
$tpl -> article = $article;
|
||||
$tpl -> element_id = $key;
|
||||
echo $tpl -> render( 'articles/article-entry' );
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
if( $key == count($this -> articles) - 1) echo '</div>';
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<? endif; ?>
|
||||
58
templates_user/articles/articles-list.php
Normal file
58
templates_user/articles/articles-list.php
Normal file
@@ -0,0 +1,58 @@
|
||||
<? global $lang;?><div class="row">
|
||||
<? if ( is_array( $this -> articles ) ): foreach( $this -> articles as $article ):?>
|
||||
<div class="col-md-6"> <div class="article-list">
|
||||
<?
|
||||
$article['language']['seo_link'] ? $url = $article['language']['seo_link'] : $url = 'a-' . $article['id'] . '-' . \S::seo( $article['language']['title'] );
|
||||
?>
|
||||
<div class="img">
|
||||
<img src="<?= \front\factory\Articles::get_image( $article );?>" alt="">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<? if ( $article['tags'] ):
|
||||
echo '<div class="article-tags">';
|
||||
echo '<ul>';
|
||||
foreach ( $article['tags'] as $tag ):
|
||||
echo '<li>';
|
||||
echo '<a href="/tag,' . \S::seo( $tag ) . '">' . $tag . '</a>';
|
||||
echo '</li>';
|
||||
endforeach;
|
||||
echo '</ul>';
|
||||
echo '</div>';
|
||||
endif;
|
||||
?>
|
||||
<div class="article-content">
|
||||
<h3 class="article-title">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>" title="<?= $article['language']['title'];?>" <? if ( $article['language']['noindex'] ):?>rel="nofollow"<? endif;?>><?= $article['language']['title'];?></a>
|
||||
</h3>
|
||||
<div class="entry">
|
||||
<?
|
||||
$content = $article['language']['entry'];
|
||||
$content = preg_replace( "/<img[^>]+\>/i", "", $content );
|
||||
$content = preg_replace( "/<p[^>]*?><\/p>/", "", $content );
|
||||
echo $content;
|
||||
?>
|
||||
</div>
|
||||
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>" class="more" title="<?= $article['language']['title'];?>" <? if ( $article['language']['noindex'] ):?>rel="nofollow"<? endif;?>>Chcę czytać dalej <img alt="" src="/upload/filemanager/icons/right-yellow.svg"></a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<? endforeach; endif;?>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
63
templates_user/articles/news-list.php
Normal file
63
templates_user/articles/news-list.php
Normal file
@@ -0,0 +1,63 @@
|
||||
<div id="news-list">
|
||||
<? if ( \S::is_array_fix( $this -> articles ) ): foreach ( $this -> articles as $article ):?>
|
||||
<div class="article-entry">
|
||||
<? $article['language']['seo_link'] ? $url = $article['language']['seo_link'] : $url = 'a-' . $article['id'] . '-' . \S::seo( $article['language']['title'] );?>
|
||||
|
||||
|
||||
<div class="img">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>" title="<?= $article['language']['title'];?>" <? if ( $article['language']['noindex'] ):?>rel="nofollow"<? endif;?>>
|
||||
|
||||
<img src="<?= $article['language']['main_image'] ? $article['language']['main_image'] : \front\factory\Articles::get_image( $article );?>" alt="">
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<?
|
||||
if ( $article['tags'] ):
|
||||
echo '<div class="article-tags">';
|
||||
echo '<ul>';
|
||||
foreach ( $article['tags'] as $tag ):
|
||||
echo '<li>';
|
||||
echo '<a href="/tag,' . \S::seo( $tag ) . '">' . $tag . '</a>';
|
||||
echo '</li>';
|
||||
endforeach;
|
||||
echo '</ul>';
|
||||
echo '</div>';
|
||||
endif;
|
||||
?>
|
||||
|
||||
<div class="article-tags">
|
||||
<?
|
||||
global $mdb;
|
||||
|
||||
$results = $mdb -> query( 'SELECT page_id FROM pp_articles_pages WHERE article_id = ' . $article['id'] . ' AND page_id NOT IN (12) LIMIT 3' ) -> fetchAll();
|
||||
if ( is_array( $results ) and !empty( $results ) ) foreach ( $results as $row )
|
||||
{
|
||||
$page_tmp = \front\factory\Pages::page_details( $row['page_id'] );
|
||||
if ( $row['page_id'] == 18 )
|
||||
$url_tmp = '/blog';
|
||||
else
|
||||
$url_tmp = \front\factory\Pages::lang_url( $page_tmp['id'], $lang_id );
|
||||
echo '<a href="' . $url_tmp . '" class="item">' . $page_tmp['language']['title'] . '</a>';
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div class="article-content">
|
||||
<h3 class="article-title">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>" title="<?= $article['language']['title'];?>" <? if ( $article['language']['noindex'] ):?>rel="nofollow"<? endif;?>><?= $article['language']['title'];?></a>
|
||||
</h3>
|
||||
<div class="entry">
|
||||
<?
|
||||
$content = $article['language']['entry'];
|
||||
$content = preg_replace( "/<img[^>]+\>/i", "", $content );
|
||||
$content = preg_replace( "/<p[^>]*?><\/p>/", "", $content );
|
||||
echo $content;
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<? endforeach; endif;?>
|
||||
</div>
|
||||
64
templates_user/articles/news.php
Normal file
64
templates_user/articles/news.php
Normal file
@@ -0,0 +1,64 @@
|
||||
<? global $lang, $config, $settings;?>
|
||||
<!-- <div id="news">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<? foreach ( $this -> articles as $article ):?>
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 col-xl-3">
|
||||
<div class="article">
|
||||
<? $article[ 'language' ][ 'seo_link' ] ? $url = $article[ 'language' ][ 'seo_link' ] : $url = 'a-' . $article[ 'id' ] . '-' . \S::seo( $article[ 'language' ][ 'title' ] );?>
|
||||
<? if ( $img = \front\factory\Articles::get_image( $article ) ):?>
|
||||
<img src="<?= $img;?>" alt="">
|
||||
<? else:?>
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER[ 'HTTP_HOST' ] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>"
|
||||
class="img"></a>
|
||||
<? endif;?>
|
||||
</div>
|
||||
</div>
|
||||
<? endforeach;?>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div id="news">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<?
|
||||
foreach ( $this -> articles as $key => $article ) {
|
||||
if( $key == 1) echo '<div class="blog-list-masonry">';
|
||||
|
||||
if($key == 0) {
|
||||
$tpl = new \Tpl;
|
||||
$tpl -> page_id = $this -> page_id;
|
||||
$tpl -> article = $article;
|
||||
$tpl -> element_id = $key;
|
||||
echo '<div class="blog-first-box">';
|
||||
echo $tpl -> render( '__partials/article-entry-custom' );
|
||||
include 'templates_user/blog-newsletter-v2.php';
|
||||
echo '</div>';
|
||||
} else {
|
||||
if ( $article['password'] and !\S::get_session( 'article-' . $article['id'] . '-' . $article['password'] ) )
|
||||
echo \front\view\Articles::password_view( [ 'article' => $article ] );
|
||||
else
|
||||
{
|
||||
$tpl = new \Tpl;
|
||||
$tpl -> page_id = $this -> page_id;
|
||||
$tpl -> article = $article;
|
||||
$tpl -> element_id = $key;
|
||||
echo $tpl -> render( '__partials/article-entry-custom' );
|
||||
}
|
||||
}
|
||||
|
||||
if( $key == count($this -> articles) - 1) echo '</div>';
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mt-5 pt-4">
|
||||
<a href="/blog" class="btn1">Więcej artykułów</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
23
templates_user/blog-newsletter-v2.php
Normal file
23
templates_user/blog-newsletter-v2.php
Normal file
@@ -0,0 +1,23 @@
|
||||
<div class="newsletter-2">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3>Chcesz być ciągle na bieżąco?</h3>
|
||||
<h2>Zaufany Newsletter <span>czeka na Ciebie!</span></h2>
|
||||
|
||||
<form class="needs-validation" novalidate>
|
||||
<div class="form-group">
|
||||
<label for="email">Email:</label>
|
||||
<input type="email" class="form-control" name="email" id="email" required>
|
||||
</div>
|
||||
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" name="check" id="check" required>
|
||||
<label class="form-check-label" for="check">
|
||||
Zgadzam się na przetwarzanie swoich danych osobowych przez Administratora - Zaufane.pl z siedzibą w Rzeszowie (35-234) przy ul. Trembeckiego 11A w celu informacyjnym i marketingowym, opisanym w Polityce Prywatności.
|
||||
</label>
|
||||
</div>
|
||||
<button type="submit" name="sumbit" class="btn1">Zapisuję się!</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
40
templates_user/blog-newsletter.php
Normal file
40
templates_user/blog-newsletter.php
Normal file
@@ -0,0 +1,40 @@
|
||||
|
||||
<div class="col-12">
|
||||
<div class="newsletter">
|
||||
<div class="row">
|
||||
<div class="col-lg-7">
|
||||
<h3>Chcesz być ciągle na bieżąco?<br/>
|
||||
<strong>Zapisz się na newsletter zaufane.</strong></h3>
|
||||
|
||||
<p>Będziemy Ci wysyłać same wartościowe i zaufane treści ;)</p>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
|
||||
|
||||
<form class="needs-validation" novalidate>
|
||||
<div class="form-group">
|
||||
|
||||
<input type="email" class="form-control" name="email" id="email" required>
|
||||
<div class="invalid-feedback">
|
||||
Uzupełnij adres e-mail
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" name="check" id="check" required>
|
||||
<label class="form-check-label" for="check">Wyrażam zgodę na otrzymywanie wiadomości e-mail od Zaufane.pl*</label>
|
||||
<div class="invalid-feedback">
|
||||
Uzupełnij wymagane pole
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" name="sumbit" class="btn1">Prześlij</button>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
15
templates_user/body-top-scripts.php
Normal file
15
templates_user/body-top-scripts.php
Normal file
@@ -0,0 +1,15 @@
|
||||
<!-- Hotjar Tracking Code for https://zaufane.pl/ -->
|
||||
<script>
|
||||
(function(h,o,t,j,a,r){
|
||||
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
|
||||
h._hjSettings={hjid:2963106,hjsv:6};
|
||||
a=o.getElementsByTagName('head')[0];
|
||||
r=o.createElement('script');r.async=1;
|
||||
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
|
||||
a.appendChild(r);
|
||||
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
|
||||
</script>
|
||||
<!-- Google Tag Manager (noscript) -->
|
||||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TKFCFW5"
|
||||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||
<!-- End Google Tag Manager (noscript) -->
|
||||
67
templates_user/checklista-thank.php
Normal file
67
templates_user/checklista-thank.php
Normal file
@@ -0,0 +1,67 @@
|
||||
<header>
|
||||
<div class="content container">
|
||||
<div class="logo">
|
||||
<img src="/layout/ebook/logo.svg">
|
||||
</div>
|
||||
<div class="button">
|
||||
<a href="#formularz" class="btn">
|
||||
<img src="/layout/ebook/icon-download.svg">
|
||||
Pobierz e-booka bezpłatnie
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="box-04" id="formularz">
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
<h2><span>Dziękujemy za wypełnienie formularza.</span></h2>
|
||||
<p>Checklistę marketingową otrzymasz od nas mailem do 5 minut</p>
|
||||
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="/layout/checklista/box-4.png" alt="">
|
||||
<!-- <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
region: "na1",
|
||||
portalId: "7094950",
|
||||
formId: "325e9e91-e66a-4423-83f7-39d918182f55"
|
||||
});
|
||||
</script> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img src="/layout/checklista/star-big.svg" alt="">
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
<div class="contact">
|
||||
<p><span>t:</span> <a href="tel://+48500253000">+48 500 253 000</a></p>
|
||||
<p><span>e:</span> <a href="mailto:kontakt@zaufane.pl">kontakt@zaufane.pl</a></p>
|
||||
</div>
|
||||
<div class="links">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Polityka prywatności</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="/layout/ebook/logo.svg">
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="footer-bottom">
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
Zaufane 2024
|
||||
</div>
|
||||
<div class="right ">
|
||||
Designed by Kreatywny Brand
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
217
templates_user/checklista.php
Normal file
217
templates_user/checklista.php
Normal file
@@ -0,0 +1,217 @@
|
||||
<header>
|
||||
<div class="content container">
|
||||
<div class="logo">
|
||||
<img src="/layout/ebook/logo.svg">
|
||||
</div>
|
||||
<div class="button">
|
||||
<a href="#formularz" class="btn">
|
||||
<img src="/layout/ebook/icon-download.svg">
|
||||
Pobierz e-booka bezpłatnie
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="hero">
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
<!-- <h2>DARMOWY E-BOOK</h2> -->
|
||||
<h1>Sprawdź, <span>czy w pełni wykorzystujesz marketing opinii</span> i co możesz zrobić lepiej?</h1>
|
||||
<p>Pobierz naszą checklistę i przekonaj się, czy naprawdę wykorzystujesz marketing opinii w pełni, aby wzmacniać swój biznes!</p>
|
||||
<div class="buttons">
|
||||
<a href="#formularz" class="btn">
|
||||
<img src="/layout/ebook/icon-download.svg">
|
||||
Pobieram checklistę bezpłatnie
|
||||
</a>
|
||||
<a href="#e-book" class="btn-default">
|
||||
<img src="/layout/ebook/icon-i.svg">
|
||||
Dlaczego warto?
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="/layout/checklista/hero-right.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-01">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
<div class="left">
|
||||
<h2>Czy w pełni korzystasz z <span>marketingu opinii</span>?</h2>
|
||||
<p>
|
||||
👉 Zastanawiasz się, czy wykorzystujesz marketing opinii w sposób, który naprawdę wzmacnia Twój biznes?<br/>
|
||||
👉 Masz wątpliwości, jakie działania podjąć, aby skutecznie zarządzać opiniami klientów i jak je wykorzystać?
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>Mamy dla Ciebie rozwiązanie!</strong> Już teraz pobierz naszą checklistę i sprawdź, czy w pełni wykorzystujesz potencjał marketingu opinii. Zyskaj pewność, że Twój biznes korzysta z najlepszych dostępnych strategii do pozyskiwania i zarządzania opiniami klientów.
|
||||
</p>
|
||||
</div>
|
||||
<div class="right">
|
||||
|
||||
<div class="right-data">
|
||||
<h2>Pobierz checklistę <span>za darmo!</span></h2>
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
region: "na1",
|
||||
portalId: "7094950",
|
||||
formId: "c66487ab-acc8-446a-948d-c488e5bc8b58"
|
||||
});
|
||||
</script>
|
||||
<img src="/layout/checklista/star.svg" class="star-1" alt="">
|
||||
<img src="/layout/checklista/d-star.svg" class="star-2" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-05">
|
||||
<div class="container">
|
||||
<div class="content content-1">
|
||||
<h2><span>Dlaczego warto</span> pobrać naszą checklistę?</h2>
|
||||
</div>
|
||||
<div class="tiles">
|
||||
<div class="tile tile-1">
|
||||
<p><strong>Oszczędzisz czas</strong></p>
|
||||
<p>Nasza checklista zawiera wszystkie kluczowe elementy, które musisz uwzględnić, by efektywnie wykorzystywać marketing opinii - oszczędzisz czas i unikniesz błędów.</p>
|
||||
</div>
|
||||
|
||||
<div class="tile tile-2">
|
||||
<p><strong>Zoptymalizujesz koszty</strong></p>
|
||||
<p>Checklista pomoże Ci ocenić, czy inwestujesz w marketing opinii w sposób przynoszący najlepszy zwrot z inwestycji.</p>
|
||||
</div>
|
||||
|
||||
<div class="tile tile-3">
|
||||
<p><strong>Bądziesz pewny swoich działań</strong></p>
|
||||
<p>Dzięki naszej checkliście dowiesz się, czy właściwie zarządzasz opiniami klientów, co pozwoli Ci uniknąć potencjalnych problemów i wzmocnić swoją markę.</p>
|
||||
</div>
|
||||
|
||||
<div class="tile tile-4">
|
||||
<p><strong>Zwiększysz skuteczność kampanii</strong></p>
|
||||
<p>Dowiedz się, jak opinie klientów mogą stać się silnym narzędziem w Twoich kampaniach marketingowych, co wpłynie na wzrost liczby pozytywnych opinii i poprawę reputacji Twojej marki.</p>
|
||||
</div>
|
||||
</div>
|
||||
<img src="/layout/checklista/box-2-bg.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-06">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
<h2>Podnieś swój biznes <span>na wyższy poziom</span></h2>
|
||||
<p>Pobierz checklistę i zyskaj narzędzie, które pomoże Ci podnieść Twój biznes na wyższy poziom, dzięki skutecznemu zarządzaniu opiniami klientów.</p>
|
||||
<a href="#formularz" class="btn">
|
||||
<img src="/layout/ebook/icon-download.svg">
|
||||
Pobieram checklistę bezpłatnie
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-02" id="e-book">
|
||||
<div class="content container">
|
||||
<h2>
|
||||
Jakie są
|
||||
<u>korzyści <img src="/layout/checklista/icon-7.svg" alt=""></u>
|
||||
długofalowe?
|
||||
</h2>
|
||||
<div class="boxes">
|
||||
<div class="mini-box">
|
||||
<img src="/layout/checklista/icon-1.svg">
|
||||
<h4>Zidentyfikuj luki w swojej strategii</h4>
|
||||
<p>Dzięki naszej checkliście szybko odkryjesz obszary, w których możesz poprawić swój marketing opinii, co pozwoli Ci natychmiast wprowadzić zmiany.</p>
|
||||
</div>
|
||||
<div class="mini-box">
|
||||
<img src="/layout/checklista/icon-2.svg">
|
||||
<h4>Wzmocnij zaufanie klientów</h4>
|
||||
<p>Zrozum, jak skutecznie zarządzać opiniami, aby budować silniejszą więź z klientami i zyskać ich lojalność.</p>
|
||||
</div>
|
||||
<div class="mini-box">
|
||||
<img src="/layout/checklista/icon-3.svg">
|
||||
<h4>Popraw widoczność online</h4>
|
||||
<p>Dowiedz się, jak opinie klientów wpływają na pozycjonowanie Twojej firmy w wyszukiwarkach i jak możesz to wykorzystać na swoją korzyść.</p>
|
||||
</div>
|
||||
|
||||
<div class="mini-box">
|
||||
<img src="/layout/checklista/icon-4.svg">
|
||||
<h4>Zyskaj przewagę nad konkurencją</h4>
|
||||
<p>Wypełniając checklistę, dowiesz się, jak efektywnie wykorzystać marketing opinii, aby wyróżnić się na tle konkurencji i zdobyć nowych klientów.</p>
|
||||
</div>
|
||||
<div class="mini-box">
|
||||
<img src="/layout/checklista/icon-5.svg">
|
||||
<h4>Podnieś jakość usług</h4>
|
||||
<p>Regularne monitorowanie opinii i wdrażanie sugerowanych przez klientów zmian prowadzi do ciągłego podnoszenia jakości oferowanych usług lub produktów.</p>
|
||||
</div>
|
||||
<div class="mini-box">
|
||||
<img src="/layout/checklista/icon-6.svg">
|
||||
<h4>Zwiększ wskaźnik konwersji</h4>
|
||||
<p>Sprawnie zarządzane opinie klientów mogą znacząco wpłynąć na decyzje zakupowe innych, co bezpośrednio przełoży się na wzrost konwersji i sprzedaży</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-04" id="formularz">
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
<h2>Pobierz checklistę<br/>
|
||||
<span>za darmo!</span></h2>
|
||||
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
region: "na1",
|
||||
portalId: "7094950",
|
||||
formId: "c66487ab-acc8-446a-948d-c488e5bc8b58"
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="/layout/checklista/box-4.png" alt="">
|
||||
<!-- <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
region: "na1",
|
||||
portalId: "7094950",
|
||||
formId: "325e9e91-e66a-4423-83f7-39d918182f55"
|
||||
});
|
||||
</script> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img src="/layout/checklista/star-big.svg" alt="">
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
<div class="contact">
|
||||
<p><span>t:</span> <a href="tel://+48500253000">+48 500 253 000</a></p>
|
||||
<p><span>e:</span> <a href="mailto:kontakt@zaufane.pl">kontakt@zaufane.pl</a></p>
|
||||
</div>
|
||||
<div class="links">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Polityka prywatności</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="/layout/ebook/logo.svg">
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="footer-bottom">
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
Zaufane 2024
|
||||
</div>
|
||||
<div class="right ">
|
||||
Designed by Kreatywny Brand
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
59
templates_user/components/homeOfferCard.php
Normal file
59
templates_user/components/homeOfferCard.php
Normal file
@@ -0,0 +1,59 @@
|
||||
<div class="product-offer-card">
|
||||
<div class="offer-card-img">
|
||||
<? if($this->obrazek) : ?>
|
||||
<img class="offer-card-img-img" src="<?= $this->obrazek; ?>" alt="">
|
||||
<? endif; ?>
|
||||
|
||||
<img class="offer-card-img-star" src="/upload/filemanager/new-2024/assets/big-star-border.svg" alt="">
|
||||
|
||||
<? if($this->tags) : ?>
|
||||
<ul>
|
||||
<? foreach ($this->tags as $key => $value) : ?>
|
||||
<li><?= $value; ?></li>
|
||||
<? endforeach; ?>
|
||||
</ul>
|
||||
<? endif; ?>
|
||||
</div>
|
||||
<div class="offer-card-data">
|
||||
<? if($this->title) : ?>
|
||||
<h2><?= $this->title; ?></h2>
|
||||
<? endif; ?>
|
||||
<ul>
|
||||
<? if($this->wspolpraca) : ?>
|
||||
<li class="offer-collaboration">
|
||||
<img src="/upload/filemanager/new-2024/assets/Star.svg" alt="">
|
||||
<p>Współpraca od: <strong><?= $this->wspolpraca; ?></strong></p>
|
||||
</li>
|
||||
<? endif; ?>
|
||||
<? if($this->witryna_txt) : ?>
|
||||
<li class="offer-website">
|
||||
<img src="/upload/filemanager/new-2024/assets/Star.svg" alt="">
|
||||
<p>Witryna: <strong>
|
||||
<? if($this->witryna_url) : ?>
|
||||
<a href="<?= $this->witryna_url; ?>"><?= $this->witryna_txt; ?></a>
|
||||
<? else : ?>
|
||||
<span><?= $this->witryna_txt; ?></span>
|
||||
<? endif; ?>
|
||||
</strong></p>
|
||||
</li>
|
||||
<? endif; ?>
|
||||
<? if($this->rynek) : ?>
|
||||
<li class="offer-market">
|
||||
<img src="/upload/filemanager/new-2024/assets/Star.svg" alt="">
|
||||
<p>Rynek: <strong><?= $this->rynek; ?></strong></p>
|
||||
</li>
|
||||
<? endif; ?>
|
||||
</ul>
|
||||
<div class="offer-card-footer">
|
||||
<? if($this->sprawdz_url) : ?>
|
||||
<a href="<?= $this->sprawdz_url; ?>" class="offer-card-btn">
|
||||
Sprawdź
|
||||
<img src="/upload/filemanager/new-2024/assets/black-mini-arrow.svg" alt="">
|
||||
</a>
|
||||
<? endif; ?>
|
||||
<? if($this->image) : ?>
|
||||
<img src="<?= $this->image; ?>" alt="">
|
||||
<? endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
36
templates_user/components/navMenu.php
Normal file
36
templates_user/components/navMenu.php
Normal file
@@ -0,0 +1,36 @@
|
||||
<?php global $lang_id; ?>
|
||||
<div class="fixed-top">
|
||||
<div class="page-header cre-animate" id="top" data-animation="slide-down-from-top" data-speed="1000" data-delay="0"
|
||||
data-offset="70%" data-easing="ease">
|
||||
<div class="container big">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<nav class="navMenu">
|
||||
<div class="navLogo">
|
||||
<!-- <div class="col-7 col-sm-12 col-md-3 col-lg-2"> -->
|
||||
<a href="/"><?= \front\view\Scontainers::scontainer(20); ?></a>
|
||||
</div>
|
||||
|
||||
<div class="menu">
|
||||
<!-- <div class="menu col-5 col-sm-10 col-md-9 col-lg-6"> -->
|
||||
<?= \front\view\Menu::main_menu(\front\factory\Menu::menu_details(1), $page['id']); ?>
|
||||
</div>
|
||||
|
||||
<div class="menu2">
|
||||
<!-- <div class="col-12 col-lg-4"> -->
|
||||
<?php include 'templates_user/langs.php'; ?>
|
||||
<a href="tel:+48500253000" class="navMenu_phone d-none d-sm-block">
|
||||
<img src="/upload/filemanager/new-2024/assets/phone.svg" alt="">
|
||||
+48 500 253 000
|
||||
</a>
|
||||
<a href="<?= \front\factory\Pages::lang_url(5, $lang_id); ?>" class="btn1">
|
||||
<img src="/upload/filemanager/new-2024/assets/calendar-icon.svg" alt="">
|
||||
<?= \S::lang('umow-spotkanie'); ?>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
23
templates_user/contact-form.php
Normal file
23
templates_user/contact-form.php
Normal file
@@ -0,0 +1,23 @@
|
||||
<div class="contact-form-wrapper">
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
region: "na1",
|
||||
portalId: "7094950",
|
||||
formId: "b007eef9-5fb5-4535-821a-da1560ce2861"
|
||||
});
|
||||
</script>
|
||||
<script class="footer">
|
||||
$(function() {
|
||||
setTimeout(function() {
|
||||
var head = $("#hs-form-iframe-0").contents().find("head");
|
||||
var css = '<style type="text/css">' +
|
||||
'form { width: auto !important; border: 1px solid #f5f5f5; padding: 50px; background: #fff; border-radius: 2px; position: relative; z-index: 5; }' +
|
||||
'.hs-button{ font-family: "DM Sans",sans-serif; font-weight: 700; font-size: 16px; padding: 15px 25px !important; border-radius: 2px; letter-spacing: .7px; display: inline-block; color: #fff; background-color: #343a40 !important; border-color: #343a40 !important; } ' +
|
||||
'.hs-input { display: block; padding: 0.375rem 0.75rem !important; font-size: 1rem; line-height: 1.5; color: #495057 !important; background-color: #fff !important; background-clip: padding-box; border: 1px solid #ced4da !important; border-radius: 0.25rem !important; }' +
|
||||
'</style>';
|
||||
$(head).append(css)
|
||||
}, 1000);
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
175
templates_user/ebook.php
Normal file
175
templates_user/ebook.php
Normal file
@@ -0,0 +1,175 @@
|
||||
<header>
|
||||
<div class="content container">
|
||||
<div class="logo">
|
||||
<img src="/layout/ebook/logo.svg">
|
||||
</div>
|
||||
<div class="button">
|
||||
<a href="#formularz" class="btn">
|
||||
<img src="/layout/ebook/icon-download.svg">
|
||||
Pobierz e-booka bezpłatnie
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="hero">
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
<h2>DARMOWY E-BOOK</h2>
|
||||
<h1>Od opinii<br>do sprzedaży</h1>
|
||||
<p>czyli jak Darymex.pl zwiększył przychody dzięki opiniom od klientów.</p>
|
||||
<div class="buttons">
|
||||
<a href="#formularz" class="btn">
|
||||
<img src="/layout/ebook/icon-download.svg">
|
||||
Pobierz e-booka bezpłatnie
|
||||
</a>
|
||||
<a href="#e-book" class="btn-default">
|
||||
<img src="/layout/ebook/icon-i.svg">
|
||||
Dlaczego warto?
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="/layout/ebook/hero-right.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-01">
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
<h2><span>Pobierz e-booka</span><br>i dowiedz się</h2>
|
||||
<ul>
|
||||
<li>
|
||||
Jakie <strong>strategie</strong> pozyskiwania opinii zostały wprowadzone
|
||||
<img src="/layout/ebook/icon-li-01.png">
|
||||
</li>
|
||||
<li>
|
||||
Jakie zostały wdrożone <strong>rozwiązania</strong> i jak przebiegała <strong>realizacja</strong>
|
||||
<img src="/layout/ebook/icon-li-02.png">
|
||||
</li>
|
||||
<li>
|
||||
Jakie są <strong>wyniki</strong> współpracy i jak Darymex dzięki narzędziu Zaufane zwiększył <strong>przychody!</strong>
|
||||
<img src="/layout/ebook/icon-li-03.png">
|
||||
</li>
|
||||
</ul>
|
||||
<div class="button">
|
||||
<a href="#formularz" class="btn">
|
||||
<img src="/layout/ebook/icon-download.svg">
|
||||
Pobierz e-booka bezpłatnie
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="/layout/ebook/box-01-right.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-02" id="e-book">
|
||||
<div class="content container">
|
||||
<h2>
|
||||
Jak e-book pomoże<br>
|
||||
<span>w rozwoju <u>Twojej</u> działalności?</span>
|
||||
</h2>
|
||||
<div class="boxes">
|
||||
<div class="mini-box">
|
||||
<img src="/layout/ebook/mini-box-01.svg">
|
||||
<h4>Sprawdzone case study</h4>
|
||||
<p>Poznasz kluczowe praktyki dotyczące wykorzystania opinii w swoim biznesie na przykładzie konkretnej branży.</p>
|
||||
</div>
|
||||
<div class="mini-box">
|
||||
<img src="/layout/ebook/mini-box-01.svg">
|
||||
<h4>Rozwój Twojego sklepu</h4>
|
||||
<p>Odkryjesz, które rozwiązania mogą zaprocentować w Twoim sklepie.</p>
|
||||
</div>
|
||||
<div class="mini-box">
|
||||
<img src="/layout/ebook/mini-box-01.svg">
|
||||
<h4>Nowe umiejętności</h4>
|
||||
<p>Dowiesz sie jak skutecznie zarządzać opiniami, gdzie i jak publikować opinie klientów, aby przyciągały uwagę.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-03">
|
||||
<div class="content container">
|
||||
<h2>Poznaj <span>drugą perspektywę</span></h2>
|
||||
<div class="columns">
|
||||
<div class="left">
|
||||
<img src="/layout/ebook/darymex-logo.png">
|
||||
<div class="title">
|
||||
Wyróżniali się oni elastycznością i gotowością do dostosowania się do naszych indywidualnych potrzeb
|
||||
</div>
|
||||
<div class="text">
|
||||
“Wybór Zaufane.pl jako partnera wynikał z ich imponującej reputacji oraz zaawansowanych narzędzi, które oferują w zakresie zbierania opinii klientów. Ich solidny dorobek oraz podejście oparte na badaniach i analizach danych sprawiły, że byliśmy pewni, iż współpraca z nimi przyniesie nam wymierne korzyści. Dodatkowo, wyróżniali się oni elastycznością i gotowością do dostosowania się do naszych indywidualnych potrzeb, co było dla nas kluczowe. Nasze sklepy internetowe darymex.pl oraz darymex.de doskonale zintegrowały się z systemem zbierania opinii, którego dowodem jest ciągły wzrost opinii.”
|
||||
</div>
|
||||
<div class="avatar">
|
||||
<div class="img">
|
||||
<img src="/layout/ebook/avatar-img.png">
|
||||
</div>
|
||||
<div class="data">
|
||||
<strong>Piotr Rączka</strong><br>
|
||||
Darymex.pl
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="/layout/ebook/box-03-right.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-04" id="formularz">
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
<h2>Pobierz e-booka<br>
|
||||
<span>za darmo!</span></h2>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="/layout/ebook/box-04-icon-01.png">Podaj swojego maila, na którego prześlemy e-booka
|
||||
</li>
|
||||
<li>
|
||||
<img src="/layout/ebook/box-04-icon-02.png">Wykorzystaj zdobytą wiedzę, by rozwinąć swój biznes!
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="right">
|
||||
<?php include 'pobierz-ebook-form.php'; ?>
|
||||
<!-- <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
region: "na1",
|
||||
portalId: "7094950",
|
||||
formId: "325e9e91-e66a-4423-83f7-39d918182f55"
|
||||
});
|
||||
</script> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
<div class="contact">
|
||||
<p><span>t:</span> <a href="tel://+48500253000">+48 500 253 000</a></p>
|
||||
<p><span>e:</span> <a href="mailto:kontakt@zaufane.pl">kontakt@zaufane.pl</a></p>
|
||||
</div>
|
||||
<div class="links">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Polityka prywatności</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="/layout/ebook/logo.svg">
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="footer-bottom">
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
Zaufane 2024
|
||||
</div>
|
||||
<div class="right ">
|
||||
Designed by Kreatywny Brand
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
222
templates_user/home-page-form.php
Normal file
222
templates_user/home-page-form.php
Normal file
@@ -0,0 +1,222 @@
|
||||
<?php
|
||||
if (\S::get('action') == 'home_page_form_send') {
|
||||
if ($_SERVER["REQUEST_METHOD"] == "POST") {
|
||||
$recaptchaSecret = '6Le9GhEqAAAAAKUCOPR9QGXs4G81OGZ2CxUOu7rW';
|
||||
$recaptchaResponse = $_POST['g-recaptcha-response'];
|
||||
|
||||
// Verify reCAPTCHA
|
||||
$response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret={$recaptchaSecret}&response={$recaptchaResponse}");
|
||||
$responseKeys = json_decode($response, true);
|
||||
|
||||
if ($responseKeys["success"]) {
|
||||
$hubspot_url = "https://api.hsforms.com/submissions/v3/integration/submit/7094950/8ad893c2-2f25-4cb0-b929-6565bf6cde01";
|
||||
$hubspotutk = isset($_COOKIE['hubspotutk']) ? $_COOKIE['hubspotutk'] : null;
|
||||
|
||||
$postData = [
|
||||
'fields' => [
|
||||
[
|
||||
'name' => 'liczba_transakcji_miesiecznie',
|
||||
'value' => $_POST['monthly_transactions']
|
||||
],
|
||||
[
|
||||
'name' => 'liczba_sklepow_stacjonarnych',
|
||||
'value' => $_POST['stationary_stores']
|
||||
],
|
||||
[
|
||||
'name' => 'liczba_sklepow_lub_wersji_jezykowych',
|
||||
'value' => $_POST['language_versions']
|
||||
],
|
||||
[
|
||||
'name' => 'email',
|
||||
'value' => $_POST['email'],
|
||||
],
|
||||
[
|
||||
'name' => 'phone',
|
||||
'value' => $_POST['phone'],
|
||||
]
|
||||
],
|
||||
'context' => [
|
||||
'hutk' => $hubspotutk,
|
||||
'pageUri' => 'https://zaufane.pl/',
|
||||
'pageName' => 'zaufane.pl'
|
||||
],
|
||||
'legalConsentOptions' => [
|
||||
'consent' => [
|
||||
'content' => 'By submitting this form, you agree that we may use the data you provide to contact you with information related to your request/submission and the relevant LinkedIn product. If you are a LinkedIn member, you can control the messages you receive from LinkedIn in your settings. If you are a guest, you can unsubscribe from LinkedIn marketing emails at any time by clicking the unsubscribe link in the email. To learn more, see LinkedIn\'s Privacy Policy.',
|
||||
'consentToProcess' => true,
|
||||
'text' => 'I agree to the processing of my personal data by LinkedIn.',
|
||||
'communications' => [
|
||||
[
|
||||
'value' => true,
|
||||
'subscriptionTypeId' => 8383894,
|
||||
'text' => 'I agree to receive marketing communications from LinkedIn.'
|
||||
]
|
||||
]
|
||||
]
|
||||
]
|
||||
];
|
||||
|
||||
$jsonData = json_encode($postData);
|
||||
|
||||
// Initialize cURL
|
||||
$ch = curl_init($hubspot_url);
|
||||
|
||||
// Set cURL options
|
||||
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
|
||||
curl_setopt($ch, CURLOPT_HTTPHEADER, ['Content-Type: application/json']);
|
||||
curl_setopt($ch, CURLOPT_POST, true);
|
||||
curl_setopt($ch, CURLOPT_POSTFIELDS, $jsonData);
|
||||
|
||||
// Execute cURL request
|
||||
$response = curl_exec($ch);
|
||||
|
||||
// Check for errors
|
||||
if ($response === false) {
|
||||
$error = curl_error($ch);
|
||||
echo "cURL Error: $error";
|
||||
} else {
|
||||
// Decode response
|
||||
$responseData = json_decode($response, true);
|
||||
if (isset($responseData['inlineMessage'])) {
|
||||
echo "<div id='custom-form-response'><p>" . $responseData['inlineMessage'] . '</p></div>';
|
||||
} else {
|
||||
echo "<div id='custom-form-response'><p>" . $response . '</p></div>';
|
||||
}
|
||||
}
|
||||
|
||||
// Close cURL session
|
||||
curl_close($ch);
|
||||
?>
|
||||
<script class="footer">
|
||||
$(document).ready(function() {
|
||||
$('#custom-form').remove()
|
||||
})
|
||||
</script>
|
||||
<?php
|
||||
} else {
|
||||
// echo 'Please complete the CAPTCHA';
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<form method="POST" action="/" id="custom-form">
|
||||
<input type="hidden" name="action" value="home_page_form_send">
|
||||
|
||||
<div class="f-row">
|
||||
<p><strong>Średnia liczba transakcji miesięcznie:</strong></p>
|
||||
<span class="min">0</span>
|
||||
<span class="max">10000+</span>
|
||||
<input type="range" value="0" min="0" max="10000" step="50" name="monthly_transactions" id="">
|
||||
<output class="range-output">0</output>
|
||||
</div>
|
||||
<div class="f-row">
|
||||
<p><strong>Liczba sklepów lub wersji językowych:</strong></p>
|
||||
<span class="min">0</span>
|
||||
<span class="max">50</span>
|
||||
<input type="range" value="0" min="0" max="50" step="1" name="language_versions" id="">
|
||||
<output class="range-output">0</output>
|
||||
</div>
|
||||
<div class="f-row">
|
||||
<p><strong>Liczba sklepów stacjonarnych:</strong></p>
|
||||
<span class="min">0</span>
|
||||
<span class="max">100+</span>
|
||||
<input type="range" value="0" min="0" max="100" step="1" name="stationary_stores" id="">
|
||||
<output class="range-output">0</output>
|
||||
</div>
|
||||
<div class="f-row">
|
||||
<p><strong class="mb-3">Podaj email, aby otrzymać wycenę:</strong></p>
|
||||
|
||||
<div class="tile">
|
||||
<input type="email" name="email" id="form-email" placeholder="" required>
|
||||
<label for="form-email">Email*</label>
|
||||
</div>
|
||||
<div class="tile">
|
||||
<input type="text" name="phone" id="form-phone" placeholder="" required>
|
||||
<label for="form-phone">Numer telefonu*</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="checkbox-row">
|
||||
<input type="checkbox" name="" id="checkbox-1" required>
|
||||
<label for="checkbox-1">*Wyrażam zgodę na otrzymywanie innych powiadomień od firmy ... <a href="#" id="info-for-checkbox-1">Więcej</a></label>
|
||||
</div>
|
||||
<div class="checkbox-row">
|
||||
<input type="checkbox" name="" id="checkbox-2" required>
|
||||
<label for="checkbox-2">*Wyrażam zgodę na przechowywanie i przetwarzanie moich danych ... <a href="#" id="info-for-checkbox-2">Więcej</a></label>
|
||||
</div>
|
||||
|
||||
<div class="g-recaptcha" data-sitekey="6Le9GhEqAAAAAASXQqtDHPWmC1qJyLocYLZD2KAR"></div>
|
||||
<button type="submit" class="btn1">Otrzymaj wycenę</button>
|
||||
</form>
|
||||
|
||||
<style>
|
||||
.checkbox-rows{
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
max: 500px;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
padding: 40px;
|
||||
border-radius: 24px;
|
||||
border: 1px solid yellow;
|
||||
background: white;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script class="footer">
|
||||
$(document).ready(function() {
|
||||
$('body').on('click', '#info-for-checkbox-1', function (e) {
|
||||
e.preventDefault()
|
||||
$.alert({
|
||||
title: '',
|
||||
content: 'Wyrażam zgodę na otrzymywanie innych powiadomień od firmy Zaufane.pl. Aby zapewnić Państwu żądane treści, musimy przechowywać i przetwarzać Państwa dane osobowe. Jeśli wyrażają Państwo zgodę na przechowywanie Państwa danych osobowych w tym celu, prosimy zaznaczyć poniższe pole wyboru.',
|
||||
});
|
||||
})
|
||||
|
||||
$('body').on('click', '#info-for-checkbox-2', function (e) {
|
||||
e.preventDefault()
|
||||
$.alert({
|
||||
title: '',
|
||||
content: 'Wyrażam zgodę na przechowywanie i przetwarzanie moich danych osobowych przez firmę Zaufane.pl.* W każdej chwili mogą Państwo zrezygnować z tych komunikatów. Aby uzyskać więcej informacji na temat sposobu rezygnacji z subskrypcji, naszych zasad ochrony prywatności oraz tego, w jaki sposób zobowiązujemy się do ochrony i poszanowania prywatności, należy zapoznać się z naszą Polityką Prywatności.',
|
||||
});
|
||||
})
|
||||
|
||||
$('input[type="range"]').on('input', function() {
|
||||
var value = $(this).val();
|
||||
$(this).next('.range-output').text(value);
|
||||
});
|
||||
|
||||
|
||||
$(".f-row").each(function() {
|
||||
const range = $(this).find("input");
|
||||
const bubble = $(this).find(".range-output");
|
||||
|
||||
range.on("input", function() {
|
||||
setBubble(range, bubble);
|
||||
});
|
||||
setBubble(range, bubble);
|
||||
});
|
||||
|
||||
function setBubble(range, bubble) {
|
||||
const val = range.val();
|
||||
const min = range.attr("min") ? range.attr("min") : 0;
|
||||
const max = range.attr("max") ? range.attr("max") : 100;
|
||||
const newVal = Number(((val - min) * 100) / (max - min));
|
||||
bubble.html(`${val}`);
|
||||
|
||||
bubble.css("left", `calc(${newVal}% + (${8 - newVal * 0.15}px))`);
|
||||
}
|
||||
|
||||
$('input[type="range"]').on('input', function() {
|
||||
var tempSliderValue = Number($(this).val());
|
||||
$(this).next('.range-output').text(tempSliderValue);
|
||||
|
||||
var progress = ((tempSliderValue / $(this).attr("max"))) * 100;
|
||||
$(this).css("background", `linear-gradient(to right, #ffbf0b ${progress}%, #ccc ${progress}%)`);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
88
templates_user/home-page-hero.php
Normal file
88
templates_user/home-page-hero.php
Normal file
@@ -0,0 +1,88 @@
|
||||
|
||||
<div id="hero-slider">
|
||||
<div class="container big ">
|
||||
<div class="row">
|
||||
<div class="col-md-7 d-none d-xl-block">
|
||||
<div class="hero-slider-box">
|
||||
<div class="swiper hero-slider">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<figure>
|
||||
<picture>
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/1/Screen-1920x1080-slide-1056x880.jpg" media="(min-width: 1921px)">
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/1/Screen-1536x864-slide-845x880.jpg" media="(min-width: 1537px) and (max-width: 1920px)">
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/1/Screen-1280x960-slide-704x880.jpg" media="(max-width: 1536px)">
|
||||
<img class="nolazy" src="/upload/filemanager/images/home/slider-2024/08/1/Screen-1920x1080-slide-1056x880.jpg" alt="">
|
||||
</picture>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<figure>
|
||||
<picture>
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/2/Screen-1920x1080-slide-1056x880.jpg" media="(min-width: 1921px)">
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/2/Screen-1536x864-slide-845x880.jpg" media="(min-width: 1537px) and (max-width: 1920px)">
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/2/Screen-1280x960-slide-704x880.jpg" media="(max-width: 1536px)">
|
||||
<img class="nolazy" src="/upload/filemanager/images/home/slider-2024/08/2/Screen-1920x1080-slide-1056x880.jpg" alt="">
|
||||
</picture>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<figure>
|
||||
<picture>
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/3/Screen-1920x1080-slide-1056x880.jpg" media="(min-width: 1921px)">
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/3/Screen-1536x864-slide-845x880.jpg" media="(min-width: 1537px) and (max-width: 1920px)">
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/3/Screen-1280x960-slide-704x880.jpg" media="(max-width: 1536px)">
|
||||
<img class="nolazy" src="/upload/filemanager/images/home/slider-2024/08/3/Screen-1920x1080-slide-1056x880.jpg" alt="">
|
||||
</picture>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<figure>
|
||||
<picture>
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/4/Screen-1920x1080-slide-1056x880.jpg" media="(min-width: 1921px)">
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/4/Screen-1536x864-slide-845x880.jpg" media="(min-width: 1537px) and (max-width: 1920px)">
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/4/Screen-1280x960-slide-704x880.jpg" media="(max-width: 1536px)">
|
||||
<img class="nolazy" src="/upload/filemanager/images/home/slider-2024/08/4/Screen-1920x1080-slide-1056x880.jpg" alt="">
|
||||
</picture>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<figure>
|
||||
<picture>
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/5/Screen-1920x1080-slide-1056x880.jpg" media="(min-width: 1921px)">
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/5/Screen-1536x864-slide-845x880.jpg" media="(min-width: 1537px) and (max-width: 1920px)">
|
||||
<source srcset="/upload/filemanager/images/home/slider-2024/08/5/Screen-1280x960-slide-704x880.jpg" media="(max-width: 1536px)">
|
||||
<img class="nolazy" src="/upload/filemanager/images/home/slider-2024/08/5/Screen-1920x1080-slide-1056x880.jpg" alt="">
|
||||
</picture>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-5 col-right">
|
||||
<? include 'templates_user/home-page-form.php' ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script class="footer">
|
||||
$(document).ready(function() {
|
||||
var swiper = new Swiper(".hero-slider", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
});
|
||||
</script>
|
||||
602
templates_user/landing-nfc.php
Normal file
602
templates_user/landing-nfc.php
Normal file
@@ -0,0 +1,602 @@
|
||||
<section class="offer-timer">
|
||||
<div class="content container">
|
||||
<div class="wrapper-offer-timer">
|
||||
<ul>
|
||||
<li class="days-num">00</li>
|
||||
<li class="days-text">DNI</li>
|
||||
<li class="days-separator">:</li>
|
||||
|
||||
<li class="hours-num">00</li>
|
||||
<li class="hours-text">GODZIN</li>
|
||||
<li class="hours-separator">:</li>
|
||||
|
||||
<li class="minutes-num">00</li>
|
||||
<li class="minutes-text">MINUT</li>
|
||||
<li class="minutes-separator">:</li>
|
||||
|
||||
<li class="seconds-num">0</li>
|
||||
<li class="seconds-text">SEKUND</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="offer-data">
|
||||
<h2>PROMOCJA -50%</h2>
|
||||
<p><strong>DLA SŁUCHACZY MWF</strong><br />
|
||||
Użyj kodu <strong>MWF50</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<header>
|
||||
<div class="content container">
|
||||
<div class="logo">
|
||||
<img src="/layout/nfc/logo.svg">
|
||||
</div>
|
||||
<div class="button">
|
||||
<a href="#" class="btn">
|
||||
Wybierz pakiet
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="hero">
|
||||
<div class="content container">
|
||||
<div class="left">
|
||||
<!-- <h2>DARMOWY E-BOOK</h2> -->
|
||||
<h1>
|
||||
<span class="l1">pozytywne opinie</span>
|
||||
<br />
|
||||
<span class="l2">na wyciągniecie ręki</span>
|
||||
</h1>
|
||||
<p>Pozyskiwanie opinii nigdy dotąd nie było tak proste! Dziesiątki nowych klientów dzięki pozytywnym opiniom w Google i na Twojej stronie www.</p>
|
||||
<div class="buttons">
|
||||
<a href="#" class="btn btn-green">
|
||||
Już od 99 PLN netto
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="/layout/nfc/hero-1.png">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-1">
|
||||
<div class="container content">
|
||||
<div class="box-big-title">
|
||||
<h2 class="big-title">Co zyskasz?</h2>
|
||||
<p>Roczny dostęp do narzędzia Zaufane.pl dzięki któremu zbudujesz pozytywny wizerunek swojej firmy i przekonasz <strong>dziesiątki</strong> nowych klientów</p>
|
||||
</div>
|
||||
|
||||
<div class="tiles">
|
||||
<div class="tile tile-1">
|
||||
<span>01</span>
|
||||
<h3>Opinie na Twoją stronę i Wizytowkę Google</h3>
|
||||
<p>Poznasz cztery przykłady poważnych błędów różnych e-commerce'ów, które wydarzyły się w trakcie Black Friday.</p>
|
||||
</div>
|
||||
<div class="tile tile-2">
|
||||
<span>02</span>
|
||||
<h3>Łatwe metody pozyskiwania opinii</h3>
|
||||
<p>Sprawdzisz 44 błędy wraz z rozwiązaniami, powstałe w wyniku analizy przedstawionych historii sklepów internetowych.</p>
|
||||
</div>
|
||||
<div class="tile tile-3">
|
||||
<span>03</span>
|
||||
<h3>Certyfikat wiarygodności niezależności</h3>
|
||||
<p>Otrzymasz punkt po punkcie listę, dzięki której dowiesz się co zrobić przed, po i w trakcie Black Friday, by uniknąć błędów.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="#" class="btn btn-green">Zamów już teraz -50%</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-2">
|
||||
<div class="container content">
|
||||
<h2>Setki zadowolonych klientów</h2>
|
||||
<ul class="clients">
|
||||
<li><img src="/layout/nfc/clients/1.png" alt="client-1"></li>
|
||||
<li><img src="/layout/nfc/clients/2.png" alt="client-2"></li>
|
||||
<li><img src="/layout/nfc/clients/3.png" alt="client-3"></li>
|
||||
<li><img src="/layout/nfc/clients/4.png" alt="client-4"></li>
|
||||
<li><img src="/layout/nfc/clients/5.png" alt="client-5"></li>
|
||||
<li><img src="/layout/nfc/clients/6.png" alt="client-6"></li>
|
||||
<li><img src="/layout/nfc/clients/7.png" alt="client-7"></li>
|
||||
<li><img src="/layout/nfc/clients/8.png" alt="client-8"></li>
|
||||
<li><img src="/layout/nfc/clients/9.png" alt="client-9"></li>
|
||||
<li><img src="/layout/nfc/clients/10.png" alt="client-10"></li>
|
||||
<li><img src="/layout/nfc/clients/11.png" alt="client-11"></li>
|
||||
<li><img src="/layout/nfc/clients/12.png" alt="client-12"></li>
|
||||
|
||||
<li><img src="/layout/nfc/clients/1.png" alt="client-1"></li>
|
||||
<li><img src="/layout/nfc/clients/2.png" alt="client-2"></li>
|
||||
<li><img src="/layout/nfc/clients/3.png" alt="client-3"></li>
|
||||
<li><img src="/layout/nfc/clients/4.png" alt="client-4"></li>
|
||||
<li><img src="/layout/nfc/clients/5.png" alt="client-5"></li>
|
||||
<li><img src="/layout/nfc/clients/6.png" alt="client-6"></li>
|
||||
<li><img src="/layout/nfc/clients/7.png" alt="client-7"></li>
|
||||
<li><img src="/layout/nfc/clients/8.png" alt="client-8"></li>
|
||||
<li><img src="/layout/nfc/clients/9.png" alt="client-9"></li>
|
||||
<li><img src="/layout/nfc/clients/10.png" alt="client-10"></li>
|
||||
<li><img src="/layout/nfc/clients/11.png" alt="client-11"></li>
|
||||
<li><img src="/layout/nfc/clients/12.png" alt="client-12"></li>
|
||||
|
||||
<li><img src="/layout/nfc/clients/1.png" alt="client-1"></li>
|
||||
<li><img src="/layout/nfc/clients/2.png" alt="client-2"></li>
|
||||
<li><img src="/layout/nfc/clients/3.png" alt="client-3"></li>
|
||||
<li><img src="/layout/nfc/clients/4.png" alt="client-4"></li>
|
||||
<li><img src="/layout/nfc/clients/5.png" alt="client-5"></li>
|
||||
<li><img src="/layout/nfc/clients/6.png" alt="client-6"></li>
|
||||
<li><img src="/layout/nfc/clients/7.png" alt="client-7"></li>
|
||||
<li><img src="/layout/nfc/clients/8.png" alt="client-8"></li>
|
||||
<li><img src="/layout/nfc/clients/9.png" alt="client-9"></li>
|
||||
<li><img src="/layout/nfc/clients/10.png" alt="client-10"></li>
|
||||
<li><img src="/layout/nfc/clients/11.png" alt="client-11"></li>
|
||||
<li><img src="/layout/nfc/clients/12.png" alt="client-12"></li>
|
||||
|
||||
<li><img src="/layout/nfc/clients/1.png" alt="client-1"></li>
|
||||
<li><img src="/layout/nfc/clients/2.png" alt="client-2"></li>
|
||||
<li><img src="/layout/nfc/clients/3.png" alt="client-3"></li>
|
||||
<li><img src="/layout/nfc/clients/4.png" alt="client-4"></li>
|
||||
<li><img src="/layout/nfc/clients/5.png" alt="client-5"></li>
|
||||
<li><img src="/layout/nfc/clients/6.png" alt="client-6"></li>
|
||||
<li><img src="/layout/nfc/clients/7.png" alt="client-7"></li>
|
||||
<li><img src="/layout/nfc/clients/8.png" alt="client-8"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-3">
|
||||
<div class="container content">
|
||||
<div class="box-big-title">
|
||||
<h2 class="big-title">
|
||||
OPINIE NA TWOJĄ<br />
|
||||
<span>stronę www</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div class="c-row">
|
||||
<div class="c-col c-col-1">
|
||||
<img src="/layout/nfc/btn-3-img-1.png" alt="">
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<h3>Przekonywującą strona to podstawa!</h3>
|
||||
<ul>
|
||||
<li>Nawet kilkadziesiąt pozytywnych opinii dziennie od Twoich Klientów to możliwe,</li>
|
||||
<li>Badaj nastrój klienta zanim zapytasz go o opinie,</li>
|
||||
<li>Unikaj negatywnych opinii</li>
|
||||
</ul>
|
||||
|
||||
<a href="#" class="btn btn-green">Zamów już teraz -50%</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-4">
|
||||
<div class="container content">
|
||||
<h2>2 sposoby pozyskiwania opinii</h2>
|
||||
|
||||
<div class="tiles">
|
||||
<div class="tile tile-1">
|
||||
<p class="big-title">QR CODE</p>
|
||||
|
||||
<ul>
|
||||
<li>Nawet kilkadziesiąt <strong>pozytywnych opinii</strong><br/> dziennie od Twoich Klientów to możliwe,</li>
|
||||
<li>Badaj nastrój klienta zanim zapytasz go o opinie,</li>
|
||||
<li>Unikaj negatywnych <strong>opinii</strong></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tile tile-2">
|
||||
<div class="tile-data">
|
||||
<p class="big-title">LINK</p>
|
||||
|
||||
<ul>
|
||||
<li>Nawet kilkadziesiąt pozytywnych opinii dziennie od Twoich Klientów to możliwe,</li>
|
||||
<li>Badaj nastrój <strong>klienta zanim zapytasz</strong> go o opinie,</li>
|
||||
<li>Unikaj negatywnych opinii</li>
|
||||
</ul>
|
||||
|
||||
<a href="#" class="btn btn-green">Wybierz swój pakiet</a>
|
||||
</div>
|
||||
<img src="/layout/nfc/box-4-img-2.jpg" alt="">
|
||||
</div>
|
||||
<div class="tile tile-3">
|
||||
<img src="/layout/nfc/box-4-img-1.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-5">
|
||||
<div class="container content">
|
||||
<div class="box-big-title">
|
||||
<h2 class="big-title">JAK TO DZIAŁa?</h2>
|
||||
<p>Wiesz już, że działa... ale jak? Obejrzyj krótki film i poznaj szczegóły działania naszej usługi.</p>
|
||||
</div>
|
||||
|
||||
<div class="tiles">
|
||||
<div class="tile tile-1">
|
||||
<p>Udostępniamy QR Code</p>
|
||||
<img src="/layout/nfc/box-5-img-1.png" alt="">
|
||||
</div>
|
||||
<div class="tile-arrow tile-arrow-1">
|
||||
<img src="/layout/nfc/arrow-dashed-mini.svg" alt="">
|
||||
</div>
|
||||
<div class="tile tile-2">
|
||||
<p>Wysyłamy link w mailu, sms'em lub jako przycisk</p>
|
||||
<img src="/layout/nfc/box-5-img-2.svg" alt="">
|
||||
</div>
|
||||
<div class="tile-arrow tile-arrow-2">
|
||||
<img src="/layout/nfc/arrow-dashed-mini.svg" alt="">
|
||||
</div>
|
||||
|
||||
<div class="tile tile-3">
|
||||
<p>Wyświetlamy ankietę</p>
|
||||
<span class="empty-box"></span>
|
||||
</div>
|
||||
<div class="tile-arrow tile-arrow-3">
|
||||
<p>Ocena: 5</p>
|
||||
<img src="/layout/nfc/arrow-dashed-big.svg" alt="">
|
||||
</div>
|
||||
<div class="tile-arrow tile-arrow-4">
|
||||
<p>Ocena: 1-3</p>
|
||||
<img src="/layout/nfc/arrow-dashed-big.svg" alt="">
|
||||
</div>
|
||||
|
||||
<div class="tile tile-4">
|
||||
<p>Zapraszamy do wizytówki Google</p>
|
||||
<img src="/layout/nfc/box-5-img-3.png" alt="">
|
||||
</div>
|
||||
<div class="tile-arrow tile-arrow-5">
|
||||
<img src="/layout/nfc/arrow-dashed-mini.svg" alt="">
|
||||
</div>
|
||||
<div class="tile tile-5">
|
||||
<p>Pytamy:<br /> Co możemy zrobić lepiej?</p>
|
||||
<img src="/layout/nfc/box-5-img-4.svg" alt="">
|
||||
</div>
|
||||
<div class="tile tile-6">
|
||||
<p>Udostępniamy Twoje pozytywne opinie</p>
|
||||
<span class="empty-box"></span>
|
||||
</div>
|
||||
<div class="tile-arrow tile-arrow-6">
|
||||
<img src="/layout/nfc/arrow-dashed-mini.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="#" class="btn btn-green">Zamów już teraz -50%</a>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-6">
|
||||
<div class="container content">
|
||||
<div class="box-big-title">
|
||||
<h2 class="big-title">JAK TO DZIAŁa?</h2>
|
||||
|
||||
<div class="slider-nav">
|
||||
<div class="swiper-button-prev">
|
||||
<img src="/layout/nfc/arrow-left.svg" alt="">
|
||||
</div>
|
||||
<div class="swiper-button-next">
|
||||
<img src="/layout/nfc/arrow-right.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reviews-box">
|
||||
<div class="swiper reviews-slider">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img class="nolazy" src="/layout/nfc/huawei-logo.png" alt="">
|
||||
|
||||
<p>Lorem ipsum dolor sit amet consectetur. Consectetur enim nibh tortor sed eget sit. Porttitor suspendisse malesuada vitae nunc elit ultrices tortor sed. Non scelerisque cursus velit cum euismod massa gravida rhoncus elementum. Maecenas a interdum rutrum euismod. Nibh id.</p>
|
||||
|
||||
<div class="reviews-author">
|
||||
<div class="author-img">
|
||||
<img class="nolazy" src="/layout/nfc/Theresa Webb.png" alt="">
|
||||
</div>
|
||||
<div class="author-data">
|
||||
<p><strong>Theresa Webb</strong></p>
|
||||
<p>CEO ABC</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<img class="nolazy" src="/layout/nfc/raizer-logo.png" alt="">
|
||||
|
||||
<p>Lorem ipsum dolor sit amet consectetur. Enim pellentesque semper at ac proin scelerisque id nulla congue. Ac tristique ut suspendisse gravida. Blandit amet aenean luctus enim sagittis in aliquam. Vitae ac purus metus pretium venenatis.
|
||||
Pulvinar dui mi cras in neque. Aliquet ullamcorper euismod ultricies ac id. Nunc in morbi eu diam sed ornare est. Odio faucibus etiam magna lorem porttitor. Dolor sodales metus sed euismod. Orci at adipiscing enim facilisis. Habitant sit viverra nibh.</p>
|
||||
|
||||
<div class="reviews-author">
|
||||
<div class="author-img">
|
||||
<img class="nolazy" src="/layout/nfc/Theresa Webb.png" alt="">
|
||||
</div>
|
||||
<div class="author-data">
|
||||
<p><strong>Wade Warren</strong></p>
|
||||
<p>Właściciel Xyz</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<img class="nolazy" src="/layout/nfc/pepsi-logo.png" alt="">
|
||||
|
||||
<p>Lorem ipsum dolor sit amet consectetur. Consectetur enim nibh tortor sed eget sit. Porttitor suspendisse malesuada vitae nunc elit ultrices tortor sed. Non scelerisque cursus velit cum euismod massa gravida rhoncus elementum. Maecenas a interdum rutrum euismod. Nibh id.</p>
|
||||
|
||||
<div class="reviews-author">
|
||||
<div class="author-img">
|
||||
<img class="nolazy" src="/layout/nfc/Theresa Webb.png" alt="">
|
||||
</div>
|
||||
<div class="author-data">
|
||||
<p><strong>Robert Fox</strong></p>
|
||||
<p>CEO Pepsi Co.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<img class="nolazy" src="/layout/nfc/huawei-logo.png" alt="">
|
||||
|
||||
<p>Lorem ipsum dolor sit amet consectetur. Consectetur enim nibh tortor sed eget sit. Porttitor suspendisse malesuada vitae nunc elit ultrices tortor sed. Non scelerisque cursus velit cum euismod massa gravida rhoncus elementum. Maecenas a interdum rutrum euismod. Nibh id.</p>
|
||||
|
||||
<div class="reviews-author">
|
||||
<div class="author-img">
|
||||
<img class="nolazy" src="/layout/nfc/Theresa Webb.png" alt="">
|
||||
</div>
|
||||
<div class="author-data">
|
||||
<p><strong>Theresa Webb</strong></p>
|
||||
<p>CEO ABC</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-7">
|
||||
<div class="container content">
|
||||
<div class="c-row">
|
||||
<div class="c-col-1">
|
||||
<h2 class="big-title">FAQ</h2>
|
||||
|
||||
<div class="author-box">
|
||||
<p><strong>Masz więcej pytań?</strong> Zadzwoń!</p>
|
||||
|
||||
<div class="author-info">
|
||||
<div class="author-img">
|
||||
<img src="/upload/filemanager/SH-2-1.png" alt="">
|
||||
</div>
|
||||
<div class="author-data">
|
||||
<p><strong>Sebastian Horoszko</strong></p>
|
||||
<a href="tel:+48123456789">+48 123 456 789</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-col-2">
|
||||
<ul class="accordion">
|
||||
<li>
|
||||
<div class="accordion-title">
|
||||
<h3>Elit nisl ac ut diam?</h3>
|
||||
<span class="arrow"></span>
|
||||
</div>
|
||||
<div class="accordion-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, sint aspernatur ducimus quia doloremque perferendis distinctio! Blanditiis, accusamus repudiandae nihil tempore quo nemo sint ea dolorem facere ex natus ipsam.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="accordion-title">
|
||||
<h3>Et odio vel feugiat condimentum tortor nullam sit?</h3>
|
||||
<span class="arrow"></span>
|
||||
</div>
|
||||
<div class="accordion-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, sint aspernatur ducimus quia doloremque perferendis distinctio! Blanditiis, accusamus repudiandae nihil tempore quo nemo sint ea dolorem facere ex natus ipsam.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="accordion-title">
|
||||
<h3>Ut nunc nunc?</h3>
|
||||
<span class="arrow"></span>
|
||||
</div>
|
||||
<div class="accordion-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, sint aspernatur ducimus quia doloremque perferendis distinctio! Blanditiis, accusamus repudiandae nihil tempore quo nemo sint ea dolorem facere ex natus ipsam.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="accordion-title">
|
||||
<h3>Suspendisse sed blandit massa risus elementum?</h3>
|
||||
<span class="arrow"></span>
|
||||
</div>
|
||||
<div class="accordion-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, sint aspernatur ducimus quia doloremque perferendis distinctio! Blanditiis, accusamus repudiandae nihil tempore quo nemo sint ea dolorem facere ex natus ipsam.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="accordion-title">
|
||||
<h3>Ultrices egestas nunc at mi sollicitudin habitasse sed nisi ut?</h3>
|
||||
<span class="arrow"></span>
|
||||
</div>
|
||||
<div class="accordion-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, sint aspernatur ducimus quia doloremque perferendis distinctio! Blanditiis, accusamus repudiandae nihil tempore quo nemo sint ea dolorem facere ex natus ipsam.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="offer-timer">
|
||||
<div class="content container">
|
||||
<div class="wrapper-offer-timer">
|
||||
<ul>
|
||||
<li class="days-num">00</li>
|
||||
<li class="days-text">DNI</li>
|
||||
<li class="days-separator">:</li>
|
||||
|
||||
<li class="hours-num">00</li>
|
||||
<li class="hours-text">GODZIN</li>
|
||||
<li class="hours-separator">:</li>
|
||||
|
||||
<li class="minutes-num">00</li>
|
||||
<li class="minutes-text">MINUT</li>
|
||||
<li class="minutes-separator">:</li>
|
||||
|
||||
<li class="seconds-num">0</li>
|
||||
<li class="seconds-text">SEKUND</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="offer-data">
|
||||
<h2>PROMOCJA -50%</h2>
|
||||
<p><strong>DLA SŁUCHACZY MWF</strong><br />
|
||||
Użyj kodu <strong>MWF50</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-8">
|
||||
<div class="container content">
|
||||
<div class="tiles">
|
||||
<div class="tile tile-1">
|
||||
<div class="title-tag">
|
||||
<span>Najbardziej elastyczny</span>
|
||||
</div>
|
||||
<p>Płatność miesięczna</p>
|
||||
<h3>99 PLN</h3>
|
||||
<p>Introduce your simple pricing plan with a beautifully crafted pricing card design that grabs attention and intrigues.</p>
|
||||
<a href="#" class="btn btn-green">Kup teraz</a>
|
||||
</div>
|
||||
<div class="tile tile-2">
|
||||
<div class="title-tag">
|
||||
<span>Najczęściej wybierany</span>
|
||||
</div>
|
||||
<p>Płatność roczna <strong>20% taniej</strong></p>
|
||||
<h3>950 PLN</h3>
|
||||
<p>Introduce your simple pricing plan with a beautifully crafted pricing card design that grabs attention and intrigues.</p>
|
||||
<a href="#" class="btn btn-green">Kup teraz</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="footer-box-1">
|
||||
<div class="container content">
|
||||
<div class="c-row">
|
||||
<div class="c-col-1">
|
||||
<ul class="footer-menu-1">
|
||||
<li>
|
||||
<a href="tel:+48123456789">t: +48 123 456 789</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:biuro@zaufane.pl">e: biuro@zaufane.pl</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="footer-menu-2">
|
||||
<li>
|
||||
<a href="#">Regulamin</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Polityka prywatności</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="c-col-2">
|
||||
<div class="f-logo">
|
||||
<img src="/layout/nfc/logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-box-2">
|
||||
<div class="container content">
|
||||
<span>Zaufane 2024</span>
|
||||
<span>Designed by Kreatywny Brand</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<script class="footer">
|
||||
$(function() {
|
||||
const endDate = new Date("2024-11-01T00:00:00").getTime();
|
||||
|
||||
function updateCountdown() {
|
||||
const now = new Date().getTime();
|
||||
const timeLeft = endDate - now;
|
||||
|
||||
const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
|
||||
const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
|
||||
const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
|
||||
const seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);
|
||||
|
||||
$(".days-num").text(days);
|
||||
$(".hours-num").text(hours.toString().padStart(2, '0'));
|
||||
$(".minutes-num").text(minutes.toString().padStart(2, '0'));
|
||||
$(".seconds-num").text(seconds.toString().padStart(2, '0'));
|
||||
|
||||
if (timeLeft <= 0) {
|
||||
clearInterval(countdownInterval);
|
||||
$(".days-num, .hours-num, .minutes-num, .seconds-num").text("00");
|
||||
}
|
||||
}
|
||||
|
||||
const countdownInterval = setInterval(updateCountdown, 1000);
|
||||
|
||||
updateCountdown();
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
var swiper = new Swiper(".reviews-slider", {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".box-6 .swiper-button-next",
|
||||
prevEl: ".box-6 .swiper-button-prev",
|
||||
},
|
||||
on: {
|
||||
init: function () {
|
||||
setEqualHeight(this);
|
||||
},
|
||||
resize: function () {
|
||||
setEqualHeight(this);
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
function setEqualHeight(swiper) {
|
||||
var maxHeight = 0;
|
||||
|
||||
swiper.slides.forEach(function(slide) {
|
||||
var slideHeight = slide.offsetHeight;
|
||||
if (slideHeight > maxHeight) {
|
||||
maxHeight = slideHeight;
|
||||
}
|
||||
});
|
||||
|
||||
swiper.slides.forEach(function(slide) {
|
||||
slide.style.height = maxHeight + 'px';
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(function() {
|
||||
$('body').on('click', '.accordion .accordion-title', function() {
|
||||
$(this).parent().toggleClass('active');
|
||||
$(this).siblings('.accordion-content').slideToggle('fast');
|
||||
|
||||
if ($(this).parent().hasClass('active')) {
|
||||
$(this).parent().siblings().removeClass('active');
|
||||
$(this).parent().siblings().find('.accordion-content').slideUp('fast');
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
17
templates_user/langs.php
Normal file
17
templates_user/langs.php
Normal file
@@ -0,0 +1,17 @@
|
||||
<div class="lang-change">
|
||||
<div class="over">pl <img src="/upload/filemanager/icons/chevron-thin-down.svg"></div>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="//spolehliverecenze.cz/" title="Język: czeski">cz</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="//spolahliverecenzie.sk/" title="Język: słowacki">sk</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="//hitelesvelemeny.hu/" title="Język: węgierski">hu</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="//recenziivalide.ro/" title="Język: rumuński">ro</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
7
templates_user/leadinfo.php
Normal file
7
templates_user/leadinfo.php
Normal file
@@ -0,0 +1,7 @@
|
||||
<!-- Leadinfo tracking code -->
|
||||
<script>
|
||||
(function(l,e,a,d,i,n,f,o){if(!l[i]){l.GlobalLeadinfoNamespace=l.GlobalLeadinfoNamespace||[];
|
||||
l.GlobalLeadinfoNamespace.push(i);l[i]=function(){(l[i].q=l[i].q||[]).push(arguments)};l[i].t=l[i].t||n;
|
||||
l[i].q=l[i].q||[];o=e.createElement(a);f=e.getElementsByTagName(a)[0];o.async=1;o.src=d;f.parentNode.insertBefore(o,f);}
|
||||
}(window,document,'script','https://cdn.leadinfo.net/ping.js','leadinfo','LI-6273C57E8BFAB'));
|
||||
</script>
|
||||
48
templates_user/menu/main-menu.php
Normal file
48
templates_user/menu/main-menu.php
Normal file
@@ -0,0 +1,48 @@
|
||||
<div id="main-menu">
|
||||
<div id="menu-container-<?= $this -> menu['id'];?>">
|
||||
<?= \front\view\Menu::pages( $this -> menu['pages'], 0, $this -> current_page );?>
|
||||
</div>
|
||||
</div>
|
||||
<div id="main-menu-btn">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><g fill="black"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5H2V3h12v2zm0 4H2V7h12v2zM2 13h12v-2H2v2z"/></g></svg>
|
||||
</div>
|
||||
<script class="footer" type="text/javascript">
|
||||
$(window).resize(function() {
|
||||
windowsize = $(window).width();
|
||||
});
|
||||
|
||||
$( 'body' ).on( click_event, '#main-menu-btn', function()
|
||||
{
|
||||
if ( windowsize <= 767 )
|
||||
{
|
||||
if ( $( this ).hasClass( 'active' ) )
|
||||
{
|
||||
$( this ).removeClass( 'active' );
|
||||
$( '#main-menu' ).removeClass( 'visible' );
|
||||
$('.lang-change').removeClass('mobile');
|
||||
$( '#main-menu-btn' ).html( '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><g fill="black"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5H2V3h12v2zm0 4H2V7h12v2zM2 13h12v-2H2v2z"/></g></svg>' );
|
||||
}
|
||||
else
|
||||
{
|
||||
$( this ).addClass( 'active' );
|
||||
$( '#main-menu' ).addClass( 'visible' );
|
||||
$('.lang-change').addClass('mobile');
|
||||
$( '#main-menu-btn' ).html( '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><g fill="none"><path d="M7.172 14.243a1 1 0 1 1-1.415-1.415l7.071-7.07a1 1 0 0 1 1.415 1.414l-7.071 7.07z" fill="black"/><path d="M5.757 7.172a1 1 0 1 1 1.415-1.415l7.07 7.071a1 1 0 0 1-1.414 1.415l-7.07-7.071z" fill="black"/></g></svg>' );
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$( 'body' ).on( click_event, '#menu-container-<?= $this -> menu['id'];?> > ul > li > a', function(e)
|
||||
{
|
||||
if ( $( this ).parent().hasClass( 'parent' ) )
|
||||
e.preventDefault();
|
||||
|
||||
if ( isTouch || windowsize <= 767 )
|
||||
{
|
||||
if ( $( this ).parent( 'li' ).hasClass( 'open-menu' ) )
|
||||
$( this ).parent( 'li' ).removeClass( 'open-menu' );
|
||||
else
|
||||
$( this ).parent( 'li' ).addClass( 'open-menu' );
|
||||
}
|
||||
});
|
||||
</script>
|
||||
36
templates_user/menu/submenu.php
Normal file
36
templates_user/menu/submenu.php
Normal file
@@ -0,0 +1,36 @@
|
||||
<?
|
||||
global $settings;
|
||||
|
||||
if ( is_array( $this -> pages ) )
|
||||
{
|
||||
echo '<ul class="level-' . $this -> level . '" id="submenu-' . $this -> page_id . '">';
|
||||
foreach ( $this -> pages as $page )
|
||||
{
|
||||
$url = "";
|
||||
if ( $settings['links_structure'] )
|
||||
{
|
||||
if ( $page['language']['seo_link'] )
|
||||
$url = '/'.\admin\factory\Pages::google_url_preview( $page['id'], $page['language']['title'], $page['language']['lang_id'], 0, 0, $page['language']['seo_link'] );
|
||||
else
|
||||
$url = '/'. \admin\factory\Pages::google_url_preview( $page['id'], $page['language']['title'], $page['language']['lang_id'], 0, 0, 0 );
|
||||
}
|
||||
else
|
||||
$page['language']['seo_link'] ? $url = '/' . $page['language']['seo_link'] : $url = '/s-' . $page['id'] . '-' . \S::seo( $page['language']['title'] );
|
||||
|
||||
if ( $page['page_type'] == 3 and $page['language']['link'] )
|
||||
$url = $page['language']['link'];
|
||||
|
||||
echo '<li id="link-' . $page['id'] . '" class="'; if ( $page['id'] == $this -> current_page ) echo ' active'; echo '">';
|
||||
echo '<a href="';
|
||||
if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language() and $url != '#' )
|
||||
echo '/' . \S::get_session( 'current-lang' );
|
||||
echo $url . '"'; if ( $page['language']['noindex'] ) echo 'rel="nofollow"'; echo ' title="' . $page['language']['title'] . '"'; if ( is_array( $page['pages'] ) ) echo "class='menu-trigger'"; echo '>';
|
||||
echo $page['language']['title'];
|
||||
if ( is_array( $page['pages'] ) )
|
||||
echo '<i class="fa fa-chevron-down"></i>';
|
||||
echo '</a>';
|
||||
echo \front\view\Menu::submenu( $page['pages'], $this -> current_page, $this -> page_id, $this -> level + 1 );
|
||||
echo '</li>';
|
||||
}
|
||||
echo '</ul>';
|
||||
}
|
||||
177
templates_user/newsletter/newsletter.php
Normal file
177
templates_user/newsletter/newsletter.php
Normal file
@@ -0,0 +1,177 @@
|
||||
<? global $lang;?>
|
||||
|
||||
<div id="newsletter" class="newsletter-2">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3>Chcesz być ciągle na bieżąco?</h3>
|
||||
<h2>Zaufany Newsletter <span>czeka na Ciebie!</span></h2>
|
||||
|
||||
<form method="POST" data-toggle="validator" role="form" id="newsletter-form">
|
||||
<div class="form-group">
|
||||
<label for="newsletter-email"><?= ucfirst( $lang['email'] );?><span class='red'>*</span>:</label>
|
||||
<input type='email' id="email" name="email" class="form-control" required />
|
||||
<div class="help-block with-errors"></div>
|
||||
</div>
|
||||
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" name="check" id="agreement" required/>
|
||||
<label class="form-check-label" for="agreement">
|
||||
<?= $lang['newsletter-zgoda'];?>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<a href="#" class="btn1 text-center" id="newsletter-signin">Zapisz się</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" class="footer">
|
||||
$( function()
|
||||
{
|
||||
$( 'body' ).on( 'click', '#newsletter-form #toggle-data', function()
|
||||
{
|
||||
if ( $( '#newsletter-form #second' ).hasClass( 'hidden' ) )
|
||||
{
|
||||
$( '#newsletter-form #second' ).removeClass( 'hidden' );
|
||||
$( '#newsletter-form #toggle-data' ).html( '<?= $lang['zwin'];?>' );
|
||||
}
|
||||
else
|
||||
{
|
||||
$( '#newsletter-form #second' ).addClass( 'hidden' );
|
||||
$( '#newsletter-form #toggle-data' ).html( '<?= $lang['rozwin'];?>' );
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
$( 'body' ).on( 'click', '#newsletter-form #newsletter-signin', function()
|
||||
{
|
||||
if ( !$( '#newsletter-form #agreement' ).is( ':checked' ) )
|
||||
{
|
||||
$.alert(
|
||||
{
|
||||
title: '<?= ucfirst( $lang['blad'] );?>',
|
||||
content: '<?= $lang['newsletter-zgoda-komunikat'];?>',
|
||||
type: 'orange',
|
||||
closeIcon: true,
|
||||
closeIconClass: 'fa fa-close',
|
||||
typeAnimated: true,
|
||||
animation: 'opacity',
|
||||
autoClose: 'confirm|10000',
|
||||
columnClass: 'col-sm-6 col-sm-offset-3',
|
||||
buttons:
|
||||
{
|
||||
confirm:
|
||||
{
|
||||
text: '<?= $lang['zamknij'];?>',
|
||||
btnClass: 'btn-blue',
|
||||
keys: ['enter'],
|
||||
action: function() {}
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
var email = $.trim( $( '#newsletter-form #email' ).val() );
|
||||
var token = $.trim( $( '#newsletter-form #token' ).val() );
|
||||
|
||||
if ( email === '' )
|
||||
{
|
||||
$.alert(
|
||||
{
|
||||
title: '<?= ucfirst( $lang['blad'] );?>',
|
||||
content: '<?= $lang['newsletter-prosze-uzupelnic-email'];?>',
|
||||
type: 'orange',
|
||||
closeIcon: true,
|
||||
closeIconClass: 'fa fa-close',
|
||||
typeAnimated: true,
|
||||
animation: 'opacity',
|
||||
autoClose: 'confirm|10000',
|
||||
columnClass: 'col-sm-6 col-sm-offset-3',
|
||||
buttons:
|
||||
{
|
||||
confirm:
|
||||
{
|
||||
text: '<?= $lang['zamknij'];?>',
|
||||
btnClass: 'btn-blue',
|
||||
keys: ['enter'],
|
||||
action: function() {}
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
$.ajax(
|
||||
{
|
||||
type: 'POST',
|
||||
cache: false,
|
||||
url: '/newsletter/signin',
|
||||
data:
|
||||
{
|
||||
email: email
|
||||
},
|
||||
beforeSend: function()
|
||||
{
|
||||
alert1 = $.alert(
|
||||
{
|
||||
title: '<?= $lang['informacja'];?>',
|
||||
content: '<?= $lang['prosze-czekac'];?>',
|
||||
type: 'blue',
|
||||
closeIcon: true,
|
||||
closeIconClass: 'fa fa-close',
|
||||
typeAnimated: true,
|
||||
animation: 'opacity',
|
||||
autoClose: 'confirm|60000',
|
||||
columnClass: 'col-sm-6 col-sm-offset-3',
|
||||
buttons:
|
||||
{
|
||||
confirm:
|
||||
{
|
||||
text: '<?= $lang['zamknij'];?>',
|
||||
btnClass: 'btn-blue',
|
||||
keys: ['enter'],
|
||||
action: function() {}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
success: function( data )
|
||||
{
|
||||
response = jQuery.parseJSON( data );
|
||||
$( '.jqibox' ).remove();
|
||||
|
||||
if ( response.status === 'ok' )
|
||||
var msg = '<?= $lang['newsletter-potwierdzenie-dodania'];?>';
|
||||
else
|
||||
var msg = '<?= $lang['newsletter-potwierdzenie-dodania-blad'];?>';
|
||||
|
||||
alert1.close();
|
||||
|
||||
$.alert(
|
||||
{
|
||||
title: '<?= $lang['informacja'];?>',
|
||||
content: msg,
|
||||
type: 'blue',
|
||||
closeIcon: true,
|
||||
closeIconClass: 'fa fa-close',
|
||||
typeAnimated: true,
|
||||
animation: 'opacity',
|
||||
autoClose: 'confirm|10000',
|
||||
columnClass: 'col-sm-6 col-sm-offset-3',
|
||||
buttons:
|
||||
{
|
||||
confirm:
|
||||
{
|
||||
text: '<?= $lang['zamknij'];?>',
|
||||
btnClass: 'btn-blue',
|
||||
keys: ['enter'],
|
||||
action: function() {}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
42
templates_user/newsletter/preview.php
Normal file
42
templates_user/newsletter/preview.php
Normal file
@@ -0,0 +1,42 @@
|
||||
<? global $settings;?>
|
||||
<? if ( $this -> settings['newsletter_header'] ):?>
|
||||
<?= $this -> settings['newsletter_header'];?>
|
||||
<? endif;?>
|
||||
<div style="border-bottom: 1px solid #ccc; padding: 10px 0 0 0;">
|
||||
<? if ( is_array( $this -> template ) ):?>
|
||||
<div style="padding: 10px; background: #F1F1F1; margin-bottom: 10px">
|
||||
<?= $this -> template['text']?>
|
||||
</div>
|
||||
<? endif;?>
|
||||
<? if ( is_array( $this -> articles ) ):?>
|
||||
<? foreach ( $this -> articles as $article ):?>
|
||||
<? $article['language']['seo_link'] ? $url = $article['language']['seo_link'] : $url = 'a-' . $article['id'] . '-' . \S::seo( $article['language']['title'] );?>
|
||||
<div style="padding: 10px; background: #F1F1F1; margin-bottom: 10px">
|
||||
<?
|
||||
$article['language']['seo_link'] ? $url = $article['language']['seo_link'] : $url = 'a-' . $article['id'] . '-' . \S::seo( $article['language']['title'] );
|
||||
?>
|
||||
<a href="<? if ( $settings['ssl'] ) echo 'https'; else echo 'http';?>://<?= $_SERVER['SERVER_NAME'];?>/<?= $url;?>" title="<?= $article['language']['title'];?>" style="margin-bottom: 10px; display: block; font-size: 14px; color: #5b7fb1; font-weight: 600;">
|
||||
<?= $article['language']['title'];?>
|
||||
</a>
|
||||
<div>
|
||||
<?
|
||||
if ( $article['language']['entry'] )
|
||||
echo $article['language']['entry'];
|
||||
else
|
||||
echo $article['language']['text'];
|
||||
?>
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
<? endforeach;?>
|
||||
<? else:?>
|
||||
<? if ( $this -> dates ):?>
|
||||
<div style="padding: 10px; background: #F1F1F1; margin-bottom: 10px; text-align: center;">
|
||||
--- brak artykułów w danym okresie ---
|
||||
</div>
|
||||
<? endif;?>
|
||||
<? endif;?>
|
||||
</div>
|
||||
<? if ( $this -> settings['newsletter_footer_2'] ):?>
|
||||
<?= $this -> settings['newsletter_footer_2'];?>
|
||||
<? endif;?>
|
||||
37
templates_user/opinie-case-study-2.php
Normal file
37
templates_user/opinie-case-study-2.php
Normal file
@@ -0,0 +1,37 @@
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<?= \front\view\Scontainers::scontainer( 277 ); ?>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="case-study-tiles">
|
||||
<? foreach (array_slice(\front\factory\CaseStudy::case_study_list(), 0, 2) as $key => $case_study) : ?>
|
||||
<?
|
||||
$case_img = "";
|
||||
|
||||
if($case_study['section_company_img']) {
|
||||
$case_img = $case_study['section_company_img'];
|
||||
} elseif($case_study['section_company_iframe']) {
|
||||
$case_img = $case_study['section_company_iframe'];
|
||||
}
|
||||
if ( $case_study['id'] == 42 ) {
|
||||
$case_img = "/upload/filemanager/case_study/4-szpaki/Moon-2.jpg";
|
||||
}
|
||||
?>
|
||||
<div class="case-study-tile">
|
||||
<?= \Tpl::view( 'templates_user/components/homeOfferCard', [
|
||||
'obrazek' => $case_img,
|
||||
'title' => $case_study['title'],
|
||||
'wspolpraca' => $case_study['wspolpraca-od'],
|
||||
'witryna_txt' => $case_study['witryna'],
|
||||
'witryna_url' => '',
|
||||
'rynek' => $case_study['rynek'],
|
||||
'sprawdz_url' => "/case-study/" . \S::seo($case_study['title'] ),
|
||||
'image' => $case_study['logo'],
|
||||
'tags' => explode(', ', $case_study['branza'])
|
||||
]);
|
||||
?>
|
||||
</div>
|
||||
<? endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
36
templates_user/opinie-case-study.php
Normal file
36
templates_user/opinie-case-study.php
Normal file
@@ -0,0 +1,36 @@
|
||||
|
||||
<?php
|
||||
$case_study = \front\factory\CaseStudy::case_study_list()[0];
|
||||
$case_img = "";
|
||||
|
||||
if($case_study['section_company_img']) {
|
||||
$case_img = $case_study['section_company_img'];
|
||||
} elseif($case_study['section_company_iframe']) {
|
||||
$case_img = $case_study['section_company_iframe'];
|
||||
}
|
||||
if ( $case_study['id'] == 42 ) {
|
||||
$case_img = "/upload/filemanager/case_study/4-szpaki/Moon-2.jpg";
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<?= \front\view\Scontainers::scontainer( 277 ); ?>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="case-study-tile">
|
||||
<?= \Tpl::view( 'templates_user/components/homeOfferCard', [
|
||||
'obrazek' => $case_img,
|
||||
'title' => $case_study['title'],
|
||||
'wspolpraca' => $case_study['wspolpraca-od'],
|
||||
'witryna_txt' => $case_study['witryna'],
|
||||
'witryna_url' => '',
|
||||
'rynek' => $case_study['rynek'],
|
||||
'sprawdz_url' => "/case-study/" . \S::seo($case_study['title'] ),
|
||||
'image' => $case_study['logo'],
|
||||
'tags' => explode(', ', $case_study['branza'])
|
||||
]);
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
136
templates_user/pobierz-ebook-form.php
Normal file
136
templates_user/pobierz-ebook-form.php
Normal file
@@ -0,0 +1,136 @@
|
||||
<?
|
||||
if (\S::get('action') == 'pobierz_ebook_form_send') {
|
||||
if ($_SERVER["REQUEST_METHOD"] == "POST") {
|
||||
$hubspot_url = "https://api.hsforms.com/submissions/v3/integration/submit/7094950/325e9e91-e66a-4423-83f7-39d918182f55";
|
||||
$hubspotutk = isset($_COOKIE['hubspotutk']) ? $_COOKIE['hubspotutk'] : null;
|
||||
|
||||
// Prepare data
|
||||
$postData = [
|
||||
'fields' => [
|
||||
[
|
||||
'name' => 'email',
|
||||
'value' => $_POST['email'],
|
||||
],
|
||||
[
|
||||
'name' => 'firstname',
|
||||
'value' => $_POST['firstname'],
|
||||
],
|
||||
[
|
||||
'name' => 'lastname',
|
||||
'value' => $_POST['lastname'],
|
||||
],
|
||||
[
|
||||
'name' => 'phone',
|
||||
'value' => $_POST['phone'],
|
||||
]
|
||||
],
|
||||
'context' => [
|
||||
'hutk' => $hubspotutk,
|
||||
'pageUri' => 'https://zaufane.pl/',
|
||||
'pageName' => 'zaufane.pl - ebook'
|
||||
],
|
||||
'legalConsentOptions' => [
|
||||
'consent' => [
|
||||
'content' => 'By submitting this form, you agree that we may use the data you provide to contact you with information related to your request/submission and the relevant LinkedIn product. If you are a LinkedIn member, you can control the messages you receive from LinkedIn in your settings. If you are a guest, you can unsubscribe from LinkedIn marketing emails at any time by clicking the unsubscribe link in the email. To learn more, see LinkedIn\'s Privacy Policy.',
|
||||
'consentToProcess' => true,
|
||||
'text' => 'I agree to the processing of my personal data by LinkedIn.',
|
||||
'communications' => [
|
||||
[
|
||||
'value' => true,
|
||||
'subscriptionTypeId' => 8383894,
|
||||
'text' => 'I agree to receive marketing communications from LinkedIn.'
|
||||
]
|
||||
]
|
||||
]
|
||||
]
|
||||
];
|
||||
|
||||
$jsonData = json_encode($postData);
|
||||
|
||||
// Initialize cURL
|
||||
$ch = curl_init($hubspot_url);
|
||||
|
||||
// Set cURL options
|
||||
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
|
||||
curl_setopt($ch, CURLOPT_HTTPHEADER, ['Content-Type: application/json']);
|
||||
curl_setopt($ch, CURLOPT_POST, true);
|
||||
curl_setopt($ch, CURLOPT_POSTFIELDS, $jsonData);
|
||||
|
||||
|
||||
|
||||
// Execute cURL request
|
||||
$response = curl_exec($ch);
|
||||
|
||||
// Check for errors
|
||||
if ($response === false) {
|
||||
$error = curl_error($ch);
|
||||
echo "cURL Error: $error";
|
||||
} else {
|
||||
// Decode response
|
||||
$responseData = json_decode($response, true);
|
||||
|
||||
if (isset($responseData['redirectUri'])) {
|
||||
header("Location: " . $responseData['redirectUri']);
|
||||
exit();
|
||||
} else {
|
||||
echo "<div id='custom-form-response'><p>" . $response . '</p></div>';
|
||||
}
|
||||
}
|
||||
|
||||
// Close cURL session
|
||||
curl_close($ch);
|
||||
?>
|
||||
<script class="footer">
|
||||
$(document).ready(function() {
|
||||
$('#custom-form').remove()
|
||||
})
|
||||
</script>
|
||||
<?
|
||||
|
||||
}
|
||||
|
||||
// echo 'Form sent';
|
||||
}
|
||||
?>
|
||||
<form method="POST" action="/pobierz-ebook" id="custom-form">
|
||||
<input type="hidden" name="action" value="pobierz_ebook_form_send">
|
||||
|
||||
<div class="f-row">
|
||||
<div class="tile">
|
||||
<input type="email" name="email" id="form-email" placeholder="">
|
||||
<label for="form-email">Email</label>
|
||||
</div>
|
||||
<div class="tile">
|
||||
<input type="text" name="firstname" id="form-firstname" placeholder="">
|
||||
<label for="form-firstname">Imię</label>
|
||||
</div>
|
||||
<div class="tile">
|
||||
<input type="text" name="lastname" id="form-lastname" placeholder="">
|
||||
<label for="form-lastname">Nazwisko</label>
|
||||
</div>
|
||||
<div class="tile">
|
||||
<input type="text" name="phone" id="form-phone" placeholder="">
|
||||
<label for="form-phone">Numer telefonu</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="checkbox-row">
|
||||
<input type="checkbox" name="" id="checkbox-1" require>
|
||||
<label for="checkbox-1">Wyrażam zgodę na otrzymywanie innych powiadomień od firmy ... <a href="#" id="info-for-checkbox-1">Więcej</a></label>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn1">Otrzymaj wycenę</button>
|
||||
</form>
|
||||
|
||||
<script class="footer">
|
||||
$(document).ready(function() {
|
||||
$('body').on('click', '#info-for-checkbox-1', function (e) {
|
||||
e.preventDefault()
|
||||
$.alert({
|
||||
title: '',
|
||||
content: 'Wyrażam zgodę na otrzymywanie innych powiadomień od firmy Zaufane.pl. Aby zapewnić Państwu żądane treści, musimy przechowywać i przetwarzać Państwa dane osobowe. Jeśli wyrażają Państwo zgodę na przechowywanie Państwa danych osobowych w tym celu, prosimy zaznaczyć poniższe pole wyboru.',
|
||||
});
|
||||
})
|
||||
});
|
||||
</script>
|
||||
22
templates_user/popup-ebook.php
Normal file
22
templates_user/popup-ebook.php
Normal file
@@ -0,0 +1,22 @@
|
||||
<? if ( isset( $_GET['ebook'] ) ):?>
|
||||
<div class="thank-you">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="content">
|
||||
<div class="content_wrapper">
|
||||
<h2>Wow! Dziękujemy za zaufanie!</h2>
|
||||
<h3>Właśnie wysłaliśmy na Twojego maila ebooka.</h3>
|
||||
<p>‘8 rzeczy o marketingu opinii których nigdy nie powie Ci Twoja agencja reklamowa’</p>
|
||||
<p>Sprawdź proszę za 2-3 minuty swoją skrzynkę pocztową, sprawdź też folder SPAM :)</p>
|
||||
<p>Jesteśmy pewni, że Cię mile zaskoczymy!</p>
|
||||
<p><strong>A tymczasem sprawdź co możesz zyskać dzięki DARMOWYM konsultacjom dedykowanym właśnie TOBIE.</strong></p>
|
||||
<div class="close_popup_e-booku">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<? endif;?>
|
||||
472
templates_user/rzeczy-o-marketingu-form-2.php
Normal file
472
templates_user/rzeczy-o-marketingu-form-2.php
Normal file
@@ -0,0 +1,472 @@
|
||||
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Montserrat&family=Roboto&display=swap"
|
||||
rel="stylesheet">
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_2_"
|
||||
class="_form _form_1 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="1" />
|
||||
<input type="hidden" name="f" value="1" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="4fcc444d86578e6aaaedf4f6714dbfbc" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x45758297 _full_width _clear">
|
||||
<!-- <div class="_form-title">
|
||||
Subscribe for Email Updates
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="_form_element _x87818472 _full_width _clear">
|
||||
<!-- <div class="_html-code">
|
||||
<p>
|
||||
Add a descriptive message telling what your visitor is signing up for here.
|
||||
</p>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="_form_element _x99776683 _full_width form-group">
|
||||
<input type="text" id="xfirstname" name="firstname" class="form-control" required />
|
||||
<label for="firstname" class="_form-label form-label">
|
||||
Imię *
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<!-- <div class="_form_element _x31166640 _full_width _clear">
|
||||
<img class="_form-image" src="//content.app-us1.com/2Pwom/2022/03/23/a3d1d472-d398-4bd3-a72e-505807d4cac8.gif"
|
||||
style="" />
|
||||
</div> -->
|
||||
<div class="_form_element _x69356447 _full_width form-group">
|
||||
<input type="text" id="xemail" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label form-label">
|
||||
Adres e-mail *
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_form_element _field2 _full_width ">
|
||||
<fieldset class="_form-fieldset">
|
||||
<div class="_row d-none">
|
||||
<legend for="field[2][]" class="_form-label">
|
||||
<a href="https://zaufane.pl/polityka-prywatnosci">Zero spamu</a>. Potrzebujemy Twojej zgody, aby wysłać Ci e-book i wiadomości z mięskiem dotyczącym marketingu opinii.
|
||||
</legend>
|
||||
</div>
|
||||
<input data-autofill="false" type="hidden" id="xfield[2][]" name="field[2][]" value="~|">
|
||||
<div class="_row _checkbox-radio">
|
||||
<input id="xfield_2Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie."
|
||||
type="checkbox" name="field[2][]"
|
||||
value="Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie." required>
|
||||
<!-- <span> -->
|
||||
<label for="xfield_2Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie.">
|
||||
<a href="https://zaufane.pl/polityka-prywatnosci">Zero spamu</a>. Potrzebujemy Twojej zgody, aby wysłać Ci e-book i wiadomości z mięskiem dotyczącym marketingu opinii.
|
||||
</label>
|
||||
<!-- </span> -->
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="x_form_1_submit" class="_submit btn2" type="submit">
|
||||
Pobierz e-book za darmo
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
window.cfields = {
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
thank_you = form.querySelector('._form-thank-you');
|
||||
form.querySelector('._form-content').style.display = 'none';
|
||||
thank_you.innerHTML = message;
|
||||
thank_you.style.display = 'block';
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/';
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_2_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && !elem.options[i].value) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid email address.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#x_form_1_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_2_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
472
templates_user/rzeczy-o-marketingu-form-3.php
Normal file
472
templates_user/rzeczy-o-marketingu-form-3.php
Normal file
@@ -0,0 +1,472 @@
|
||||
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Montserrat&family=Roboto&display=swap"
|
||||
rel="stylesheet">
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_3_"
|
||||
class="_form _form_1 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="1" />
|
||||
<input type="hidden" name="f" value="1" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="4fcc444d86578e6aaaedf4f6714dbfbc" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x45758297 _full_width _clear">
|
||||
<!-- <div class="_form-title">
|
||||
Subscribe for Email Updates
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="_form_element _x87818472 _full_width _clear">
|
||||
<!-- <div class="_html-code">
|
||||
<p>
|
||||
Add a descriptive message telling what your visitor is signing up for here.
|
||||
</p>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="_form_element _x99776683 _full_width form-group">
|
||||
<input type="text" id="xfirstname" name="firstname" class="form-control" required />
|
||||
<label for="firstname" class="_form-label form-label">
|
||||
Imię *
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<!-- <div class="_form_element _x31166640 _full_width _clear">
|
||||
<img class="_form-image" src="//content.app-us1.com/2Pwom/2022/03/23/a3d1d472-d398-4bd3-a72e-505807d4cac8.gif"
|
||||
style="" />
|
||||
</div> -->
|
||||
<div class="_form_element _x69356447 _full_width form-group">
|
||||
<input type="text" id="xemail" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label form-label">
|
||||
Adres e-mail *
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_form_element _field2 _full_width ">
|
||||
<fieldset class="_form-fieldset">
|
||||
<div class="_row d-none">
|
||||
<legend for="field[2][]" class="_form-label">
|
||||
<a href="https://zaufane.pl/polityka-prywatnosci">Zero spamu</a>. Potrzebujemy Twojej zgody, aby wysłać Ci e-book i wiadomości z mięskiem dotyczącym marketingu opinii.
|
||||
</legend>
|
||||
</div>
|
||||
<input data-autofill="false" type="hidden" id="xfield[2][]" name="field[2][]" value="~|">
|
||||
<div class="_row _checkbox-radio">
|
||||
<input id="xfield_2Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie."
|
||||
type="checkbox" name="field[2][]"
|
||||
value="Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie." required>
|
||||
<!-- <span> -->
|
||||
<label for="xfield_2Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie.">
|
||||
<a href="https://zaufane.pl/polityka-prywatnosci">Zero spamu</a>. Potrzebujemy Twojej zgody, aby wysłać Ci e-book i wiadomości z mięskiem dotyczącym marketingu opinii.
|
||||
</label>
|
||||
<!-- </span> -->
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_3_submit" class="_submit btn2" type="submit">
|
||||
Pobierz e-book za darmo
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
window.cfields = {
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
thank_you = form.querySelector('._form-thank-you');
|
||||
form.querySelector('._form-content').style.display = 'none';
|
||||
thank_you.innerHTML = message;
|
||||
thank_you.style.display = 'block';
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/';
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_3_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && !elem.options[i].value) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid email address.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_3_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_3_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
472
templates_user/rzeczy-o-marketingu-form-copy.php
Normal file
472
templates_user/rzeczy-o-marketingu-form-copy.php
Normal file
@@ -0,0 +1,472 @@
|
||||
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Montserrat&family=Roboto&display=swap"
|
||||
rel="stylesheet">
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_1_"
|
||||
class="_form _form_1 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="1" />
|
||||
<input type="hidden" name="f" value="1" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="4fcc444d86578e6aaaedf4f6714dbfbc" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x45758297 _full_width _clear">
|
||||
<!-- <div class="_form-title">
|
||||
Subscribe for Email Updates
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="_form_element _x87818472 _full_width _clear">
|
||||
<!-- <div class="_html-code">
|
||||
<p>
|
||||
Add a descriptive message telling what your visitor is signing up for here.
|
||||
</p>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="_form_element _x99776683 _full_width form-group">
|
||||
<input type="text" id="firstname" name="firstname" class="form-control" required />
|
||||
<label for="firstname" class="_form-label form-label">
|
||||
Imię *
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<!-- <div class="_form_element _x31166640 _full_width _clear">
|
||||
<img class="_form-image" src="//content.app-us1.com/2Pwom/2022/03/23/a3d1d472-d398-4bd3-a72e-505807d4cac8.gif"
|
||||
style="" />
|
||||
</div> -->
|
||||
<div class="_form_element _x69356447 _full_width form-group">
|
||||
<input type="text" id="email" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label form-label">
|
||||
Adres e-mail *
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_form_element _field2 _full_width ">
|
||||
<fieldset class="_form-fieldset">
|
||||
<div class="_row d-none">
|
||||
<legend for="field[2][]" class="_form-label">
|
||||
<a href="https://zaufane.pl/polityka-prywatnosci">Zero spamu</a>. Potrzebujemy Twojej zgody, aby wysłać Ci e-book i wiadomości z mięskiem dotyczącym marketingu opinii.
|
||||
</legend>
|
||||
</div>
|
||||
<input data-autofill="false" type="hidden" id="field[2][]" name="field[2][]" value="~|">
|
||||
<div class="_row _checkbox-radio">
|
||||
<input id="field_2Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie."
|
||||
type="checkbox" name="field[2][]"
|
||||
value="Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie." required>
|
||||
<!-- <span> -->
|
||||
<label for="field_2Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie.">
|
||||
<a href="https://zaufane.pl/polityka-prywatnosci">Zero spamu</a>. Potrzebujemy Twojej zgody, aby wysłać Ci e-book i wiadomości z mięskiem dotyczącym marketingu opinii.
|
||||
</label>
|
||||
<!-- </span> -->
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_1_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
window.cfields = {
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
thank_you = form.querySelector('._form-thank-you');
|
||||
form.querySelector('._form-content').style.display = 'none';
|
||||
thank_you.innerHTML = message;
|
||||
thank_you.style.display = 'block';
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/';
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_1_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && !elem.options[i].value) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid email address.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_1_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_1_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
472
templates_user/rzeczy-o-marketingu-form.php
Normal file
472
templates_user/rzeczy-o-marketingu-form.php
Normal file
@@ -0,0 +1,472 @@
|
||||
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Montserrat&family=Roboto&display=swap"
|
||||
rel="stylesheet">
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_1_"
|
||||
class="_form _form_1 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="1" />
|
||||
<input type="hidden" name="f" value="1" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="4fcc444d86578e6aaaedf4f6714dbfbc" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x45758297 _full_width _clear">
|
||||
<!-- <div class="_form-title">
|
||||
Subscribe for Email Updates
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="_form_element _x87818472 _full_width _clear">
|
||||
<!-- <div class="_html-code">
|
||||
<p>
|
||||
Add a descriptive message telling what your visitor is signing up for here.
|
||||
</p>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="_form_element _x99776683 _full_width form-group">
|
||||
<input type="text" id="firstname" name="firstname" class="form-control" required />
|
||||
<label for="firstname" class="_form-label form-label">
|
||||
Imię *
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<!-- <div class="_form_element _x31166640 _full_width _clear">
|
||||
<img class="_form-image" src="//content.app-us1.com/2Pwom/2022/03/23/a3d1d472-d398-4bd3-a72e-505807d4cac8.gif"
|
||||
style="" />
|
||||
</div> -->
|
||||
<div class="_form_element _x69356447 _full_width form-group">
|
||||
<input type="text" id="email" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label form-label">
|
||||
Adres e-mail *
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_form_element _field2 _full_width ">
|
||||
<fieldset class="_form-fieldset">
|
||||
<div class="_row d-none">
|
||||
<legend for="field[2][]" class="_form-label">
|
||||
<a href="https://zaufane.pl/polityka-prywatnosci">Zero spamu</a>. Potrzebujemy Twojej zgody, aby wysłać Ci e-book i wiadomości z mięskiem dotyczącym marketingu opinii.
|
||||
</legend>
|
||||
</div>
|
||||
<input data-autofill="false" type="hidden" id="field[2][]" name="field[2][]" value="~|">
|
||||
<div class="_row _checkbox-radio">
|
||||
<input id="field_2Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie."
|
||||
type="checkbox" name="field[2][]"
|
||||
value="Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie." required>
|
||||
<!-- <span> -->
|
||||
<label for="field_2Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie.">
|
||||
<a href="https://zaufane.pl/polityka-prywatnosci">Zero spamu</a>. Potrzebujemy Twojej zgody, aby wysłać Ci e-book i wiadomości z mięskiem dotyczącym marketingu opinii.
|
||||
</label>
|
||||
<!-- </span> -->
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_1_submit" class="_submit btn2" type="submit">
|
||||
Pobierz e-book za darmo
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
window.cfields = {
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
thank_you = form.querySelector('._form-thank-you');
|
||||
form.querySelector('._form-content').style.display = 'none';
|
||||
thank_you.innerHTML = message;
|
||||
thank_you.style.display = 'block';
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/';
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_1_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && !elem.options[i].value) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid email address.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_1_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_1_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
30
templates_user/search/search-form.php
Normal file
30
templates_user/search/search-form.php
Normal file
@@ -0,0 +1,30 @@
|
||||
<? global $lang;?>
|
||||
<div id="search-form">
|
||||
<form method="POST" action="/wyszukiwarka">
|
||||
<input type="text" name="search_txt" id="search_txt" placeholder="Szukaj..." />
|
||||
<button class="btn btn-primary">
|
||||
<img src="/upload/filemanager/icons/icon-search.png" alt="">
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$( document ).ready( function()
|
||||
{
|
||||
$( 'body' ).on( 'click', '#search-form .btn', function()
|
||||
{
|
||||
var search_txt = $( '#search_txt' ).val();
|
||||
search_txt = search_txt.trim();
|
||||
if ( search_txt.length < 3 )
|
||||
{
|
||||
$.prompt( 'Proszę wpisać co najmniej 3 znaki.', {
|
||||
title: '<?= ucfirst( $lang['blad'] );?>',
|
||||
buttons: {
|
||||
'<?= $lang['zamknij'];?>': true
|
||||
}
|
||||
} );
|
||||
return false;
|
||||
}
|
||||
$( '#search-form form' ).submit();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
64
templates_user/search/search-results.php
Normal file
64
templates_user/search/search-results.php
Normal file
@@ -0,0 +1,64 @@
|
||||
<? global $lang;?>
|
||||
<div id="search-results">
|
||||
<div class="row">
|
||||
<? if ( !$this -> articles ):?>
|
||||
<div class="col-12">
|
||||
<div class="alert alert-danger">
|
||||
<i class="fa fa-exclamation-circle"></i>Nie znaleziono danych
|
||||
</div>
|
||||
</div>
|
||||
<? else:?>
|
||||
<? foreach ( $this -> articles as $article ):?>
|
||||
<div class="col-lg-6">
|
||||
<div class="article-entry">
|
||||
<?
|
||||
$article['language']['seo_link'] ? $url = $article['language']['seo_link'] : $url = 'a-' . $article['id'] . '-' . \S::seo( $article['language']['title'] );
|
||||
?>
|
||||
<div class="img">
|
||||
<img src="<?= $article['language']['main_image'] ? $article['language']['main_image'] : \front\factory\Articles::get_image( $article );?>" alt="">
|
||||
</div>
|
||||
<?
|
||||
if ( $article['tags'] ):
|
||||
echo '<div class="article-tags">';
|
||||
echo '<ul>';
|
||||
foreach ( $article['tags'] as $tag ):
|
||||
echo '<li>';
|
||||
echo '<a href="/tag,' . \S::seo( $tag ) . '">' . $tag . '</a>';
|
||||
echo '</li>';
|
||||
endforeach;
|
||||
echo '</ul>';
|
||||
echo '</div>';
|
||||
endif;
|
||||
?>
|
||||
<div class="article-tags">
|
||||
<?
|
||||
global $mdb;
|
||||
|
||||
$results = $mdb -> query( 'SELECT page_id FROM pp_articles_pages WHERE article_id = ' . $article['id'] . ' AND page_id NOT IN (12)' ) -> fetchAll();
|
||||
if ( is_array( $results ) and !empty( $results ) ) foreach ( $results as $row )
|
||||
{
|
||||
$page_tmp = \front\factory\Pages::page_details( $row['page_id'] );
|
||||
echo '<a href="' . \front\factory\Pages::lang_url( $page_tmp['id'], $lang_id ) . '" class="item">' . $page_tmp['language']['title'] . '</a>';
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="article-content">
|
||||
<h3 class="article-title">
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>" title="<?= $article['language']['title'];?>" <? if ( $article['language']['noindex'] ):?>rel="nofollow"<? endif;?>><?= $article['language']['title'];?></a>
|
||||
</h3>
|
||||
<div class="entry">
|
||||
<?
|
||||
$content = $article['language']['entry'];
|
||||
$content = preg_replace( "/<img[^>]+\>/i", "", $content );
|
||||
$content = preg_replace( "/<p[^>]*?><\/p>/", "", $content );
|
||||
echo $content;
|
||||
?>
|
||||
</div>
|
||||
<a href="/<? if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language( \S::get_domain( $_SERVER['HTTP_HOST'] ) ) ) echo \S::get_session( 'current-lang' ) . '/';?><?= $url;?>" class="more" title="<?= $article['language']['title'];?>" <? if ( $article['language']['noindex'] ):?>rel="nofollow"<? endif;?>>Chcę czytać dalej <img alt="" src="/upload/filemanager/icons/right-yellow.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<? endforeach;?>
|
||||
<? endif;?>
|
||||
</div>
|
||||
</div>
|
||||
46
templates_user/site/contact.php
Normal file
46
templates_user/site/contact.php
Normal file
@@ -0,0 +1,46 @@
|
||||
<? global $lang_id;?>
|
||||
<? if ( $lang_id == 'cz' ):?>
|
||||
<div class="contact-page">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-12">
|
||||
<div class="contact-title-box">
|
||||
<p><?= \S::lang( 'umow-spotkanie' );?></p>
|
||||
</div>
|
||||
<div class="contact-calendar cz">
|
||||
<div class="meetings-iframe-container" style="width: 100%" data-src="https://meetings-eu1.hubspot.com/tomek?embed=true" style="width: 500px;"></div>
|
||||
<script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<? endif;?>
|
||||
<? if ( $lang_id == 'pl' ):?>
|
||||
<div class="contact-page">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 form-box">
|
||||
<div class="contact-text-box">
|
||||
|
||||
<p><?= \S::lang( 'kontakt-tekst' );?></p>
|
||||
</div>
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
region: "na1",
|
||||
portalId: "7094950",
|
||||
formId: "32dcf3ed-82e0-4e67-9d7b-877f797515d3"
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="contact-title-box">
|
||||
<p><?= \S::lang( 'umow-spotkanie' );?></p>
|
||||
</div>
|
||||
<div class="contact-calendar">
|
||||
<div class="meetings-iframe-container" style="width: 100%" data-src="https://meetings.hubspot.com/s-horoszko1/rozmowa-z-zaufanepl?embed=true"></div>
|
||||
<script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<? endif;?>
|
||||
0
templates_user/site/cookie-information.php
Normal file
0
templates_user/site/cookie-information.php
Normal file
31
templates_user/site/languages.php
Normal file
31
templates_user/site/languages.php
Normal file
@@ -0,0 +1,31 @@
|
||||
<? global $lang_id, $page;?>
|
||||
<div class="lang-change">
|
||||
<div class="over"><?= $lang_id ?> <img src="/upload/filemanager/icons/chevron-thin-down.svg"></div>
|
||||
<? if ( is_array( $this -> languages ) and count( $this -> languages > 1 ) ):?>
|
||||
<ul>
|
||||
<? foreach ( $this -> languages as $lg ):?>
|
||||
<? if ( $lang_id != $lg['id'] && $lg['id'] != 'pl' ):?>
|
||||
<li>
|
||||
<a href="<? if ( $lg['id'] == 'cz' ):?>https://spolehliverecenze.cz/<? else:?><?= \front\factory\Pages::lang_url( $page['id'], $lg['id'], $lg['domain'], $this -> default_domain );?><? endif;?>" title="Język: <?= $lg['name'];?>">
|
||||
<?= $lg['id'] ?>
|
||||
</a>
|
||||
</li>
|
||||
<? endif;?>
|
||||
<? endforeach;?>
|
||||
<? if ( $lang_id != 'pl' && $lg['id'] = 'pl' ):?>
|
||||
<li>
|
||||
<a href="//zaufane.pl" title="Język: <?= $lg['name'];?>">
|
||||
<?= $lg['id'] ?>
|
||||
</a>
|
||||
</li>
|
||||
<? endif;?>
|
||||
</ul>
|
||||
<? endif;?>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
38
templates_user/site/pager.php
Normal file
38
templates_user/site/pager.php
Normal file
@@ -0,0 +1,38 @@
|
||||
<?
|
||||
global $lang;
|
||||
$this -> page['language']['seo_link'] ? $link = $this -> page['language']['seo_link'] : $link = 's-' . $this -> page['id'] . '-' . \S::seo( $this -> page['language']['title'] );
|
||||
$range = 2;
|
||||
$start = max(1, $this->bs - $range);
|
||||
$end = min($this->ls, $this->bs + $range);
|
||||
?>
|
||||
<? if ($this->ls > 1): ?>
|
||||
<ul class="pager">
|
||||
<?php if ($this->bs > 1): ?>
|
||||
<li>
|
||||
<a href="/<?= $link;?>-s-<?= $this->bs - 1;?>"><img alt="Poprzednia strona" src="/upload/filemanager/icons/previous.svg" /></a>
|
||||
</li>
|
||||
<?php else: ?>
|
||||
<li>
|
||||
<a href="#" class="inactive"><img alt="Poprzednia strona" src="/upload/filemanager/icons/previous.svg" /></a>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php for ($i = $start; $i <= $end; $i++): ?>
|
||||
<li>
|
||||
<a href="/<?= $link;?>-s-<?= $i;?>" <?php if ($i == $this->bs) echo 'class="active"'; ?>>
|
||||
<?= $i; ?>
|
||||
</a>
|
||||
</li>
|
||||
<?php endfor; ?>
|
||||
|
||||
<?php if ($this->bs < $this->ls): ?>
|
||||
<li>
|
||||
<a href="/<?= $link;?>-s-<?= $this->bs + 1;?>"><img alt="Następna strona" src="/upload/filemanager/icons/next.svg" /></a>
|
||||
</li>
|
||||
<?php else: ?>
|
||||
<li>
|
||||
<a href="#" class="inactive"><img alt="Następna strona" src="/upload/filemanager/icons/next.svg" /></a>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
488
templates_user/webinar-edrone-form1.php
Normal file
488
templates_user/webinar-edrone-form1.php
Normal file
@@ -0,0 +1,488 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_13_"
|
||||
class="_form _form_11 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="13" />
|
||||
<input type="hidden" name="f" value="13" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="bf5a61f54e831776b5d494e002e59847" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group">
|
||||
<input type="text" id="fullname" name="fullname" class="form-control" required />
|
||||
<label for="fullname" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[2][]" name="field[2][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[2][]" id="consent" required>
|
||||
<label for="consent" class="_form-label_chek1">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz edrone sp. z o.o. z siedzibą w Krakowie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług. Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p class="mb-0">Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz edrone sp. z o.o. z siedzibą w Krakowie. Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia Webinaru, nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratorów. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych, w tym praw, znajdziesz w klauzuli informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_13_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/libraries/jquery/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide").on("click", function() {
|
||||
$("._form-label_chek1").toggleClass('active')
|
||||
if ($("._form-label_chek1").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
var formId = '';
|
||||
|
||||
$(function() {
|
||||
$('body').on('click', '#_form_13_ #_form_13_submit', function() {
|
||||
formId = 11;
|
||||
});
|
||||
$('body').on('click', '#_form_14_ #_form_14_submit', function() {
|
||||
formId = 12;
|
||||
});
|
||||
});
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
if (formId == 13) {
|
||||
$('#_form_13_ ._form-content').hide();
|
||||
$('#_form_13_ ._form-thank-you').html(message).show();
|
||||
} else if (formId == 14) {
|
||||
$('#_form_14_ ._form-content').hide();
|
||||
$('#_form_14_ ._form-thank-you').html(message).show();
|
||||
}
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/';
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_13_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Wybierz opcję.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Zaznaczenie %s jest wymagane".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(
|
||||
/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wybierz opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawną datę.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_13_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_13_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
467
templates_user/webinar-edrone-form1copy.php
Normal file
467
templates_user/webinar-edrone-form1copy.php
Normal file
@@ -0,0 +1,467 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_14_" class="_form _form_11 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="14" />
|
||||
<input type="hidden" name="f" value="14" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="bf5a61f54e831776b5d494e002e59847" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group">
|
||||
<input type="text" id="fullname-c" name="fullname" class="form-control" required />
|
||||
<label for="fullname-c" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]-c" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]-c" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email-c" name="email" class="form-control" required />
|
||||
<label for="email-c" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[3][]" name="field[3][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[3][]" id="consent-c" required>
|
||||
<label for="consent-c" class="_form-label_chek2">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz edrone sp. z o.o. z siedzibą w Krakowie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług. Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p>Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz edrone sp. z o.o. z siedzibą w Krakowie. Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia Webinaru, nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratorów. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych, w tym praw, znajdziesz w klauzuli informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide2" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_14_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide2").on("click", function() {
|
||||
$("._form-label_chek2").toggleClass('active')
|
||||
if ($("._form-label_chek2").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide2").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
// window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
// const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
// var visitorObject = window[vgoAlias];
|
||||
// if (email && typeof visitorObject !== 'undefined') {
|
||||
// visitorObject('setEmail', email);
|
||||
// visitorObject('update');
|
||||
// } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// // Site tracking URL to use after inline form submission.
|
||||
// _load_script(trackcmp_url);
|
||||
// }
|
||||
// if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
// };
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/';
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_14_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Wybierz opcję.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Zaznaczenie %s jest wymagane".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wybierz opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawną datę.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_14_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_14_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
463
templates_user/webinar-nethansa-form-2.php
Normal file
463
templates_user/webinar-nethansa-form-2.php
Normal file
@@ -0,0 +1,463 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_22_" class="_form _form_22 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="21" />
|
||||
<input type="hidden" name="f" value="21" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="9f6194f4a1bc1de65ffbcc3259000928" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group ">
|
||||
<input type="text" id="fullname-c" name="fullname" class="form-control" required />
|
||||
<label for="fullname-c" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]-c" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]-c" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email-c" name="email" class="form-control" required />
|
||||
<label for="email-c" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[2][]-c" name="field[2][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[2][]" id="consent-c" required>
|
||||
<label for="consent-c" class="_form-label_chek2-c">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz Nethansa sp. z o.o. z siedzibą w Sopocie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług. Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p>Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz Nethansa sp. z o.o. z siedzibą w Sopocie . Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia Webinaru, nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratorów. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych, w tym praw, znajdziesz w klauzuli informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide2-c" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_22_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/libraries/jquery/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide2-c").on("click", function() {
|
||||
$("._form-label_chek2-c").toggleClass('active')
|
||||
if ($("._form-label_chek2-c").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide2-c").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
// window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
// const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
// var visitorObject = window[vgoAlias];
|
||||
// if (email && typeof visitorObject !== 'undefined') {
|
||||
// visitorObject('setEmail', email);
|
||||
// visitorObject('update');
|
||||
// } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// // Site tracking URL to use after inline form submission.
|
||||
// _load_script(trackcmp_url);
|
||||
// }
|
||||
// if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
// };
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/; Secure; SameSite=Lax;'; // cannot be HttpOnly
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_22_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Wyraź zgodę".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Proszę wybrać opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_22_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_22_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
484
templates_user/webinar-nethansa-form-test.php
Normal file
484
templates_user/webinar-nethansa-form-test.php
Normal file
@@ -0,0 +1,484 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_21_" class="_form _form_21 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="21" />
|
||||
<input type="hidden" name="f" value="21" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="9f6194f4a1bc1de65ffbcc3259000928" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x22787412 _full_width _clear">
|
||||
<div class="_form-title">
|
||||
Subscribe for Email Updates
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form_element _x57320346 _full_width _clear">
|
||||
<div class="_html-code">
|
||||
<p>
|
||||
Add a descriptive message telling what your visitor is signing up for here.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form_element _x57085898 _full_width ">
|
||||
<label for="fullname" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
<div class="_field-wrapper">
|
||||
<input type="text" id="fullname" name="fullname" placeholder="Type your name" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width ">
|
||||
<label for="field[4]" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
<div class="_field-wrapper">
|
||||
<input type="text" id="field[4]" name="field[4]" value="" placeholder="Wpisz swoje imię" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width ">
|
||||
<label for="email" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
<div class="_field-wrapper">
|
||||
<input type="text" id="email" name="email" placeholder="Type your email" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form_element _field2 _full_width ">
|
||||
<fieldset class="_form-fieldset">
|
||||
<div class="_row">
|
||||
<legend for="field[2][]" class="_form-label">
|
||||
Zero spamu. Potrzebujemy Twojej zgody, aby wysłać Ci e-book i wiadomości z mięskiem dotyczącym marketingu opinii.
|
||||
</legend>
|
||||
</div>
|
||||
<input data-autofill="false" type="hidden" id="field[2][]" name="field[2][]" value="~|">
|
||||
<div class="_row _checkbox-radio">
|
||||
<input id="field_2Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie." type="checkbox" name="field[2][]" value="Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie.">
|
||||
<span>
|
||||
<label for="field_2Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie.">
|
||||
Zgadzam się. Wyślijcie mi ebook. Jak maile będą wartościowe to też je wyślijcie.
|
||||
</label>
|
||||
</span>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_21_submit" class="_submit" type="submit">
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
<div class="_form-branding">
|
||||
<div class="_marketing-by">
|
||||
Marketing by
|
||||
</div>
|
||||
<a href="https://www.activecampaign.com/?utm_medium=referral&utm_campaign=acforms" class="_logo">
|
||||
<span class="form-sr-only">
|
||||
ActiveCampaign
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
thank_you = form.querySelector('._form-thank-you');
|
||||
form.querySelector('._form-content').style.display = 'none';
|
||||
thank_you.innerHTML = message;
|
||||
thank_you.style.display = 'block';
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/; Secure; SameSite=Lax;'; // cannot be HttpOnly
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_21_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Checking %s is required".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "This field is required.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid email address.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_21_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_21_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
484
templates_user/webinar-nethansa-form.php
Normal file
484
templates_user/webinar-nethansa-form.php
Normal file
@@ -0,0 +1,484 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_21_" class="_form _form_21 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="21" />
|
||||
<input type="hidden" name="f" value="21" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="9f6194f4a1bc1de65ffbcc3259000928" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group ">
|
||||
<input type="text" id="fullname" name="fullname" class="form-control" required />
|
||||
<label for="fullname" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[2][]" name="field[2][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[2][]" id="consent" required>
|
||||
<label for="consent" class="_form-label_chek2">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz Nethansa sp. z o.o. z siedzibą w Sopocie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług. Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p>Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz Nethansa sp. z o.o. z siedzibą w Sopocie . Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia Webinaru, nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratorów. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych, w tym praw, znajdziesz w klauzuli informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide2" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_21_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/libraries/jquery/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide2").on("click", function() {
|
||||
$("._form-label_chek2").toggleClass('active')
|
||||
if ($("._form-label_chek2").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide2").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
var formId = '';
|
||||
|
||||
$(function() {
|
||||
$('body').on('click', '#_form_21_ #_form_21_submit', function() {
|
||||
formId = 21;
|
||||
});
|
||||
$('body').on('click', '#_form_22_ #_form_22_submit', function() {
|
||||
formId = 22;
|
||||
});
|
||||
});
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
|
||||
if (formId == 21) {
|
||||
$('#_form_21_ ._form-content').hide();
|
||||
$('#_form_21_ ._form-thank-you').html(message).show();
|
||||
} else if (formId == 22) {
|
||||
$('#_form_22_ ._form-content').hide();
|
||||
$('#_form_22_ ._form-thank-you').html(message).show();
|
||||
}
|
||||
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/; Secure; SameSite=Lax;'; // cannot be HttpOnly
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_21_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Wyraż zgodę".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Proszę wybrać opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_21_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_21_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
476
templates_user/webinar-promotraffic-form-copy.php
Normal file
476
templates_user/webinar-promotraffic-form-copy.php
Normal file
@@ -0,0 +1,476 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_12_"
|
||||
class="_form _form_11 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="11" />
|
||||
<input type="hidden" name="f" value="11" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="7dc25dc2387a27adaf0480f28fa47236" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group">
|
||||
<input type="text" id="fullname-c" name="fullname" class="form-control" required />
|
||||
<label for="fullname-c" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]-c" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]-c" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email-c" name="email" class="form-control" required />
|
||||
<label for="email-c" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[3][]" name="field[3][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[3][]" id="consent-c" required>
|
||||
<label for="consent-c" class="_form-label_chek2">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz PromoTraffic sp. z o.o. z siedzibą
|
||||
w Krakowie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług.
|
||||
Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p>Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz PromoTraffic sp. z o.o.
|
||||
z
|
||||
siedzibą w Krakowie. Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia Webinaru,
|
||||
nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów realizowanych przez
|
||||
administratorów.
|
||||
Szczegółowe informacje na temat przetwarzania Twoich danych osobowych, w tym praw, znajdziesz w klauzuli
|
||||
informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide2" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_12_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide2").on("click", function() {
|
||||
$("._form-label_chek2").toggleClass('active')
|
||||
if ($("._form-label_chek2").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide2").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
// window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
// const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
// var visitorObject = window[vgoAlias];
|
||||
// if (email && typeof visitorObject !== 'undefined') {
|
||||
// visitorObject('setEmail', email);
|
||||
// visitorObject('update');
|
||||
// } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// // Site tracking URL to use after inline form submission.
|
||||
// _load_script(trackcmp_url);
|
||||
// }
|
||||
// if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
// };
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/';
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_12_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Wybierz opcję.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Zaznaczenie %s jest wymagane".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wybierz opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawną datę.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_12_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_12_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
495
templates_user/webinar-promotraffic-form.php
Normal file
495
templates_user/webinar-promotraffic-form.php
Normal file
@@ -0,0 +1,495 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_11_"
|
||||
class="_form _form_11 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="11" />
|
||||
<input type="hidden" name="f" value="11" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="7dc25dc2387a27adaf0480f28fa47236" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group">
|
||||
<input type="text" id="fullname" name="fullname" class="form-control" required />
|
||||
<label for="fullname" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[2][]" name="field[2][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[2][]" id="consent" required>
|
||||
<label for="consent" class="_form-label_chek1">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz PromoTraffic sp. z o.o. z siedzibą
|
||||
w Krakowie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług.
|
||||
Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p class="mb-0">Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz
|
||||
PromoTraffic sp. z o.o.
|
||||
z siedzibą w Krakowie. Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia
|
||||
Webinaru, nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów
|
||||
realizowanych przez administratorów. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych,
|
||||
w tym praw, znajdziesz w klauzuli informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_11_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/libraries/jquery/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide").on("click", function() {
|
||||
$("._form-label_chek1").toggleClass('active')
|
||||
if ($("._form-label_chek1").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
var formId = '';
|
||||
|
||||
$(function() {
|
||||
$('body').on('click', '#_form_11_ #_form_11_submit', function() {
|
||||
formId = 11;
|
||||
});
|
||||
$('body').on('click', '#_form_12_ #_form_12_submit', function() {
|
||||
formId = 12;
|
||||
});
|
||||
});
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
if (formId == 11) {
|
||||
$('#_form_11_ ._form-content').hide();
|
||||
$('#_form_11_ ._form-thank-you').html(message).show();
|
||||
} else if (formId == 12) {
|
||||
$('#_form_12_ ._form-content').hide();
|
||||
$('#_form_12_ ._form-thank-you').html(message).show();
|
||||
}
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/';
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_11_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Wybierz opcję.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Zaznaczenie %s jest wymagane".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(
|
||||
/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wybierz opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawną datę.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_11_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_11_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
441
templates_user/webinar-senuto-form-copy.php
Normal file
441
templates_user/webinar-senuto-form-copy.php
Normal file
@@ -0,0 +1,441 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_6_"
|
||||
class="_form _form_6 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="5" />
|
||||
<input type="hidden" name="f" value="5" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="9e9f9390edc66cd7ebeb2d4dc425fd00" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group">
|
||||
<input type="text" id="fullname" name="fullname" class="form-control" required />
|
||||
<label for="fullname" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_6_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
window.cfields = {
|
||||
"4": "nazwisko"
|
||||
};
|
||||
// window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
// var form = document.getElementById('_form_' + id + '_')
|
||||
// thank_you = form.querySelector('._form-thank-you2');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// $('._form-thank-you2').html(message).show();
|
||||
// thank_you.style.display = 'block';
|
||||
// const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
// var visitorObject = window[vgoAlias];
|
||||
// if (email && typeof visitorObject !== 'undefined') {
|
||||
// visitorObject('setEmail', email);
|
||||
// visitorObject('update');
|
||||
// } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// // Site tracking URL to use after inline form submission.
|
||||
// _load_script(trackcmp_url);
|
||||
// }
|
||||
// if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
// };
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/';
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_6_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Checking %s is required".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Proszę wybrać opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_6_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_6_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
453
templates_user/webinar-senuto-form.php
Normal file
453
templates_user/webinar-senuto-form.php
Normal file
@@ -0,0 +1,453 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_5_"
|
||||
class="_form _form_5 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="5" />
|
||||
<input type="hidden" name="f" value="5" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="9e9f9390edc66cd7ebeb2d4dc425fd00" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group">
|
||||
<input type="text" id="fullname" name="fullname" class="form-control" required />
|
||||
<label for="fullname" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
<!-- This STARTS the Custom Objects section -->
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_5_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/libraries/jquery/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var formId = '';
|
||||
|
||||
$(function() {
|
||||
$('body').on('click', '#_form_5_ #_form_5_submit', function() {
|
||||
formId = 5;
|
||||
});
|
||||
$('body').on('click', '#_form_6_ #_form_6_submit', function() {
|
||||
formId = 6;
|
||||
});
|
||||
});
|
||||
window.cfields = {
|
||||
"4": "nazwisko"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
if (formId == 5) {
|
||||
$('#_form_5_ ._form-content').hide();
|
||||
$('#_form_5_ ._form-thank-you').html(message).show();
|
||||
} else if (formId == 6) {
|
||||
$('#_form_6_ ._form-content').hide();
|
||||
$('#_form_6_ ._form-thank-you').html(message).show();
|
||||
}
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/';
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_5_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Checking %s is required".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Proszę wybrać opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_5_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_5_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
484
templates_user/webinars/blue_media/webinar-blue-media-form.php
Normal file
484
templates_user/webinars/blue_media/webinar-blue-media-form.php
Normal file
@@ -0,0 +1,484 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_23_" class="_form _form_23 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="23" />
|
||||
<input type="hidden" name="f" value="23" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="b96708651f092985b5af33bb9d75076a" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group ">
|
||||
<input type="text" id="fullname" name="fullname" class="form-control" required />
|
||||
<label for="fullname" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[2][]" name="field[2][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[2][]" id="consent" required>
|
||||
<label for="consent" class="_form-label_chek">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz Blue Media S.A. z siedzibą w Sopocie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług. Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p>Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz Blue Media S.A. z siedzibą w Sopocie. Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia Webinaru, nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratorów. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych, w tym praw, znajdziesz w klauzuli informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_23_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/libraries/jquery/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var formId = '';
|
||||
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide").on("click", function() {
|
||||
$("._form-label_chek").toggleClass('active')
|
||||
if ($("._form-label_chek").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
$(function() {
|
||||
$('body').on('click', '#_form_23_ #_form_23_submit', function() {
|
||||
formId = 23;
|
||||
console.log(formId)
|
||||
});
|
||||
$('body').on('click', '#_form_24_ #_form_24_submit', function() {
|
||||
formId = 24;
|
||||
console.log(formId)
|
||||
});
|
||||
});
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
if (formId == 23) {
|
||||
$('#_form_23_ ._form-content').hide();
|
||||
$('#_form_23_ ._form-thank-you').html(message).show();
|
||||
} else if (formId == 24) {
|
||||
$('#_form_24_ ._form-content').hide();
|
||||
$('#_form_24_ ._form-thank-you').html(message).show();
|
||||
}
|
||||
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/; Secure; SameSite=Lax;'; // cannot be HttpOnly
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_23_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Wyraż zgodę".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Proszę wybrać opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_23_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_23_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
466
templates_user/webinars/blue_media/webinar-blue-media-form2.php
Normal file
466
templates_user/webinars/blue_media/webinar-blue-media-form2.php
Normal file
@@ -0,0 +1,466 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_24_" class="_form _form_23 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="23" />
|
||||
<input type="hidden" name="f" value="23" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="b96708651f092985b5af33bb9d75076a" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group ">
|
||||
<input type="text" id="fullname-c" name="fullname" class="form-control" required />
|
||||
<label for="fullname-c" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]-c" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]-c" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email-c" name="email" class="form-control" required />
|
||||
<label for="email-c" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[2][]-c" name="field[2][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[2][]" id="consent-c" required>
|
||||
<label for="consent-c" class="_form-label_chek2">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz Blue Media S.A. z siedzibą w Sopocie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług. Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p>Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz Blue Media S.A. z siedzibą w Sopocie. Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia Webinaru, nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratorów. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych, w tym praw, znajdziesz w klauzuli informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide2" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_24_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/libraries/jquery/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var formId = '';
|
||||
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide2").on("click", function() {
|
||||
$("._form-label_chek2").toggleClass('active')
|
||||
if ($("._form-label_chek2").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide2").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
// window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
// const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
// var visitorObject = window[vgoAlias];
|
||||
// if (email && typeof visitorObject !== 'undefined') {
|
||||
// visitorObject('setEmail', email);
|
||||
// visitorObject('update');
|
||||
// } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// // Site tracking URL to use after inline form submission.
|
||||
// _load_script(trackcmp_url);
|
||||
// }
|
||||
// if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
// };
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/; Secure; SameSite=Lax;'; // cannot be HttpOnly
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_24_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Wyraż zgodę".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Proszę wybrać opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_24_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_24_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
484
templates_user/webinars/expandeco/webinar-expandeco-form.php
Normal file
484
templates_user/webinars/expandeco/webinar-expandeco-form.php
Normal file
@@ -0,0 +1,484 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_25_" class="_form _form_25 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="25" />
|
||||
<input type="hidden" name="f" value="25" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="82836e10f132f70a3229bbc7b85921cf" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group ">
|
||||
<input type="text" id="fullname" name="fullname" class="form-control" required />
|
||||
<label for="fullname" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[2][]" name="field[2][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[2][]" id="consent" required>
|
||||
<label for="consent" class="_form-label_chek">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz Expandeco z siedzibą w Chorzowie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług. Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p>Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz Expandeco z siedzibą w Chorzowie. Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia Webinaru, nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratorów. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych, w tym praw, znajdziesz w klauzuli informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_25_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/libraries/jquery/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var formId = '';
|
||||
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide").on("click", function() {
|
||||
$("._form-label_chek").toggleClass('active')
|
||||
if ($("._form-label_chek").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
$(function() {
|
||||
$('body').on('click', '#_form_25_ #_form_25_submit', function() {
|
||||
formId = 23;
|
||||
console.log(formId)
|
||||
});
|
||||
$('body').on('click', '#_form_26_ #_form_26_submit', function() {
|
||||
formId = 24;
|
||||
console.log(formId)
|
||||
});
|
||||
});
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
if (formId == 23) {
|
||||
$('#_form_25_ ._form-content').hide();
|
||||
$('#_form_25_ ._form-thank-you').html(message).show();
|
||||
} else if (formId == 24) {
|
||||
$('#_form_26_ ._form-content').hide();
|
||||
$('#_form_26_ ._form-thank-you').html(message).show();
|
||||
}
|
||||
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/; Secure; SameSite=Lax;'; // cannot be HttpOnly
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_25_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Wyraż zgodę".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Proszę wybrać opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_25_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_25_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
466
templates_user/webinars/expandeco/webinar-expandeco-form2.php
Normal file
466
templates_user/webinars/expandeco/webinar-expandeco-form2.php
Normal file
@@ -0,0 +1,466 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_26_" class="_form _form_26 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="25" />
|
||||
<input type="hidden" name="f" value="25" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="82836e10f132f70a3229bbc7b85921cf" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group ">
|
||||
<input type="text" id="fullname-c" name="fullname" class="form-control" required />
|
||||
<label for="fullname-c" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]-c" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]-c" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email-c" name="email" class="form-control" required />
|
||||
<label for="email-c" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[2][]-c" name="field[2][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[2][]" id="consent-c" required>
|
||||
<label for="consent-c" class="_form-label_chek2">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz Expandeco z siedzibą w Chorzowie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług. Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p>Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz Expandeco z siedzibą w Chorzowie. Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia Webinaru, nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratorów. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych, w tym praw, znajdziesz w klauzuli informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide2" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_26_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/libraries/jquery/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var formId = '';
|
||||
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide2").on("click", function() {
|
||||
$("._form-label_chek2").toggleClass('active')
|
||||
if ($("._form-label_chek2").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide2").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
// window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
// const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
// var visitorObject = window[vgoAlias];
|
||||
// if (email && typeof visitorObject !== 'undefined') {
|
||||
// visitorObject('setEmail', email);
|
||||
// visitorObject('update');
|
||||
// } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// // Site tracking URL to use after inline form submission.
|
||||
// _load_script(trackcmp_url);
|
||||
// }
|
||||
// if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
// };
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/; Secure; SameSite=Lax;'; // cannot be HttpOnly
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_26_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Wyraż zgodę".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Proszę wybrać opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_26_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_26_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
@@ -0,0 +1,484 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_27_" class="_form _form_27 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="27" />
|
||||
<input type="hidden" name="f" value="27" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="9d74a74349eb22fa6dba769fe7d6b393" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group ">
|
||||
<input type="text" id="fullname" name="fullname" class="form-control" required />
|
||||
<label for="fullname" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email" name="email" class="form-control" required />
|
||||
<label for="email" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[2][]" name="field[2][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[2][]" id="consent" required>
|
||||
<label for="consent" class="_form-label_chek">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz Wygodne Zwroty z siedzibą w Krakowie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług. Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p>Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz Wygodne Zwroty z siedzibą w Krakowie. Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia Webinaru, nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratorów. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych, w tym praw, znajdziesz w klauzuli informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_27_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/libraries/jquery/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var formId = '';
|
||||
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide").on("click", function() {
|
||||
$("._form-label_chek").toggleClass('active')
|
||||
if ($("._form-label_chek").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
$(function() {
|
||||
$('body').on('click', '#_form_27_ #_form_27_submit', function() {
|
||||
formId = 27;
|
||||
console.log(formId)
|
||||
});
|
||||
$('body').on('click', '#_form_28_ #_form_28_submit', function() {
|
||||
formId = 28;
|
||||
console.log(formId)
|
||||
});
|
||||
});
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
if (formId == 27) {
|
||||
$('#_form_27_ ._form-content').hide();
|
||||
$('#_form_27_ ._form-thank-you').html(message).show();
|
||||
} else if (formId == 28) {
|
||||
$('#_form_28_ ._form-content').hide();
|
||||
$('#_form_28_ ._form-thank-you').html(message).show();
|
||||
}
|
||||
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
var visitorObject = window[vgoAlias];
|
||||
if (email && typeof visitorObject !== 'undefined') {
|
||||
visitorObject('setEmail', email);
|
||||
visitorObject('update');
|
||||
} else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// Site tracking URL to use after inline form submission.
|
||||
_load_script(trackcmp_url);
|
||||
}
|
||||
if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
};
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/; Secure; SameSite=Lax;'; // cannot be HttpOnly
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_27_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Wyraż zgodę".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Proszę wybrać opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_27_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_27_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
@@ -0,0 +1,466 @@
|
||||
<form method="POST" action="https://zaufane.activehosted.com/proc.php" id="_form_28_" class="_form _form_28 _inline-form _dark" novalidate>
|
||||
<input type="hidden" name="u" value="27" />
|
||||
<input type="hidden" name="f" value="27" />
|
||||
<input type="hidden" name="s" />
|
||||
<input type="hidden" name="c" value="0" />
|
||||
<input type="hidden" name="m" value="0" />
|
||||
<input type="hidden" name="act" value="sub" />
|
||||
<input type="hidden" name="v" value="2" />
|
||||
<input type="hidden" name="or" value="9d74a74349eb22fa6dba769fe7d6b393" />
|
||||
<div class="_form-content">
|
||||
<div class="_form_element _x57085898 _full_width form-group ">
|
||||
<input type="text" id="fullname-c" name="fullname" class="form-control" required />
|
||||
<label for="fullname-c" class="_form-label">
|
||||
Imię*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _field4 _full_width form-group">
|
||||
<input type="text" id="field[4]-c" name="field[4]" class="form-control" value="" required />
|
||||
<label for="field[4]-c" class="_form-label">
|
||||
Nazwisko*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_form_element _x78214940 _full_width form-group">
|
||||
<input type="text" id="email-c" name="email" class="form-control" required />
|
||||
<label for="email-c" class="_form-label">
|
||||
Email*
|
||||
</label>
|
||||
</div>
|
||||
<div class="_row _checkbox-radio _form_element_chek">
|
||||
<input data-autofill="false" type="hidden" id="field[2][]-c" name="field[2][]" value="~|">
|
||||
<div>
|
||||
<input type="checkbox" name="field[2][]" id="consent-c" required>
|
||||
<label for="consent-c" class="_form-label_chek2">
|
||||
<p>Wyrażam zgodę na otrzymywanie od Zaufane.pl z siedzibą w Rzeszowie oraz Wygodne Zwroty z siedzibą w Krakowie na podany przeze mnie adres e-mail informacji handlowych i marketingowych dot. produktów i usług. Jestem świadomy, iż moja zgoda może zostać cofnięta w każdym czasie.</p>
|
||||
<p>Administratorem Twoich danych osobowych jest Zaufane.pl z siedzibą w Rzeszowie oraz Wygodne Zwroty z siedzibą w Krakowie. Twoje dane osobowe będą przetwarzane przede wszystkim w celu przeprowadzenia Webinaru, nawiązania kontaktu oraz realizacji celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratorów. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych, w tym praw, znajdziesz w klauzuli informacyjnej.</p>
|
||||
</label>
|
||||
<span class="show_hide2" data-content="toggle-text">Pokaż więcej</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_button-wrapper _full_width">
|
||||
<button id="_form_28_submit" class="_submit btn2" type="submit">
|
||||
Zapisz się na webinar
|
||||
</button>
|
||||
</div>
|
||||
<div class="_clear-element">
|
||||
</div>
|
||||
</div>
|
||||
<div class="_form-thank-you" style="display:none;">
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/libraries/jquery/jquery-2.1.3.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var formId = '';
|
||||
|
||||
$(document).ready(function() {
|
||||
var txt = ''
|
||||
$(".show_hide2").on("click", function() {
|
||||
$("._form-label_chek2").toggleClass('active')
|
||||
if ($("._form-label_chek2").hasClass('active')) {
|
||||
txt = 'Pokaż mniej';
|
||||
} else {
|
||||
txt = 'Pokaż więcej';
|
||||
}
|
||||
$(".show_hide2").text(txt);
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
window.cfields = {
|
||||
"4": "nazwisko",
|
||||
"2": "zero_spamu_potrzebujemy_twojej_zgody_aby_wysaci_ebook_i_wiadomoci_z_miskiem_dotyczcym_marketingu_opinii"
|
||||
};
|
||||
// window._show_thank_you = function(id, message, trackcmp_url, email) {
|
||||
// var form = document.getElementById('_form_' + id + '_'),
|
||||
// thank_you = form.querySelector('._form-thank-you');
|
||||
// form.querySelector('._form-content').style.display = 'none';
|
||||
// thank_you.innerHTML = message;
|
||||
// thank_you.style.display = 'block';
|
||||
// const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;
|
||||
// var visitorObject = window[vgoAlias];
|
||||
// if (email && typeof visitorObject !== 'undefined') {
|
||||
// visitorObject('setEmail', email);
|
||||
// visitorObject('update');
|
||||
// } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {
|
||||
// // Site tracking URL to use after inline form submission.
|
||||
// _load_script(trackcmp_url);
|
||||
// }
|
||||
// if (typeof window._form_callback !== 'undefined') window._form_callback(id);
|
||||
// };
|
||||
window._show_error = function(id, message, html) {
|
||||
var form = document.getElementById('_form_' + id + '_'),
|
||||
err = document.createElement('div'),
|
||||
button = form.querySelector('button'),
|
||||
old_error = form.querySelector('._form_error');
|
||||
if (old_error) old_error.parentNode.removeChild(old_error);
|
||||
err.innerHTML = message;
|
||||
err.className = '_error-inner _form_error _no_arrow';
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.className = '_form-inner';
|
||||
wrapper.appendChild(err);
|
||||
button.parentNode.insertBefore(wrapper, button);
|
||||
document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;
|
||||
if (html) {
|
||||
var div = document.createElement('div');
|
||||
div.className = '_error-html';
|
||||
div.innerHTML = html;
|
||||
err.appendChild(div);
|
||||
}
|
||||
};
|
||||
window._load_script = function(url, callback) {
|
||||
var head = document.querySelector('head'),
|
||||
script = document.createElement('script'),
|
||||
r = false;
|
||||
script.type = 'text/javascript';
|
||||
script.charset = 'utf-8';
|
||||
script.src = url;
|
||||
if (callback) {
|
||||
script.onload = script.onreadystatechange = function() {
|
||||
if (!r && (!this.readyState || this.readyState == 'complete')) {
|
||||
r = true;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
}
|
||||
head.appendChild(script);
|
||||
};
|
||||
(function() {
|
||||
if (window.location.search.search("excludeform") !== -1) return false;
|
||||
var getCookie = function(name) {
|
||||
var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));
|
||||
return match ? match[2] : null;
|
||||
}
|
||||
var setCookie = function(name, value) {
|
||||
var now = new Date();
|
||||
var time = now.getTime();
|
||||
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
|
||||
now.setTime(expireTime);
|
||||
document.cookie = name + '=' + value + '; expires=' + now + ';path=/; Secure; SameSite=Lax;'; // cannot be HttpOnly
|
||||
}
|
||||
var addEvent = function(element, event, func) {
|
||||
if (element.addEventListener) {
|
||||
element.addEventListener(event, func);
|
||||
} else {
|
||||
var oldFunc = element['on' + event];
|
||||
element['on' + event] = function() {
|
||||
oldFunc.apply(this, arguments);
|
||||
func.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
}
|
||||
var _removed = false;
|
||||
var form_to_submit = document.getElementById('_form_28_');
|
||||
var allInputs = form_to_submit.querySelectorAll('input, select, textarea'),
|
||||
tooltips = [],
|
||||
submitted = false;
|
||||
|
||||
var getUrlParam = function(name) {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
return params.get(name) || false;
|
||||
};
|
||||
|
||||
for (var i = 0; i < allInputs.length; i++) {
|
||||
var regexStr = "field\\[(\\d+)\\]";
|
||||
var results = new RegExp(regexStr).exec(allInputs[i].name);
|
||||
if (results != undefined) {
|
||||
allInputs[i].dataset.name = window.cfields[results[1]];
|
||||
} else {
|
||||
allInputs[i].dataset.name = allInputs[i].name;
|
||||
}
|
||||
var fieldVal = getUrlParam(allInputs[i].dataset.name);
|
||||
|
||||
if (fieldVal) {
|
||||
if (allInputs[i].dataset.autofill === "false") {
|
||||
continue;
|
||||
}
|
||||
if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {
|
||||
if (allInputs[i].value == fieldVal) {
|
||||
allInputs[i].checked = true;
|
||||
}
|
||||
} else {
|
||||
allInputs[i].value = fieldVal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var remove_tooltips = function() {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
}
|
||||
tooltips = [];
|
||||
};
|
||||
var remove_tooltip = function(elem) {
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (tooltips[i].elem === elem) {
|
||||
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
|
||||
tooltips.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
var create_tooltip = function(elem, text) {
|
||||
var tooltip = document.createElement('div'),
|
||||
arrow = document.createElement('div'),
|
||||
inner = document.createElement('div'),
|
||||
new_tooltip = {};
|
||||
if (elem.type != 'radio' && elem.type != 'checkbox') {
|
||||
tooltip.className = '_error';
|
||||
arrow.className = '_error-arrow';
|
||||
inner.className = '_error-inner';
|
||||
inner.innerHTML = text;
|
||||
tooltip.appendChild(arrow);
|
||||
tooltip.appendChild(inner);
|
||||
elem.parentNode.appendChild(tooltip);
|
||||
} else {
|
||||
tooltip.className = '_error-inner _no_arrow';
|
||||
tooltip.innerHTML = text;
|
||||
elem.parentNode.insertBefore(tooltip, elem);
|
||||
new_tooltip.no_arrow = true;
|
||||
}
|
||||
new_tooltip.tip = tooltip;
|
||||
new_tooltip.elem = elem;
|
||||
tooltips.push(new_tooltip);
|
||||
return new_tooltip;
|
||||
};
|
||||
var resize_tooltip = function(tooltip) {
|
||||
var rect = tooltip.elem.getBoundingClientRect();
|
||||
var doc = document.documentElement,
|
||||
scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));
|
||||
if (scrollPosition < 40) {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';
|
||||
} else {
|
||||
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';
|
||||
}
|
||||
};
|
||||
var resize_tooltips = function() {
|
||||
if (_removed) return;
|
||||
for (var i = 0; i < tooltips.length; i++) {
|
||||
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
|
||||
}
|
||||
};
|
||||
var validate_field = function(elem, remove) {
|
||||
var tooltip = null,
|
||||
value = elem.value,
|
||||
no_error = true;
|
||||
remove ? remove_tooltip(elem) : false;
|
||||
if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');
|
||||
if (elem.getAttribute('required') !== null) {
|
||||
if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {
|
||||
var elems = form_to_submit.elements[elem.name];
|
||||
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
|
||||
no_error = elem.checked;
|
||||
} else {
|
||||
no_error = false;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].checked) no_error = true;
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, "Please select an option.");
|
||||
}
|
||||
} else if (elem.type == 'checkbox') {
|
||||
var elems = form_to_submit.elements[elem.name],
|
||||
found = false,
|
||||
err = [];
|
||||
no_error = true;
|
||||
for (var i = 0; i < elems.length; i++) {
|
||||
if (elems[i].getAttribute('required') === null) continue;
|
||||
if (!found && elems[i] !== elem) return true;
|
||||
found = true;
|
||||
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');
|
||||
if (!elems[i].checked) {
|
||||
no_error = false;
|
||||
elems[i].className = elems[i].className + ' _has_error';
|
||||
err.push("Wyraż zgodę".replace("%s", elems[i].value));
|
||||
}
|
||||
}
|
||||
if (!no_error) {
|
||||
tooltip = create_tooltip(elem, err.join('<br/>'));
|
||||
}
|
||||
} else if (elem.tagName == 'SELECT') {
|
||||
var selected = true;
|
||||
if (elem.multiple) {
|
||||
selected = false;
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected) {
|
||||
selected = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < elem.options.length; i++) {
|
||||
if (elem.options[i].selected && (!elem.options[i].value || (elem.options[i].value.match(/\n/g)))) {
|
||||
selected = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!selected) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Proszę wybrać opcję.");
|
||||
}
|
||||
} else if (value === undefined || value === null || value === '') {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "To pole jest wymagane.");
|
||||
}
|
||||
}
|
||||
if (no_error && elem.name == 'email') {
|
||||
if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Wpisz poprawny adres e-mail.");
|
||||
}
|
||||
}
|
||||
if (no_error && /date_field/.test(elem.className)) {
|
||||
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
||||
elem.className = elem.className + ' _has_error';
|
||||
no_error = false;
|
||||
tooltip = create_tooltip(elem, "Enter a valid date.");
|
||||
}
|
||||
}
|
||||
tooltip ? resize_tooltip(tooltip) : false;
|
||||
return no_error;
|
||||
};
|
||||
var needs_validate = function(el) {
|
||||
if (el.getAttribute('required') !== null) {
|
||||
return true
|
||||
}
|
||||
if (el.name === 'email' && el.value !== "") {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
};
|
||||
var validate_form = function(e) {
|
||||
var err = form_to_submit.querySelector('._form_error'),
|
||||
no_error = true;
|
||||
if (!submitted) {
|
||||
submitted = true;
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var input = allInputs[i];
|
||||
if (needs_validate(input)) {
|
||||
if (input.type == 'text' || input.type == 'number' || input.type == 'time') {
|
||||
addEvent(input, 'blur', function() {
|
||||
this.value = this.value.trim();
|
||||
validate_field(this, true);
|
||||
});
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'radio' || input.type == 'checkbox') {
|
||||
(function(el) {
|
||||
var radios = form_to_submit.elements[el.name];
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
addEvent(radios[i], 'click', function() {
|
||||
validate_field(el, true);
|
||||
});
|
||||
}
|
||||
})(input);
|
||||
} else if (input.tagName == 'SELECT') {
|
||||
addEvent(input, 'change', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
} else if (input.type == 'textarea') {
|
||||
addEvent(input, 'input', function() {
|
||||
validate_field(this, true);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
remove_tooltips();
|
||||
for (var i = 0, len = allInputs.length; i < len; i++) {
|
||||
var elem = allInputs[i];
|
||||
if (needs_validate(elem)) {
|
||||
if (elem.tagName.toLowerCase() !== "select") {
|
||||
elem.value = elem.value.trim();
|
||||
}
|
||||
validate_field(elem) ? true : no_error = false;
|
||||
}
|
||||
}
|
||||
if (!no_error && e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
resize_tooltips();
|
||||
return no_error;
|
||||
};
|
||||
addEvent(window, 'resize', resize_tooltips);
|
||||
addEvent(window, 'scroll', resize_tooltips);
|
||||
var _form_serialize = function(form) {
|
||||
if (!form || form.nodeName !== "FORM") {
|
||||
return
|
||||
}
|
||||
var i, j, q = [];
|
||||
for (i = 0; i < form.elements.length; i++) {
|
||||
if (form.elements[i].name === "") {
|
||||
continue
|
||||
}
|
||||
switch (form.elements[i].nodeName) {
|
||||
case "INPUT":
|
||||
switch (form.elements[i].type) {
|
||||
case "text":
|
||||
case "number":
|
||||
case "date":
|
||||
case "time":
|
||||
case "hidden":
|
||||
case "password":
|
||||
case "button":
|
||||
case "reset":
|
||||
case "submit":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "checkbox":
|
||||
case "radio":
|
||||
if (form.elements[i].checked) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value))
|
||||
}
|
||||
break;
|
||||
case "file":
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "TEXTAREA":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "SELECT":
|
||||
switch (form.elements[i].type) {
|
||||
case "select-one":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break;
|
||||
case "select-multiple":
|
||||
for (j = 0; j < form.elements[i].options.length; j++) {
|
||||
if (form.elements[i].options[j].selected) {
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value))
|
||||
}
|
||||
}
|
||||
break
|
||||
}
|
||||
break;
|
||||
case "BUTTON":
|
||||
switch (form.elements[i].type) {
|
||||
case "reset":
|
||||
case "submit":
|
||||
case "button":
|
||||
q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
}
|
||||
return q.join("&")
|
||||
};
|
||||
var form_submit = function(e) {
|
||||
e.preventDefault();
|
||||
if (validate_form()) {
|
||||
// use this trick to get the submit button & disable it using plain javascript
|
||||
document.querySelector('#_form_28_submit').disabled = true;
|
||||
var serialized = _form_serialize(document.getElementById('_form_28_')).replace(/%0A/g, '\\n');
|
||||
var err = form_to_submit.querySelector('._form_error');
|
||||
err ? err.parentNode.removeChild(err) : false;
|
||||
_load_script('https://zaufane.activehosted.com/proc.php?' + serialized + '&jsonp=true');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
addEvent(form_to_submit, 'submit', form_submit);
|
||||
})();
|
||||
</script>
|
||||
Reference in New Issue
Block a user