Skip to content
Сеть учебных сайтов
Цифровая экономика и информационные технологии
Search for:
Log in
Menu
Close
Сеть
Сайты
Пользователи
Группы
Активность
Песочница
Задания
JS
PHP
Примеры
PHP
Учебные материалы
Документация
htmlbook
Bootstrap5
JS
jQuery API
Документация PHP
Документация WordPress
wp-kama
HTML+CSS
JS
PHP
WordPress
Выбор темы WordPress
Python
Подготовка к гос-экзаменам
Литература
Управление ИТ-сервисами и контентом
Системы управления контентом(CMS)
Инструменты веб разработки
Электронный бизнес
Технология Lean Startup
Управление интернет-проектом
Сеть
Сайты
Пользователи
Группы
Активность
Песочница
Задания
JS
PHP
Примеры
PHP
Учебные материалы
Документация
htmlbook
Bootstrap5
JS
jQuery API
Документация PHP
Документация WordPress
wp-kama
HTML+CSS
JS
PHP
WordPress
Выбор темы WordPress
Python
Подготовка к гос-экзаменам
Литература
Управление ИТ-сервисами и контентом
Системы управления контентом(CMS)
Инструменты веб разработки
Электронный бизнес
Технология Lean Startup
Управление интернет-проектом
Search for:
Log in
Изменение свойств элемента
Home
Phpscrs
Изменение свойств элемента
<?php ?> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <div class="demo"> <form action="#"> <div id="circle"></div> <fieldset> <label for="radius">Circle radius</label> <select name="radius" id="radius"> <option value="50">50px</option> <option value="100">100px</option> <option value="150" selected="selected">150px</option> <option value="200">200px</option> <option value="250">250px</option> </select> <label for="color">Circle color</label> <select name="color" id="color"> <option value="black">Black</option> <option value="red">Red</option> <option value="yellow" selected="selected">Yellow</option> <option value="blue">Blue</option> <option value="green">Green</option> </select> </fieldset> </form> </div>
eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('$(4(){e 1=$("#1");$("#d").8({7:4(6,0){1.5({c:0.3.2,b:0.3.2})}});$("#a").8({7:4(6,0){1.5("9",0.3.2)}})});',15,15,'data|circle|value|item|function|css|event|change|selectmenu|background|color|height|width|radius|var'.split('|'),0,{})) jQuery('.editor').remove();
fieldset { border: 0; margin-left: 300px; } label { display: block; margin: 20px 0 0 0; } #circle { float: left; background: yellow; border-radius: 50%; width: 150px; height: 150px; } .editors-buttons{ display:none; }
Results:
Circle radius
50px
100px
150px
200px
250px
Circle color
Black
Red
Yellow
Blue
Green
