Форум

roe · #1 (**permalink**) 26.02.2015, 10:57

хотел сделать форонтальное редактирование на сайте.
например.
наведя курсор на див-текстовый блок, последний выделяется цветом

$("div...").hover( function(e) {
//  e.preventDefault();
$(this).addClass('admin_front');

...
далее по клику открывается диалоговое окно с формой например данного текста.
и аяксом редактируется.
---------------
есть блоки которые сделаны в виде виджетов.
например реклама товара в форме изображения в сайтбаре.
кликая по которому идет переход на страницу товара. И их тоже нужно фронтально редактировать.

вот тут и вопрос, как заблокировать "естественный переход по ссылке"????
Мне нужно открыть диалог.окно, а не переход на товарную страницу.
Спасибо

ksa · #2 (**permalink**) 26.02.2015, 11:05

Сообщение от roe

как заблокировать "естественный переход по ссылке"?

Пример той ссылки?

roe · #3 (**permalink**) 26.02.2015, 11:11

ksa · #4 (**permalink**) 26.02.2015, 11:36

Сообщение от roe

<div class="thumbnails">
<a class="thumbnail" href="/link">
<img alt="Партнеры" src="/images/nd/part.gif">
</a>
</div>

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('.thumbnail').click(function(){
		alert('Ok');
		return false;
	});
});
</script>
</head>
<body>
<div class="thumbnails">
	<a class="thumbnail" href="/link">
		<img alt="Партнеры" src="/images/nd/part.gif">
	</a>
</div>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript