Поменять толщину бордюра
Нужно чтоб пользователь менял толщину и цвет бордюра при вводе данных в форму почему то не получается с толщиной цвет меняется, а толщина нет.
вот код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
//////////////////border color
function bordC () {
var bodrerBody = document.getElementById('body_content');
var bc = document.getElementById('bord_color').value;
bodrerBody.style.borderColor = bc;
}
//////////////////border thickness
function bordT () {
var bodrerBody = document.getElementById('body_content');
var bt = document.getElementById('bord_thickness').value;
bodrerBody.style.border = bt;
}
</script>
</head>
<body>
<form method="post" action="" style="border: 1px solid #111; width: 400px;">
бордюр цвет <input id="bord_color" type="text" name="border" onkeyup="bordC()" /> <br />
бордюр толщина<input id="bord_thickness" type="text" name="border" onkeyup="bordT()" /> <br />
</form>
<div id="body_content" style="margin-top: 200px; width: 300px; height: 100px; border: 3px solid #111;"></div>
</body>
</html>
|
потому что толщина должна задаваться в какаих нинубудь единица(px, pt, em, %, ...)
|
bodrerBody.style.border = bt+'px';
не выходит просто пропадает и все ...( |
сделал если кому то понадобится вот
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
//////////////////border color
function bordC () {
var bodrerBody = document.getElementById('body_content');
var bc = document.getElementById('bord_color').value;
bodrerBody.style.borderColor = bc;
}
//////////////////border thickness
function bordT () {
var bodrerBody = document.getElementById('body_content');
var bc = document.getElementById('bord_color').value;
var bt = document.getElementById('bord_thickness').value;
bodrerBody.style.border = bt+'px solid'+bc;
}
</script>
</head>
<body>
<form method="post" action="" style="border: 1px solid #111; width: 400px;">
бордюр цвет <input id="bord_color" type="text" name="border" onkeyup="bordC()" /> <br />
бордюр толщина<input id="bord_thickness" type="text" name="border" onkeyup="bordT()" /> <br />
</form>
<div id="body_content" style="margin-top: 200px; width: 300px; height: 100px; border: 3px solid #111;"></div>
</body>
</html>
|
Цитата:
http://htmlbook.ru/css/border-width и другие... Свойство border используется для "краткой записи"... ;) |
| Часовой пояс GMT +3, время: 21:41. |