Стилизация

@pixel · Регистрация: 19.05.2009

Студворк — интернет-сервис помощи студентам

Приветствую.
Есть диалоговое окно. В нем селекты. Подскажите, как можно размер этих селектов сделать одинаковым, но что бы они не выезжали за пределы окна? И еще один вопрос, можно ли как то имея селект, при выборе определенного значения из списка, что бы этот селект становился простым инпутом? Я просто не пойму, то ли нужно прятать селект и показывать инпут, толи действительно можно изменить данный контрол.

@djdish · 05.10.2011, 21:41

можно хоть десять объектов туда поместить,
но для этих случаев лучше пользоваться функцией jquery $(obj).each(function(){});
а кнопка, это тот же инпут и у него val() есть надпись в кнопке, если же узается тег button то к нему доступ как и в любом элементе через идентификатор

@pixel · 05.10.2011, 21:50 **[ТС]**

Сообщение от djdish

можно хоть десять объектов туда поместить,
но для этих случаев лучше пользоваться функцией jquery $(obj).each(function(){});
а кнопка, это тот же инпут и у него val() есть надпись в кнопке, если же узается тег button то к нему доступ как и в любом элементе через идентификатор

вот по подробнее бы про $(obj).each(). В данный момент мне нужно передать 2 объекта (селект и инпут). И определять видимость обоих объектов. А про Val на баттоне - вроде пробовал но что то не работает. сейчас еще попробую.

Добавлено через 4 минуты

Сообщение от pixel

А про Val на баттоне - вроде пробовал но что то не работает. сейчас еще попробую.

потому и не работает. Вот так получилось $('#show_window1').text('Редактировать') ;

@djdish · 05.10.2011, 22:54

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<head>
<style>
select{
width:90%;
}
input{
display:none;
width:90%;
}
.commonDiv{
clear:both;
width:90%;
}
.leftDiv{
float:left;
width:50%;
}
.rightDiv{
float:left;
width:50%;
}
</style>
<script src='jquery.js'></script>
</head>
<body>
<script language='javascript'>
function CheckValue(obj){
var parentDiv = $(obj).parent().parent().attr("idname");
var selectName = "div[idname='" + parentDiv + "'] select";
var inputName = "div[idname='" + parentDiv + "'] input";
if($(obj).val()>0)
{
$(inputName).show();
$(inputName).focus();
$(selectName).attr("disabled", true);
}
else
{
$(inputName).hide();
}
}
function CheckInput(obj){
var parentDiv = $(obj).parent().parent().attr("idname");
var selectName = "div[idname='" + parentDiv + "'] select";
if($(obj).val()=="")
{
$(obj).hide();
$(selectName).attr("disabled",false);
$(selectName).focus();
$(selectName).val(0);
}
}
 
</script>
<div idname='div1' class='commonDiv'>
<div class='leftDiv'>
<select onChange='CheckValue(this);'>
<option value='0'>Выберите...</option>
<option value='1'>Опция 1</option>
<option value='2'>Опция 2</option>
<option value='3'>Опция 3</option>
</select>
</div>
<div class='rightDiv'>
<input onBlur="CheckInput(this);" type='text'/>
</div>
</div>
<div idname='div2' class='commonDiv'>
<div class='leftDiv'>
<select onChange="CheckValue(this);">
<option value='0'>Выберите...</option>
<option value='1'>Опция 1</option>
<option value='2'>Опция 2</option>
<option value='3'>Опция 3</option>
</select>
</div>
<div class='rightDiv'>
<input onBlur="CheckInput(this);" type='text' />
</div>
</div>
</body>

ни одного #house_val и тд но работает
Jquery - это чудо реально!
а each просто переберает все указанные в первой части объекты

JavaScript
1
2
3
$("div").each(function(){
alert($(this).attr("class"));
});

покажет все значения классов в дивах на странице, ну и по аналогии к твои инпутам

@pixel · 06.10.2011, 21:28 **[ТС]**

Еще один вопрос. Использую следующие стили на странице:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#module_div {background:#ffffff;width:860px;margin: 0 auto;}
#module_page
{ 
background:#f2f1f1;
margin: 20px;
Width:100%;
overflow: hidden;
1px red solid;
border-radius:20px 5px 20px 5px; 
-webkit-border-radius:20px 5px 20px 5px; 
-moz-border-radius:20px 5px 20px 5px; 
-khtml-border-radius:20px 5px 20px 5px; 
}   
#module_tr { background: #ffffff; }

