Без него тоже как два пальца, более того кода будет не больше.

и все-таки есть решение?

Часть решения уже дали, направление, где искать остальное - тоже, чего еще-то?

Готовый код и стрелочка -> тыкать сюда ;)

Вот мой код. Код кросс-броузерный.

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>