Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Длина элемента input / 18 сообщений из 18, страница 1 из 1
17.12.2012, 15:24
    #38082045
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
В таблице у меня элементы input.
У меня есть возможность изменять динамически размеры колонок. Но при этом элементы input сохраняют прежнюю длину. Что надо прописать, чтобы и они динамически меняли размер?
Спасибо заранее.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.12.2012, 15:56
    #38082134
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
Сергей111У меня есть возможность изменять динамически размеры колоноккак именно? покажите, пожалуйста, Javascript код
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.12.2012, 15:58
    #38082141
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
Это плагин. Вот этот:
http://quocity.com/colresizable/#samples
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.12.2012, 16:02
    #38082155
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
ну так там же в доке описано событие onResize
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.12.2012, 16:06
    #38082166
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
Да, я заметил. Но подумал может обойдусь CSS-ами. Тем не менее спасибо большое.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.12.2012, 17:33
    #38082339
iConst
iConst
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
Сергей111Да, я заметил. Но подумал может обойдусь CSS-ами. Тем не менее спасибо большое.Задать размер input в %.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 09:24
    #38082966
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
авторЗадать размер input в %.
Задавал - не понимает. Наверное все таки придется скрипт откликающийся на resize писать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 09:29
    #38082973
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
Сергей111У меня есть возможность изменять динамически размеры колонок. Но при этом элементы input сохраняют прежнюю длину.
И где тестовый пример?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 09:30
    #38082976
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
Сергей111авторЗадать размер input в %.
Задавал - не понимает.
Не верю! (с)
Где пример?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 09:34
    #38082982
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
Бивас, тест!

 
Код: html
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.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
table {
	width: 100%;
}
.d1 {
	width: 20%;
}
.d1 {
	width: 40%;
}
input {
	width: 90%;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table>
	<td class='d1'><input type='text' /></td>
	<td class='d2'><input type='text' /></td>
</table>
</body>
</html>



Всё прекрасно работает...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 10:57
    #38083085
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
авторВсё прекрасно работает...
Попробуйте все таки изменить размеры динамически(кнопка Resize):
Вроде должно работать, но........
<!DOCTYPE html>
<html>
<head>
<!--
<script src=" http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->

<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.19.custom.min.js"></script>
<style type="text/css">
table {
width: 100%;
}
.d1 {
width: 50%;
}
.d2 {
width: 50%;
}
input {
width: 100%;
}
</style>
<script type="text/javascript">
function Resize() { alert(777);$('.d1').attr('width','10%');$('.d2').attr('width','90%');alert(888);
}

</script>
</head>
<body>
<table border=1>
<td class='d1'><input type='text' /></td>
<td class='d2'><input type='text' /></td>
</table>
<input type="button" style="width:200px;" value="Resize" onclick="Resize()">
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 11:13
    #38083107
st_st
st_st
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
У таблицы <tr> должен быть.

Код: javascript
1.
2.
$('.d1').width('10%');
$('.d2').width('90%');
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 13:40
    #38083405
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
st_stУ таблицы <tr> должен быть.
Таки у самой таблицы он и есть! Есть даже <tbody> и <thead>...

А для однострочной таблички их написание можно опустить...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 13:43
    #38083415
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
Сергей111
Код: javascript
1.
$('.d1').attr('width','10%');


Это кто так научил размеры у элементов менять?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 13:44
    #38083419
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
st_st
Код: javascript
1.
2.
$('.d1').width('10%');
$('.d2').width('90%');


Это действительно работает!

 
Код: html
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.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
table {
	width: 100%;
}
.d1 {
	width: 20%;
}
.d1 {
	width: 40%;
}
input {
	width: 90%;
}
</style>
<script type="text/javascript">
function Resize() { 
	$('.d1').width('10%');
	$('.d2').width('90%');};
</script>
</head>
<body>
<table>
	<td class='d1'><input type='text' /></td>
	<td class='d2'><input type='text' /></td>
</table>
<input type="button" style="width:200px;" value="Resize" onclick="Resize()" />
</body>
</html>

...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 14:21
    #38083507
st_st
st_st
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
krvsast_stУ таблицы <tr> должен быть.
Таки у самой таблицы он и есть! Есть даже <tbody> и <thead>...

А для однострочной таблички их написание можно опустить...

w3с валидатор ругается, если <tr> нет, мне это ненравится
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 14:54
    #38083572
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
Спасибо, ребята. Разобрался.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.12.2012, 15:55
    #38083724
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Длина элемента input
st_stw3с валидатор ругается, если <tr> нет, мне это ненравится
Эва...
Я просто в некой книжке прочитал про такое и успокоился... Знать рано!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Длина элемента input / 18 сообщений из 18, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 434ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448963]:
 0ms
get settings:
 13ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 80ms
get topic data:
 22ms
get forum data:
 2ms
get page messages:
 79ms
get tp. blocked users:
 1ms
others: 220ms
total:  434ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]