в самом HTML вот это:

HTML5
1
2
3
<div id="module_div">
<div id="module_page"> 
  <div id="module_tr">

Т.е. сначала центруется первый див, потом второй делает область с закругленными углами, потом ставится третий, в котором и размещаются данные в двух дополнительных дивах. Так вот почему то третий див практически перекрывает второй, когда я применяю к нему белый бэкграунд. если его не указывать - все смотрится как надо. Но я хочу что бы данные были на белом фоне. подскажите как можно исправить?
Забыл спросить. Вот стиль с закругленными углами - можно как то получить просто выделенную границу с закругленными углами, а фон белый?

@djdish · 06.10.2011, 21:43

скачай jquery.corner.js и можно будет без всяких стилей делать круглы, треугольные загнутые и другие виды углов

@pixel · 06.10.2011, 21:55 **[ТС]**

скачал, но можно ли там сделать разное закругление в разных углах? например радиус 20 5 20 5 как в моем случае?

@djdish · 06.10.2011, 22:07

почитай мануал на сайте откуда скачал там все описания, насколько я помню ты там и задаешь радиусы

@pixel · 06.10.2011, 22:50 **[ТС]**

все бы хорошо, но мне нужна только обводка, а она у меня получается только если просто прямоугольник брать. все остальные не работают (может и работают но без обводки да на белом фоне от них толку 0). как мне сделать простую рамку с круглыми углами с бордюром?

@djdish · 06.10.2011, 23:04

я же тебе написал назание фрэймворка
'round'
'cool'
'sharp'
'bite'
'slide'
'jut'
'curl'
'tear'
'wicked'
'long'
'sculpt'
'dogfold'
'dog'
'dog2'
'dog3'
'fray'
'notch'
'bevelfold'
'bevel'
вот сколько разных углов читай мануал по функции

@pixel · 07.10.2011, 17:19 **[ТС]**

да видел я все эти названия. эти углы применяются при использовании дива, заполненного определенным цветом и без бордера - мне же нужно наоборот, что бы был бордер и заполнение белым цветом.

Добавлено через 18 часов 12 минут
В общем не стал я юзать corners - во-первых, не не понял про бордер, а во вторых в IE глюки с ним какие то. Вернулся к ранее используемому варианту, доработал и теперь и бордер закругленный и фон белый.

