Форум

StudentDanil · #1 (**permalink**) 16.05.2013, 15:40

Вот такая задача: вывести ниспадающий список названий всех графических изображений текущего документа. Я то сделал, чтобы оно просто выводило окошко со списком, а как его сделать ниспадающим? Это же через options HTMLя, но я не знаю, как сюда его впихнуть?

<html><head><title> CATS </title><script>
function showImagesList() {

	var imgs = document.getElementsByTagName("img");

	var s = new String;

	var i = 0;

	while (img = imgs[i++])

	{

		s = s + '\n' + img.src;

	}

	alert(s);

}

//window.onload=showImagesList();

</script></head>
<body>
<button onclick="showImagesList()">Show images list</button>
<p align="left"><img src="kotyatko.jpg" width="90%"height="95%" hspace="20"vspace="20" border="0S"></p>
<p align="left"><img src="cat.jpg"width="550"height="270" hspace="40"vspace="10" border="0S">
<img src="kity-cat.jpg"width="550"height="270" hspace="40"vspace="10" border="0S"></p>
<p align="left"><img src="mew-mew.jpg"width="550"height="270" hspace="40"vspace="10" border="0S">
<img src="kis-kis.jpg"width="550"height="270" hspace="40"vspace="10" border="0S"></p>
</body>
</html>

ksa · #2 (**permalink**) 16.05.2013, 16:26

Сообщение от StudentDanil

вывести ниспадающий список названий всех графических изображений текущего документа

Куда вывести?
И что есть "ниспадающий список"?

StudentDanil · #3 (**permalink**) 16.05.2013, 18:25

Нужно вывести на экран. Я так понял - это HTMLевский элемент <select>

ruslan_mart · #4 (**permalink**) 16.05.2013, 18:50

<select id="imgList"></select>

function showImagesList()
{
   var a = document.getElementsByTagName('img'), b = '';
   for(i=0; i<a.length; i++) b += '<option>'+a[i].src+'</option>';
   document.getElementById('imgList').innerHTML = b;
}

showImagesList();

StudentDanil · #5 (**permalink**) 20.05.2013, 18:24

Спасибо огромное! Tолько я не пойму, как мне это вставить в свой код, уж слишком туговат в JS

Форум

Справочник

Discord чат

Курсы javascript