Перейти к содержанию
AlexCar

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

Рекомендуемые сообщения

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Самое примечательное, что кнопка "Смотреть на карте" из 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   (кнопка "Схема проезда") - индейская народная изба  !!!!!   окошко не выходит, а перебрасывает на главную....

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

<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>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

<?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> 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.