Форум

sarik · #1 (**permalink**) 26.02.2013, 08:22

div[id^="div"] {
	  display:none;
	}
	input:checked + div[id^="div"] {
	  display:block;
	}

<input type="radio" >Цена товара          <div id=div1> Цена товара 100руб   </div>   
	 
	 <br>
	 
	 <input type="radio" >Наименование товара  <div id=div2> Шило в мешке         </div>

Как сделать так чтобы скрытые тексты появились в нужном месте?
Тоесть в нужном div-месте <div id=""></div>?

ksa · #2 (**permalink**) 26.02.2013, 09:06

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

Как сделать так чтобы скрытые тексты появились в нужном месте?

- Сделать их видимыми
- Спозиционировать их в нужном месте (либо делать это сразу)

sarik · #3 (**permalink**) 26.02.2013, 09:19

Но как сделать их видимыми

в нужном месте?

Hekumok · #4 (**permalink**) 26.02.2013, 10:58

sarik,
Style
display: block ;
position: absolute ;
left: нужное значение
top: нужное значение

sarik · #5 (**permalink**) 26.02.2013, 11:35

Дело в том что текст должно показываться в таблице..а можно так сделать чтобы показывалось в div,?

ksa · #6 (**permalink**) 26.02.2013, 11:37

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

а можно так сделать чтобы показывалось в div,?

Текст можно много где показать...

sarik · #7 (**permalink**) 26.02.2013, 12:07

и как же это сделать чтобы текст показывалось в div,?

Deff · #8 (**permalink**) 26.02.2013, 12:37

sarik,
Выложите код минимальной HTML разметки, с нужными чекбоксами и дивами...

sarik · #9 (**permalink**) 26.02.2013, 12:57

<input type="radio" >1         <div id=div1> 111111 </div> <br>
	 <input type="radio" >2         <div id=div2> 222222  </div>

Надо чтобы скрытий текст появилось внутр этой таблици

<td><div id="design6"></div></td>

Deff · #10 (**permalink**) 26.02.2013, 13:35

<!DOCTYPE HTML>
<html>
  <head>
<style>
div[id^=div]{
  display:none;
}
</style>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
  var checkbox = $("#checkbox");
  $('input[name="list_type"]',checkbox).change(function () {
       var text = $(this).next().html();
       $("#outtable td > #design6").html(text);
  });
});
</script>
 </head>
  <body>
<div id="checkbox">
<input type="radio" name="list_type">1<div id=div1> 111111 </div><br>
<input type="radio" name="list_type">2<div id=div2> 222222 </div><br>
<input type="radio" name="list_type">3<div id=div2> 333333 </div><br>
</div>

 Надо чтобы скрытий текст появилось внутр этой таблици 
<table id="outtable" border="1" width="50%" height="20" cellpadding="12">
<tr>
  <td><div id="design6"></div></td>
</tr>
</table>

  </body>
</html>

Форум

Справочник

Discord чат

Курсы javascript