Форум

papa_serg · #1 (**permalink**) 08.12.2010, 14:17

Здравствуйте, такой вот код.

<html><head>
<script src='../jquery-1.4.2.min.js' language='javascript'></script>
<script language='javascript'>
function adduserpost(){
	res="<tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td></tr>";
	$('#modermsgdiv').append(res);
}
</script>
</head>
<body>
<table cellspacing=1 cellpadding=5 style='background-color: #e1e1e1'>
<tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td></tr>
<tr style='background-color: #ffffff'><td class='normal'>Имя: </td><td><input type='text' name='u_i' class='input' style='width: 200px' value=''></td></tr>
<tr style='background-color: #ffffff'><td class='normal'>Отчество: </td><td><input type='text' name='u_o' class='input' style='width: 200px' value=''></td></tr>
	<tr id='modermsgdiv' style='background-color: #ffffff'>
		
	</tr>
<tr style='background-color: #ffffff'>
	<td colspan=2 align=center>
	   <a href='java script:;' onclick='adduserpost();' class='normal main'>Добавить</a>
	 </td>
</tr>
</table>
</body>
</html>

Проблемма в следующем, по нажатию на кнопку "Добавить", в IE, всё отображается именно так, как хотелось бы, в то время, как в FF поле съезжает.
Хотя, если в ФФ страницу с добавлеными полями сохранить, и загрузить сного, то всё отображается как задуманно.
P.S. Если контейнер(id='modermsgdiv'), засунуть скажем в TD или DIV, то в IE не работает ф-ция append

P.P.S. Возможно просто по своей тупости, забыл указать какое-то св-во таблицы? Подскажите пожалуйста какое?
IE8:

FF3:

ksa · #2 (**permalink**) 08.12.2010, 14:57

papa_serg, куда именно ты "добавляешь" свой "код"?

ksa · #3 (**permalink**) 08.12.2010, 15:06

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

в IE, всё отображается именно так, как хотелось бы

В ИЕ7 вообще ничего не работает...

ksa · #4 (**permalink**) 08.12.2010, 15:09

papa_serg, как вариант попробовать вот так...

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type='text/css'>
</style>
<script src='../jquery-1.4.2.min.js' language='javascript'></script>
<script type="text/javascript">
function adduserpost(){
	res="<tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td></tr>";
	$("#modermsgdiv").append(res);
	return false
}
</script>
</head>
<body>
<table cellspacing=1 cellpadding=5 style='background-color: #e1e1e1'>
<tbody>
	<tr style='background-color: #ffffff'>
		<td class='normal'>Фамилия: </td>
		<td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td>
	</tr>
	<tr style='background-color: #ffffff'>
	<td class='normal'>Имя: </td><td><input type='text' name='u_i' class='input' style='width: 200px' value=''></td>
	</tr>
	<tr style='background-color: #ffffff'>
		<td class='normal'>Отчество: </td>
		<td><input type='text' name='u_o' class='input' style='width: 200px' value=''></td>
	</tr>
</tbody>
<tbody id='modermsgdiv' style='background-color: #ffffff'>
</tbody>
<tbody>
	<tr style='background-color: #ffffff'>
		<td colspan=2 align=center>
		   <a href='#' onclick='adduserpost();' class='normal main'>Добавить</a>
		 </td>
	</tr>
</tbody>
</table>
</body>
</html>

papa_serg · #5 (**permalink**) 08.12.2010, 15:14

спасибо. tbody то что нужно.

Форум

Справочник

Discord чат

Курсы javascript