Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.11.2011, 14:45
Аспирант
Отправить личное сообщение для bazilio2010 Посмотреть профиль Найти все сообщения от bazilio2010
 
Регистрация: 04.10.2011
Сообщений: 34

Поменять толщину бордюра
Нужно чтоб пользователь менял толщину и цвет бордюра при вводе данных в форму почему то не получается с толщиной цвет меняется, а толщина нет.
вот код
<!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>

Последний раз редактировалось bazilio2010, 24.11.2011 в 14:55.
Ответить с цитированием
  #2 (permalink)  
Старый 24.11.2011, 14:50
Профессор
Отправить личное сообщение для nikita.mmf Посмотреть профиль Найти все сообщения от nikita.mmf
 
Регистрация: 01.02.2010
Сообщений: 364

потому что толщина должна задаваться в какаих нинубудь единица(px, pt, em, %, ...)
Ответить с цитированием
  #3 (permalink)  
Старый 24.11.2011, 14:56
Аспирант
Отправить личное сообщение для bazilio2010 Посмотреть профиль Найти все сообщения от bazilio2010
 
Регистрация: 04.10.2011
Сообщений: 34

bodrerBody.style.border = bt+'px';
не выходит просто пропадает и все ...(
Ответить с цитированием
  #4 (permalink)  
Старый 24.11.2011, 15:01
Аспирант
Отправить личное сообщение для bazilio2010 Посмотреть профиль Найти все сообщения от bazilio2010
 
Регистрация: 04.10.2011
Сообщений: 34

сделал если кому то понадобится вот
<!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>
Ответить с цитированием
  #5 (permalink)  
Старый 24.11.2011, 15:44
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,124

Сообщение от bazilio2010
bodrerBody.style.border = bt+'px';
не выходит просто пропадает и все ...(
За "толщину" отвечают другие свойства ЦСС
http://htmlbook.ru/css/border-width и другие...

Свойство border используется для "краткой записи"...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Поменять заголовок H2 Budulianin Элементы интерфейса 5 11.10.2010 15:26
Как поменять текст листа? uhti Элементы интерфейса 8 26.07.2010 19:52
поменять стиль span bobo123 Общие вопросы Javascript 5 30.12.2009 19:33
Как поменять местами элементы в дереве элемента родителя? rar11 Events/DOM/Window 8 01.04.2009 18:53
Как поменять SRC у Img в Pocket IE Maxidrom Events/DOM/Window 2 08.10.2008 15:05