есть код, но работает только в одном браузере 2
<!DOCTYPE HTML>
<html>
<body>
<meta charset="utf-8">
<title>output</title>
</head>
<body>
<form>
<p>Введите длину в сантиметрах: <input type="number" name="cm" autofocus="autofocus" /></p>
<p>Длина в дюймах: <output name="result"
onforminput="this.value=(this.form.cm.value/2.54).toFixed(2)">0</output></p>
</form>
</body>
</html>
Он работает(Тег <output>) только в Опере Как можно его подрихтовать, чтоб работал в мозилле и хроме, тоже. |
Нужно получать доступ к элементам по id, а не по name.
|
Цитата:
|
А зачем вы придумали новый тег?
|
Создавайте, пожалуйста, более информативные названия тем.
|
http://htmlbook.ru/html/output,
Kolyaj читай)) А других способов кроме https://developer.mozilla.org/En/Introduction и http://dev.chromium.org/developers/how-tos/get-the-code нет? |
Цитата:
Зачем вы тогда его используете, если хотите, чтобы код работал в мозилле и хроме :) |
триви, хочу чтоб работал везде))Мне нужен код
|
Цитата:
И не забудьте, что toFixed() не в ладах с IE |
Цитата:
|
<form>
<p>Введите длину в сантиметрах: <input type="text" onKeyUp="document.getElementById('res').innerHTML=(this.value/2.54).toFixed(2)" name="cm" value="0" /></p>
<p>Длина в дюймах: <span id="res">0</span></p>
</form>
|
триви, то, что нужно. а есть какая-то замена тега <meter> для ФФ(метер работает только в Хроме и Опере(11.0).
|
триви, ошибка когда вводишь 1см выводит 0,39дюймов
|
Цитата:
Метер твой это элемент HTML 5! Если ты хочешь реализовать без его использования, используй другие средства, простую таблицу наконец! |
<style type="text/css">
.progress_bar {
position: relative;
width: 100px;
height: 20px;
border: 1px solid #000;
}
#percent {
position: absolute;
left: 0;
top: 0;
color: red;
}
#progress {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 20px;
background-color: #00f;
}
</style>
<div class="progress_bar">
<div id="progress"></div>
<div id="percent">0%</div>
</div>
<button onclick="start();">Start</button>
<script type="text/javascript">
function start( at ) {
at = ++at || 0;
var progress = document.getElementById('progress');
var percent = document.getElementById('percent');
progress.style.width = at + "px";
percent.innerHTML = at + "%";
if ( at < 100 ) {
setTimeout( function() {
start( at );
}, 100 );
}
}
</script>
|
Цитата:
|
ой всё правильно)))
|
devote, то что нужно, а как сделать чтоб когда дошло 100% внизу появилось загружено?
|
<style type="text/css">
.progress_bar {
position: relative;
width: 100px;
height: 20px;
border: 1px solid #000;
}
#percent {
position: absolute;
left: 0;
top: 0;
color: red;
}
#progress {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 20px;
background-color: #00f;
}
#loaded {
display: none;
}
</style>
<div class="progress_bar">
<div id="progress"></div>
<div id="percent">0%</div>
</div>
<div id="loaded">Loaded</div>
<button onclick="start();">Start</button>
<script type="text/javascript">
function start( at ) {
at = ++at || 0;
var progress = document.getElementById('progress');
var percent = document.getElementById('percent');
progress.style.width = at + "px";
percent.innerHTML = at + "%";
if ( at < 100 ) {
setTimeout( function() {
start( at );
}, 100 );
} else {
document.getElementById('loaded').style.display = 'block';
}
}
</script>
|
Цитата:
if ( at == 100 ) {
document.getElementById('res').innerHTML="Загружено."
}
Под прогрессбаром помещаешь: <span id="res"></span> |
Цитата:
Всё таки в скриптах нужно, чтобы по возможности было как можно меньше даных :) |
Цитата:
|
а под прогрессбаром каким
В стилях строка 2 иди дива строка 26? |
Цитата:
а ты ещё умудряешься такие вопросы задавать :D |
та ладно я пошутил :victory:
|
<style type="text/css">
.progress_bar {
position: relative;
width: 100px;
height: 20px;
border: 1px solid #000;
}
если width: 100px; поменять на другое число, то строка загрузки доходит до обычного, то при ширене 300 остается свободное место за полосой, как сделать чтоб растягивалось, автоматически? |
Цитата:
если тебе нужен бар шириной в 300 px, с каждым вызовом start() увеличивай значение переменной at не на 1, как в представленном коде, а на 3. |
не понял, куда в какой строке в что поставить?
|
Цитата:
то вставить можно только в одно известное место ;) |
ну не догоняю
|
| Часовой пояс GMT +3, время: 10:12. |