Вот мой код. Код кросс-броузерный.
P.S. только начинаю использовать JS, если что неправильно подскажите ошибки.
<style type="text/css">
#text {width: 450px; height: 70px; border: 1px solid #03F; overflow: hidden;}
</style>
<div id="text">
Подскажите, пожалуйста, как можно сделать так, чтобы область нажатия кнопки была та, которая видна, то есть если кнопка в виде окружности (как в формате png), то нажать на нее можно только наведя курсор на саму окружность, а не на всю прямоугольную область рисунка, спасибо<br />
Подскажите, пожалуйста, как можно сделать так, чтобы область нажатия кнопки была та, которая видна, то есть если кнопка в виде окружности (как в формате png), то нажать на нее можно только наведя курсор на саму окружность, а не на всю прямоугольную область рисунка, спасибо
</div>
<a href="change_photo.html" id="showText">Проссмотреть полностью</a>
<script type="text/javascript">
var showText = document.getElementById("showText");
showText.addEventListener ? showText.addEventListener("click", f_showText, false) : (showText.attachEvent("onclick", f_showText));
function f_showText(event) {
// кросс-браузерное получение события
event = event || window.event;
// кросс-браузерный запред перехода ссылки, можно было просто в самой ссылке прописать javascript:void(0);
event.preventDefault ? event.preventDefault() : (event.returnValue = false);
var div = document.getElementsByTagName("DIV")[0];
if (div.style.height == "100%")
div.style.height = "70px";
else div.style.height = "100%";
}
</script>
