zest
-
Posts
11 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by zest
-
-
Изучая проблему, я прихожу к выводу, что одними средствами Css тут скорее всего не обойдешься. Нужно будет использовать сложный симбиоз из JavaScript и Css.
Возможно кто-то из форумчан встречал какое-либо решение данной проблемы. Буду рада, если подскажете.
-
Каким образом сочетаются
overflow-x:hidden;
overflow-y:scroll;
и
overflow:auto;
?
А сочетаются они таким образом:
ФФ и ИЕ понимают
overflow-x
overflow-y
Для них стили overflow-x, overflow-y и overflow взаимозаменяемы
а Опера их не понимает, а понимает только
overflow
-
overflow:auto;
Не пойдет! Нужно, чтобы вертикальный остался, а горизонтальный исчез.
-
Здравствуйте!
Возможно кто-то уже встречался с такой прблемой! Расскажите, что можно в этом случае сделать?
Диву назначен стили
overflow:auto;
overflow-x:hidden;
overflow-y:scroll;
Ширина и высота фиксиованные.
В ИЕ и ФФ применяются свойства
overflow-x:hidden;
overflow-y:scroll;
и все выглядит как надо
В Опере эти свойства не срабаотывают, но срабатывает overflow:scroll;
Необходимо, чтобы было как в ИЕ и ФФ
Можно ли убрать горизонтальный scrollbar?
-
Как оказалось, подобное поведение списка в Опере - это известный баг браузера
Решение проблемы можно найти здесь http://www.tigir.com/javascript_select.htm
-
Да в ИЕ не выводился текст option-а. Исправлено. Сейчас код должен работать в ИЕ корректно.
И вопрос кстати возникает по этому поводу
Как будет корректнее поступать?
Сначала строить элемент - document.createElement("option");
затем назначать ему родителя - WorkdayContainer.appendChild(opt);
и только потом присваивать ему свойства value, text и пр.
или
Сначала строить элемент, потом назначать свойства и только потом назначать родителя.
????
-
Здраствуйте!
Задача такова - нужно менять формат времени с "00:00" на "1 PM" и обратно.
И выводить список часов в select
Все строится с помощию JavaScript.
Кроме-того при смене формата времени, установленное в select значение должно сохраняться, а не сбрасываться на первое.
Когда я с помощью того же самого JavaScript пытаюсь выбрать нужный элемент в списке, появляются лишние пустые options, которые являются всего лишь визуальными (на самом деле количество options такое какое и должно быть, т.е. 24).
Причем этот косяк возникает только в Опере. Если не устанавливать принудительно selected элемент, все работает нормально.
В чем может быть проблема? Помогите, пожалуйста, разобраться.
Заранее большое спасибо.
Вот код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form action="">
<input type="radio" name="r" id="r1" value="1" /> PM
<input type="radio" name="r" id="r2" value="2" /> 00
<select id="sel" name="sel">
</select>
</form>
<script>
function SetTimeFormat(WorkdayContainer, WorkdayValue, TimeFormat) {
var k = 0;
var hour = "";
var selected = "";
var time = "";
WorkdayContainer.options.length=0;
for (var i=0; i<24; i++) {
opt = document.createElement("option");
if (TimeFormat == 1) {
if (i==12) k=0;
if (k==0) hour=12;
else hour=k;
time = hour + ((i<12) ? " AM" : " PM");
k++;
} else if (TimeFormat == 2) {
time = (i<10) ? ("0"+i+":00") : (i+":00");
}
opt.value = i;
WorkdayContainer.appendChild(opt);
opt.text = time;
if (i == WorkdayValue) opt.selected = true;
else opt.selected = false;
}
//WorkdayContainer.options[WorkdayValue].selected = true;
}
var sel = document.getElementById('sel');
var r1 = document.getElementById('r1');
var r2 = document.getElementById('r2');
r1.onclick = function () {
SetTimeFormat(sel, 10, 1);
}
r2.onclick = function () {
SetTimeFormat(sel, 10, 2);
}
SetTimeFormat(sel, 10, 2);
</script>
</body>
</html> -
В приведенном ниже коде представлено 2 простейших способа добавления html-элементу содержимого.
Не могу понять, почему в первом случае не присоединяется к в IE6 и Opera9.
может кто-то сталкивался с такой же проблемой. Поделитесь впечатлениями.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>111</title>
</head>
<body>
<form>
<select id="s">
</select>
</form>
<div id="k"></div>
<script language="javascript" type="text/javascript">
//sposob1
var s = document.getElementById("s");
s.innerHTML = "<option>111</option>";
//sposob2
var txt = "<select><option>111</option></select>";
var k = document.getElementById("k");
k.innerHTML = txt;
</script>
</body>
</html> -
Tokolist, подскажите пожалуйста, где можно почитать про css-селекторы, которые вы применили. Первый раз встречаю такой css-код.
Возможно вас это удивит, но вс? же на www.w3.org
Нет ничего удивительного в этом мире. ;-)
Спасибо за детальную ссылочку.
-
Tokolist, подскажите пожалуйста, где можно почитать про css-селекторы, которые вы применили. Первый раз встречаю такой css-код.
как убрать горизонтальный скролл в Опере?
in HTML Coding
Posted
У меня конечно есть решение проблемы...
Но не могу сказать, что оно мне нравится. Можно спрятать горизонтальный скролл, поставив отрицательный маргин.
Другие предложения есть?