Здравствуйте.
Есть страничка – большой красивый фон, а в нём календарь. Это реализовано в div со следующей структурой.
<div class="widget-container widget_calendar" id="calendar-3">
<div id="calendar_wrap">
<table summary="Календарь" id="wp-calendar">
Написан простой js-скрипт
$('#1-calenheader').click(function() {
$('#1-calenheader').hide();
$("#calendar-3").show("slow");
});
$('#calendar-3').click(function() {
$("#calendar-3").hide("slow");
$('#1-calenheader').show("slow");
});
#1-calenheader – это миниверсия календаря.
Т.е. когда кликаешь на календаре он исчезает (заменяется миниатюрной версией).
Надо сделать так, чтобы по таблице с календарём можно было кликать и календарь большая версия не исчезал, а если кликнуть на фон, то исчезал.
Как я понял надо отлавливать событие нажатия таблицы с календарём и дальше событие не всплывало, по пузырьковой модели событий - надо запретить всплытие события на календарь. «Обрезать» событие click на внутренние теги. Как это программно реализовать?
P.S. «Рыба» примера находится здесь
http://share.seedmoney.ru/Pioner1.zip