Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Поиск по сайту
Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov
Гистограмма построена с использованием свойства images[ ] объекта Document.
![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() |
![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() |
![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() |
![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() |
![]() |
Исходный код примера
<script>
i=0;
function d_rand()
{<!--Если до диаграммы будут картинки, то j от количества картинок до диаграммы -->
for(j=0;j<10;j++) {
for(i=0;i<10;i++) document.images[j+i*10].src = "white.jpg"
y= Math.floor(Math.random()*10) ;
for(i=9;i>9-y;i--) document.images[j+i*10].src = "blue.jpg"
}}
</script>
<basefont size="3"><p align=justify>Гистограмма построена с использованием свойства images[ ] объекта Document.
<form name="diagram" class="c"><input name="random" type="button" value="Нажмите для перестроения" onClick="d_rand()" class="submitR2"></form>
<table border=0><tr><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img
src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><tr><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><tr><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr>
<td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><tr><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><td>
<img src="white.jpg" width=20 height=10></td><td><img src="white.jpg" width=20 height=10></td><tr><td colspan=10>
<img src="blue.jpg" width="250" height=2></td></tr>
</table>