Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.04.2013, 17:24
Новичок на форуме
Отправить личное сообщение для newbee Посмотреть профиль Найти все сообщения от newbee
 
Регистрация: 05.04.2013
Сообщений: 3

Сокрытие ячейки css и javascript
День добрый. В html присутствует таблица. Под ней 2 radio input'а. пр нажатии на один 4 ячейки должны исчезнуть, при нажатии на другой они должны появиться. в 2х из этих ячеек текстовые инпуты. т.к я уже использую их в других функциях, прописал в новой функции их ИД. При нажатии они исчезают. А вот с другими двумя проблема. Текст внутри ячеек остаётся. Я создавал новый ид, прикреплял его к самой ячейке, строке, и даже внутри ячейки создавал <p> и к нему крепил. Безрезультатно. Прошу помочь!
function invis(){
	form1.akcis.value=0;
	form1.akcis1.value=0;
	form1.akcis.style.display = "none";
	form1.akcis1.style.display = "none";
	form1.name1.style.display = "none";
	form1.name2.style.visibility = "hidden";	
}
function vis(){
	form1.akcis.value="";
	form1.akcis1.value="";
	form1.akcis.style.display = "block";
	form1.akcis1.style.display = "block";
	form1.name1.style.display = "block";
	form1.name2.style.display = "block";	
	}
</script>
<style type="text/css">
body { margin:0;}
.g1 {	position: absolute;
  		overflow: auto;
		margin: 0;
		width: 100%;
		height: 100%;
		background: rgb(249,249,249); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(12,150,53,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(12,150,53,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(12,150,53,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(12,150,53,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(12,150,53,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(12,150,53,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#0c9635',GradientType=0 ); /* IE6-8*/}
</style>
</head>
<Body>
<div class="g1">
<form action="" name="form1">
<table align=center>
  <tr>
  	<td id="name2">Акциз</td>
  	<td id="name2"><input id="akcis" type="text" value="" readonly></td></tr>
  <tr>
	<td><input id="accistrue" name="accisq" type="radio" value="true" checked onClick="vis()">есть акциз<br>
		<input id="accisfalse" name="accisq" type="radio" value="false" onClick="invis()">нет акциза
	</td>
  </tr>
</table>
</form>
</div>
Ответить с цитированием
  #2 (permalink)  
Старый 09.04.2013, 16:00
Интересующийся
Отправить личное сообщение для korobas Посмотреть профиль Найти все сообщения от korobas
 
Регистрация: 09.04.2013
Сообщений: 10

Выложите кусок вашего кода, который не работает целиком. Тут только 1 инпут.

П.С. body с большой буквы О_о
Ответить с цитированием
  #3 (permalink)  
Старый 09.04.2013, 16:03
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от korobas
П.С. body с большой буквы О_о
это не запрещено в HTML
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #4 (permalink)  
Старый 09.04.2013, 17:43
Интересующийся
Отправить личное сообщение для korobas Посмотреть профиль Найти все сообщения от korobas
 
Регистрация: 09.04.2013
Сообщений: 10

Вот вариант на скорую руку, скрываем всю строку
http://learn.javascript.ru/play/YPCLjc

Последний раз редактировалось korobas, 09.04.2013 в 17:45.
Ответить с цитированием
  #5 (permalink)  
Старый 09.04.2013, 17:48
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от korobas
П.С. body с большой буквы О_о
А onClick в верблюжем регистре не смутил? HTML не чувствителен к регистру. Можно писать хоть <BoDi oNCliCk=".."> - вопрос только «зачем?"»..
Ответить с цитированием
  #6 (permalink)  
Старый 09.04.2013, 18:00
Интересующийся
Отправить личное сообщение для korobas Посмотреть профиль Найти все сообщения от korobas
 
Регистрация: 09.04.2013
Сообщений: 10

Вот вариант со скрытием ячеек: http://learn.javascript.ru/play/KCOEkb
У каждой ячейки свой id.
Решение можно сделать красивее и проще, но уже домой пора идти, рабочий день закончен)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34
JavaScript и CSS demoniqus Элементы интерфейса 47 16.03.2010 22:51
javascript, css и iexplorer Блондинко Internet Explorer 4 21.02.2008 12:39