пр выводе всплывающего окна на главной странице проблем не возникало, но при выводе со страницы това

AlexCar · 17 лютого 2015

Еще вопросик.. даже и не знаю было ли где-то такое... в общем пр выводе всплывающего окна на главной странице проблем не возникало, но при выводе со страницы товара что-то не ладится

http://comfort.маршрут22.рф/index.php?route=product/product&product_id=42#win-map

думаю, что здесь не так?

AlexDW · 17 лютого 2015

Смотрите, как именно у вас всплывающее окно выводится. Пробуйте сравнить - какой код присутствует на главной, но которого нет на странице товара (js, как правило в самом низу)

AlexCar · 17 лютого 2015

Самое примечательное, что кнопка "Смотреть на карте" из header выводит окошко с картой. Сделано при помощи CSS

/* Базовые стили модального окна  */
.overlay {
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0;
	cursor: default;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	display: block;
    pointer-events: none;
	z-index: -999999;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.overlay:target {
	display: block;
	pointer-events: auto;
	/*visibility: visible;
	opacity: 1;*/
}

.popup img{
	display: inline;
	border: none;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ffffff;   
}
.popup {
	width: 850px;
	height: 500px;
	background-color: #fff;
	border: 3px solid #fff;
	left: 50%;
	opacity: 0;
	padding: 15px;
	position: fixed;
	text-align: justify;
	font: 14px Helvetica, Arial, Sans-Serif;
	top: 14%;
	visibility: hidden;
	display: inline-block;
    /*pointer-events: none;*/
	z-index: 1110;
 
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
 
	-webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
 
	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
	top: 50%;
	opacity: 1;
	visibility: visible;
}
/* Кнопка закрытия окна  */
.close {
	background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #ccc;
	height: 24px;
	line-height: 24px;
	position: absolute;
	right: -13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	top: -15px;
	width: 24px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:before {
	color: rgba(255, 255, 255, 0.9);
	content: "X";
	font-size: 14px;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
	background-color: rgba(64, 128, 128, 0.8);
}
.popup p, .popup div {
	margin-bottom: 10px;
}

body, html {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
        }
        #map {
            width: 100%;
            height: 90%;
        }
		#map_product {
            width: 100%;
            height: 90%;
        }

В html простейшее:

<a class="button" href="#win1" id="maplocationinfo">Смотреть на карте</a>
		<a href="#x" class="overlay" id="win1"></a>
		  <div class="popup">
		  <form id="search_route">
<table width="98%" border="0" cellpadding="0">
<tbody>
<tr>
<td width="185">
<b>Место отправления: </b>
</td>
<td width="360">
<input id="start" type="text" value="Здесь находитесь Вы " style="width: 350px;">
</td>
<td width="230">
<input type="submit" value="Проложить маршрут"/>
</td>
</tr>
<tr>
<td width="185">
<b>Место прибытия:</b>
</td>
<td width="360"><input id="end" type="text" value="Конечная точка маршрута " style="width: 350px;">
</td>
<td width="230">
<div id="resmarshrut"></div>
</td>
</tr>
</tbody>
</table>
</form>			
			<div id="map"></div>
			
			<a class="close"title="Закрыть" href="#close"></a>
		</div>

а вот при вызове того же самого из позиции в файле product.tpl (кнопка "Схема проезда") - индейская народная изба !!!!! окошко не выходит, а перебрасывает на главную....

AlexCar · 17 лютого 2015

А внизу страницы есть ооочень страшное и непонятное

<script type="text/javascript"><!--
$('#button-cart').bind('click', function() {
	$.ajax({
		url: 'index.php?route=checkout/cart/add',
		type: 'post',
		data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
		dataType: 'json',
		success: function(json) {
			$('.success, .warning, .attention, information, .error').remove();
			
			if (json['error']) {
				if (json['error']['option']) {
					for (i in json['error']['option']) {
						$('#option-' + i).after('<span class="error">' + json['error']['option'][i] + '</span>');
					}
				}
			} 
			
			if (json['success']) {
				$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
					
				$('.success').fadeIn('slow');
					
				$('#cart-total').html(json['total']);
				
				$('html, body').animate({ scrollTop: 0 }, 'slow'); 
			}	
		}
	});
});
//--></script>

AlexCar · 17 лютого 2015

И вот еще... последнее перед выводом футера

