Javascript.RU

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

Добавлять элемент всегда первым
Результат программы в миниатюре!
Цель: чтобы каждый следующий элемент был добавлен на позицию 1 и чтобы элементы смещались вправо --- 5 4 3 2 1

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8">
	<title>WISHES_LIST</title>
	<head>
		<style>
			
			#line
			{
				color:#7F9DB9;
				max-width:400px;
			}
			
			#line .line_hr
			{
				color:#7F9DB9;
				width:400px;
			}
			
			#result .table_wish
			{	
				border:2px solid red;
				margin:10px ;
			}	
		</style>
		<script>
			
			function write_name() {
				var login = document.getElementById('login');				
				var N = login.value;
				var wishes_list = document.createElement('span');	
				document.getElementById('result').appendChild(wishes_list);				
				wishes_list.innerHTML = '<span>' + N + '</span>'; 
				wishes_list.className = 'table_wish';
				login.value='';				
			}	
			
		</script>
	</head>

	<body>

		<div id="result"></div><br>

		<div id="line"> 
			<hr class="line_hr">
		</div>

		<p>
			<span> Enter name: </span> <input type="text" id="login"> 
		</p>

		<p>
			<button type="button" onclick="write_name()" id="button">GO</button>
		</p>

	</body>

</html>
Изображения:
Тип файла: png Result.png (3.0 Кб, 4 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 26.05.2013, 02:10
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,251

insertBefore firstChild
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 26.05.2013, 02:23
Новичок на форуме
Отправить личное сообщение для wardock Посмотреть профиль Найти все сообщения от wardock
 
Регистрация: 26.05.2013
Сообщений: 3

Как это реализовать?
Ответить с цитированием
  #4 (permalink)  
Старый 26.05.2013, 02:26
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,251

Почти также. Гугл и этот сайт вам в помощь. Всё что вам потребуется я указал.
__________________
29375, 35
Ответить с цитированием
  #5 (permalink)  
Старый 26.05.2013, 03:28
Новичок на форуме
Отправить личное сообщение для wardock Посмотреть профиль Найти все сообщения от wardock
 
Регистрация: 26.05.2013
Сообщений: 3

document.getElementById('result').insertBefore(wis hes_list,document.getElementById('result').firstCh ild);
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выбрать элемент у родителя которого сын это элемент по которому кликнули MalikSPB Events/DOM/Window 8 30.12.2012 11:22
Drag-n-Drop - перетянуть элемент Jugo ExtJS 1 10.08.2011 19:10
Как передать элемент в переменную из функции kichSman jQuery 3 12.07.2011 22:16
перенести элемент в другой контейнер debugx jQuery 2 02.06.2011 15:53
Кодировка при использовании Ajax Nichloas AJAX и COMET 9 17.09.2009 16:06