Cпрятанный DIV: Почти AJAX
06-03-2007 10:32
к комментариям - к полной версии
- понравилось!
Спрятанный блок позволит сделать страницу, которая будет показывать пользователю то, что он хочет видеть, динамически выводя контент
Cоздаем блок:
<div id="mydiv" style="display:none"><h3>This is a test!<br>Can you see me?</h3></div>
Далее с помощью javascript выводим блок на экран, используя document.getElementById
<a href="javascript:;" onmousedown="if(document.getElementById('mydiv').style.display == 'none'){ document.getElementById('mydiv').style.display = 'block'; }else{ document.getElementById('mydiv').style.display = 'none'; }">Toggle Div Visibility</a>
Вариант 2 (используется onmousedown)
<a href="javascript:;" onmousedown="toggleDiv('mydiv');">Toggle Div Visibility</a>
Функция
<script language="javascript">
function toggleDiv(divid){
if(document.getElementById(divid).style.display == 'none'){
document.getElementById(divid).style.display = 'block';
}else{
document.getElementById(divid).style.display = 'none';
}
}
</script>
вверх^
к полной версии
понравилось!
в evernote