<?php if ($options) { ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/ajaxupload.js"></script>
<?php foreach ($options as $option) { ?>
<?php if ($option['type'] == 'file') { ?>
<script type="text/javascript"><!--
new AjaxUpload('#button-option-<?php echo $option['product_option_id']; ?>', {
	action: 'index.php?route=product/product/upload',
	name: 'file',
	autoSubmit: true,
	responseType: 'json',
	onSubmit: function(file, extension) {
		$('#button-option-<?php echo $option['product_option_id']; ?>').after('<img src="catalog/view/theme/default/image/loading.gif" class="loading" style="padding-left: 5px;" />');
		$('#button-option-<?php echo $option['product_option_id']; ?>').attr('disabled', true);
	},
	onComplete: function(file, json) {
		$('#button-option-<?php echo $option['product_option_id']; ?>').attr('disabled', false);
		
		$('.error').remove();
		
		if (json['success']) {
			alert(json['success']);
			
			$('input[name=\'option[<?php echo $option['product_option_id']; ?>]\']').attr('value', json['file']);
		}
		
		if (json['error']) {
			$('#option-<?php echo $option['product_option_id']; ?>').after('<span class="error">' + json['error'] + '</span>');
		}
		
		$('.loading').remove();	
	}
});
//--></script>
<?php } ?>
<?php } ?>
<?php } ?>
<script type="text/javascript"><!--
$('#review .pagination a').live('click', function() {
	$('#review').fadeOut('slow');
		
	$('#review').load(this.href);
	
	$('#review').fadeIn('slow');
	
	return false;
});			

$('#review').load('index.php?route=product/product/review&product_id=<?php echo $product_id; ?>');

$('#button-review').bind('click', function() {
	$.ajax({
		url: 'index.php?route=product/product/write&product_id=<?php echo $product_id; ?>',
		type: 'post',
		dataType: 'json',
		data: 'name=' + encodeURIComponent($('input[name=\'name\']').val()) + '&text=' + encodeURIComponent($('textarea[name=\'text\']').val()) + '&rating=' + encodeURIComponent($('input[name=\'rating\']:checked').val() ? $('input[name=\'rating\']:checked').val() : '') + '&captcha=' + encodeURIComponent($('input[name=\'captcha\']').val()),
		beforeSend: function() {
			$('.success, .warning').remove();
			$('#button-review').attr('disabled', true);
			$('#review-title').after('<div class="attention"><img src="catalog/view/theme/default/image/loading.gif" alt="" /> <?php echo $text_wait; ?></div>');
		},
		complete: function() {
			$('#button-review').attr('disabled', false);
			$('.attention').remove();
		},
		success: function(data) {
			if (data['error']) {
				$('#review-title').after('<div class="warning">' + data['error'] + '</div>');
			}
			
			if (data['success']) {
				$('#review-title').after('<div class="success">' + data['success'] + '</div>');
								
				$('input[name=\'name\']').val('');
				$('textarea[name=\'text\']').val('');
				$('input[name=\'rating\']:checked').attr('checked', '');
				$('input[name=\'captcha\']').val('');
			}
		}
	});
});
//--></script> 
<script type="text/javascript"><!--
$('#tabs a').tabs();
//--></script> 
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-timepicker-addon.js"></script> 
<script type="text/javascript"><!--
$(document).ready(function() {
	if ($.browser.msie && $.browser.version == 6) {
		$('.date, .datetime, .time').bgIframe();
	}

	$('.date').datepicker({dateFormat: 'yy-mm-dd'});
	$('.datetime').datetimepicker({
		dateFormat: 'yy-mm-dd',
		timeFormat: 'h:m'
	});
	$('.time').timepicker({timeFormat: 'h:m'});
});
//--></script>

AlexCar · 17 лютого 2015

Вобщем долго ковырял .... фигня какая-то... взял готовый плагин http://web.warwolf.org/reveal/ встало хорошо но и с ним есть баги...

Все вкладки внизу страницы вытянулись в одно "полотно"... ах этот javascript ...

AlexCar · 19 лютого 2015

там реально так сложно?

Вхід

пр выводе всплывающего окна на главной странице проблем не возникало, но при выводе со страницы това

Recommended Posts

AlexCar

Надіслати

Поділитися на інших сайтах

AlexDW

Надіслати

Поділитися на інших сайтах

AlexCar

Надіслати

Поділитися на інших сайтах

AlexCar

Надіслати

Поділитися на інших сайтах

AlexCar

Надіслати

Поділитися на інших сайтах

AlexCar

Надіслати

Поділитися на інших сайтах

AlexCar

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information