Новые блоги и статьи Все статьи Все блоги /
сукцессия 31: модель микоризы - это модель ещё нескольких явлений, социальных и экономических anaschu 18.07.2026 Теория «Всего»: апдейт v1. 1. 2 — 28‑мерное ядро стабилизировано Коллеги, фиксирую разбор инженерных правок и их изоморфную проекцию на экономику, меметику и половой отбор. Модель теперь не. . .	сукцессия 30. Массив проверяющих друг друга моделей anaschu 18.07.2026 Архитектура сети взаимопроверяющих моделей микоризной сукцессии (v2. 0) Развитие тензорного ОДУ-ядра и создание кросс-платформенного калибровочного полигона Уважаемые коллеги! В продолжение. . .	Грибы - это женщины, деревья - это мужчины. Анти инь янь для союза мужчины и женщины. anaschu 18.07.2026 ГЛАВНЫЙ НАУЧНО-ФИЛОСОФСКИЙ ВЫВОД: Сексуально-Репродуктивный Капитализм против Государства Моногамии Коллеги, мы вышли на финишную прямую 20-мерного ОДУ-моделирования вековой сукцессии (ветка. . .	Текстовый слайдер с нумерацией страниц и кроссбраузерность. russiannick 18.07.2026 Один мой друг написал текстовый слайдер с нумерацией страниц. Сегодня я расскажу как он умудрился подружить его с кроссбраузерностью. Очевидно сложно угодить с шириной каждому браузеру. Один крадет. . .
Грибы - это мемы, дерево - это человек. Применение микоризной модели к теории меметики Докинза. anaschu 18.07.2026 Меметический изоморфизм теории «всего»: Грибная сукцессия как модель эволюции идей Докинза Базовый код системы ОДУ микоризной сукцессии описывает не просто биологию, а универсальную. . .	Грибы - это корпорации, деревья - это государства. Механизм массонского захвата власти anaschu 18.07.2026 Макроэкономический изоморфизм теории «всего»: Грибная сукцессия как модель транснационального капитализма Базовый код системы ОДУ микоризной сукцессии описывает не просто биологию, а. . .	Расчёт периметра прямоугольника по координатам вершин Maks 18.07.2026 Решение задачи по прикладной информатике средствами 1С. Задача: Вычислить периметр прямоугольника, заданного координатами своих вершин на плоскости. Решение: Создан документ со следующими. . .	Подсчёт частоты трёхбуквенных слов в тексте Maks 18.07.2026 Решение задачи по прикладной информатике средствами 1С. Задача: Выясните, сколько раз в предложенном тексте встречается каждое трехбуквенное слово. Решение: Создан документ с единственным. . .

@pixel 26 / 19 / 5 Регистрация: 19.05.2009 Сообщений: 2,294

	Стилизация 04.10.2011, 20:35. Показов 4013. Ответов 29 Метки нет (Все метки) Приветствую. Есть диалоговое окно. В нем селекты. Подскажите, как можно размер этих селектов сделать одинаковым, но что бы они не выезжали за пределы окна? И еще один вопрос, можно ли как то имея селект, при выборе определенного значения из списка, что бы этот селект становился простым инпутом? Я просто не пойму, то ли нужно прятать селект и показывать инпут, толи действительно можно изменить данный контрол. 0

@djdish 93 / 93 / 9 Регистрация: 20.02.2011 Сообщений: 210
	05.10.2011, 21:41
	можно хоть десять объектов туда поместить, но для этих случаев лучше пользоваться функцией jquery $(obj).each(function(){}); а кнопка, это тот же инпут и у него val() есть надпись в кнопке, если же узается тег button то к нему доступ как и в любом элементе через идентификатор 0

@djdish 93 / 93 / 9 Регистрация: 20.02.2011 Сообщений: 210
	06.10.2011, 21:43
	скачай jquery.corner.js и можно будет без всяких стилей делать круглы, треугольные загнутые и другие виды углов 1

@pixel 26 / 19 / 5 Регистрация: 19.05.2009 Сообщений: 2,294
	06.10.2011, 21:55 [ТС]
	скачал, но можно ли там сделать разное закругление в разных углах? например радиус 20 5 20 5 как в моем случае? 0

@djdish 93 / 93 / 9 Регистрация: 20.02.2011 Сообщений: 210
	06.10.2011, 22:07
	почитай мануал на сайте откуда скачал там все описания, насколько я помню ты там и задаешь радиусы 0

@pixel 26 / 19 / 5 Регистрация: 19.05.2009 Сообщений: 2,294
	06.10.2011, 22:50 [ТС]
	все бы хорошо, но мне нужна только обводка, а она у меня получается только если просто прямоугольник брать. все остальные не работают (может и работают но без обводки да на белом фоне от них толку 0). как мне сделать простую рамку с круглыми углами с бордюром? 0

@djdish 93 / 93 / 9 Регистрация: 20.02.2011 Сообщений: 210
	06.10.2011, 23:04
	я же тебе написал назание фрэймворка 'round' 'cool' 'sharp' 'bite' 'slide' 'jut' 'curl' 'tear' 'wicked' 'long' 'sculpt' 'dogfold' 'dog' 'dog2' 'dog3' 'fray' 'notch' 'bevelfold' 'bevel' вот сколько разных углов читай мануал по функции 0

@pixel 26 / 19 / 5 Регистрация: 19.05.2009 Сообщений: 2,294
	07.10.2011, 17:19 [ТС]
	да видел я все эти названия. эти углы применяются при использовании дива, заполненного определенным цветом и без бордера - мне же нужно наоборот, что бы был бордер и заполнение белым цветом. Добавлено через 18 часов 12 минут В общем не стал я юзать corners - во-первых, не не понял про бордер, а во вторых в IE глюки с ним какие то. Вернулся к ранее используемому варианту, доработал и теперь и бордер закругленный и фон белый. 0