>>>ВОПРОСЫ НОВИЧКОВ<<<

Mobisaite

28 мар 2014 г., 12:28

таблицу бонусов могу дать и классы могу все дать давай в личке продолжим

Koenig

28 мар 2014 г., 12:30

(\/)____o_O____(\/)

Mobisaite, вечером я посмотрю и ты сам по тестишь

Mobisaite

28 мар 2014 г., 12:45

хорошо

gamegang

30 мар 2014 г., 8:42

Дорога, дорога, всё то ты знаешь

Помогите новичку в освоении JavaScript/HTML5.
Есть полоса прогресса, заданная через тэг <progress>. 100 раз в цикл её значение меняется от 1 до 100. Полоса как бы должна плавно заполнится. Но почему то при выполнении программы цикла просто в конце присваивается значение 100. До конца цикла полоса пустая, а потом резко полная становится.
Вот код (без <?, ?> только):

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Полоса прогресса</title>
<script>
function cycle(num) {
var point = num*10*1000; // сотая доля операций
/* 
каждые num*10000 операций часное i/point - это целое число от 1 до 100. 
    Записываем этот резульатат в значение тэга progress
*/
for (i = 1; i <= num*1000*1000; ++i) if (Math.round(i/point) == i/point) document.getElementById('result').value = i/point;
    document.getElementById('cycle').result.value = 'Сделано!';
}
</script>
</head>
<body>
<header><h1>Полоса прогресса</h1></header>
<form id="cycle">
<p>Сколько <u>миллионов</u> раз прогоняем цикл?</p>
<input type="number" name="num" min="5" max="100" step="5" value="5"><br>
<button type="button" onclick="cycle(num.value)">Done!</button>
<p>Прогресс:</p>
<progress id="result" value="0" max="100"></progress><br>
<output name="result"></output>
</form>
</body>
</html>

Guccifer

30 мар 2014 г., 8:51

u menya v chate ne rabotayet bb kodi, kakoy kod vstavit dlya rabotu

Mobisaite

30 мар 2014 г., 22:33

подскажите плз как сделать выпадающее меню

Mobisaite

30 мар 2014 г., 22:35

не при наведении а при щелчке мышкой

Wakko4REAL

30 мар 2014 г., 22:42

Wakko Warner

# Mobisaite (30.03.2014 / 22:35)
не при наведении а при щелчке мышкой

CSS:

#menu_body li ul {
display: none;
}
#menu_body li:hover ul, #menu_body li.over ul {
display: block;
}
 #menu_body {
    background:#171717;
    width: 200px;
    }
#menu_body a {
display: block;
width: 185px;
height: 24px;
padding-left: 15px;
} 

#menu_body ul li {
    list-style-type: none;
    border-bottom: 1px solid #fff;
    margin-left: -40px;
    padding-left: 0px;
    } 

#menu_body ul li a {
    color: #fff;
    text-decoration: none;
font-size: 115%;
font-family: Georgia;
    } 

#menu_body ul li a:hover {
    color: #fff;
    text-decoration: none;
background:#424242;
    } 

#menu_body ul li ul li {
    border: 0;
    list-style-type: none;
    color: #fff;
    list-style-position: inside;
background:#7F7F7F;
    } 

#menu_body ul li ul{
    border-top: 1px solid #fff;
    margin-left: -10px;
    padding-left: 50px;
    }

JavaScript:

<script type="text/javascript">
var id_menu = new Array('sub_menu_1','sub_menu_2','sub_menu_3');
startList = function allclose() {
for (i=0; i < id_menu.length; i++){
document.getElementById(id_menu[i]).style.display = "none";
}
}
function openMenu(id){
for (i=0; i < id_menu.length; i++){
if (id != id_menu[i]){
document.getElementById(id_menu[i]).style.display = "none";
}
}
if (document.getElementById(id).style.display == "block"){
document.getElementById(id).style.display = "none";
}else{
document.getElementById(id).style.display = "block";
}
}
window.onload=startList;
</script>

HTML:

<div id="menu_body">
<ul>
<li><a href="#" onclick="openMenu('sub_menu_1');return(false)">Пункт №1</a>
<ul id="sub_menu_1">
<li><a href="#">Подпункт №1</a></li>
</ul>
</li>
<li><a href="#" onclick="openMenu('sub_menu_2');return(false)">Пункт №2</a>
<ul id="sub_menu_2">
<li><a href="#">Подпункт №1</a></li>
<li><a href="#">Подпункт №2</a></li>
</ul>
</li>
<li><a href="#" onclick="openMenu('sub_menu_3');return(false)">Пункт №3</a>
<ul id="sub_menu_3">
<li><a href="#">Подпункт №1</a></li>
<li><a href="#">Подпункт №2</a></li>
<li><a href="#">Подпункт №3</a></li>
</ul>
</li>
</ul>
</div>

Mobisaite

30 мар 2014 г., 22:44

спс))

Wakko4REAL

30 мар 2014 г., 22:45

Wakko Warner

Mobisaite, обращайся!