Показать сообщение отдельно
  #8 (permalink)  
Старый 14.10.2012, 00:12
Аватар для eirnvn
Кандидат Javascript-наук
Отправить личное сообщение для eirnvn Посмотреть профиль Найти все сообщения от eirnvn
 
Регистрация: 15.09.2011
Сообщений: 70

Пиво не катит, только молоко. За вредность.
Вариантов много, смотря ,что вы хотите, возможно так (кликать по картинке).
<div id="box_lol_container1" class="box_lol_container" style="overflow: auto;">
<div class="lol_div" style="display: block;">image-1.jpg </div>
<div class="lol_div" style="display: none">image-2.jpg </div>
<div class="lol_div" style="display: none">image-3.jpg </div>
</div>
<input type="text" id="input" value='' />
<script type="text/javascript">
		var input = document.getElementById('input'),
		container = document.getElementById('box_lol_container1'),
		lol_divs = document.getElementsByClassName('lol_div'),
                lol_div;
                input.value = lol_divs[0].innerHTML;
		
		container.onclick = function(e) {
			var target = e && e.target|| event.srcElement;
			var next = target.nextElementSibling ||target.parentNode.firstElementChild;
			if(!next) {next = target.parentNode.firstElementChild; next.style.display ='block';}
			else {next.style.display = 'block'};
			target.style.display = "none";
			input.value = next.innerHTML;
		}
/*	    ^  ^
	   ^^^^^^
	 | 	@  @  |
	 ( = ~ = )            *
         -	             **
	   *****	        *** 
	  **********        ***
   ******************   **
***********************  
 ********************                             */
	</script>
__________________
"I don't write to say what I think, but to know what I think"

Последний раз редактировалось eirnvn, 14.10.2012 в 08:39.
Ответить с цитированием