mr.s0uc3, 20.09.2011 - 16:16
Здравствуйте уважаемые Гуру!
Вот есть сайт на HTML
http://beergalery.ru попросили вставить интернет магазин на Joomla, но не все так просто
В Разделе галерея есть 3 картинки соответствующие определенной категории товара...
Скажите пожалуйста как прописать ссылку при клике на картинку, чтобы открывалось всплывающее (модальное) окно, в котором отображалась Joomla (virtuemart) по адресу например -
http://beergalery.ru/shop (другим словом wrapper)
Заранее огромное спасибо и череда +сов в карму
stepanyk, 20.09.2011 - 17:59
Раз уж на сайте используется JQuery, то проще всего сделать с помощью
jquery dialog ( _
http://jqueryui.com/demos/dialog/ ). Например:
» Нажмите, для открытия спойлера | Press to open the spoiler «
Code
<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<script src="http://jqueryui.com/ui/jquery.ui.dialog.js"></script>
<script>
function BGOnImgClick(ACat){
var url='http://beergalery.ru/shop/'+ACat;
$('<div id="BGShopDiv"></div>').dialog({
width: 800,
height: 600,
modal: true,
});
$('#BGShopDiv').html('<iframe src="'+url+'"></iframe>'); //фрейм просто для примера, гораздо лучше использовать Ajax
}
</script>
А вместо ulr'а ссылки указываем
» Нажмите, для открытия спойлера | Press to open the spoiler «
Code
<a href="Javascript:BGOnImgClick('cat1')">ссылка</a>
Ну и запрос в любимом поисковике
js делаем модальное окно