Javascript.RU

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

удаление созданого элемента
function createMessage()
{
  var container = document.createElement('div');
  container.innerHTML = '<div id="my-select"> \
    <p class="my-option">Si</p> \
    <p class="my-option">No</p> \
  </div>';

  return container.firstChild;
}

function positionMessage(elem, id)
{
	document.getElementById(id).style.borderBottom = 'none';
	pos = getElementPosition(id);
	var left = pos.left;
	var top = pos.top;
	elem.style.position = 'absolute';
	elem.style.left = left + "px";
	elem.style.top = top + 32 + "px";
}

function addCloseOnClick(messageElem, id)
{
  var p = messageElem.getElementsByTagName('P');
	var si = p[0].innerHTML;
	var no = p[1].innerHTML;

  p[0].onclick = function()
	{
		document.getElementById(id).value = si;
    messageElem.parentNode.removeChild(messageElem);
  }
	
	p[1].onclick = function()
	{
		document.getElementById(id).value = no;
    messageElem.parentNode.removeChild(messageElem);
  }
	
	p[0,1].onmouseout = function()
	{
		messageElem.parentNode.removeChild(messageElem);
	}
 
	document.getElementById(id).style.borderBottom = '1px solid #CC6600';
}


function setupMessageButton(id)
{
  var messageElem = createMessage();
  positionMessage(messageElem,id);
  addCloseOnClick(messageElem,id);
  document.body.appendChild(messageElem);
}

function getElementPosition(id)
{
	var elem = document.getElementById(id);
	var w = elem.offsetWidth;
	var h = elem.offsetHeight;
	var l = 0;
	var t = 0;
	while (elem)
	{
		l += elem.offsetLeft;
		t += elem.offsetTop;
		elem = elem.offsetParent;
	}
	return {"left":l, "top":t, "width": w, "height":h};
}

<input class="diary-field" id="federado" onClick="setupMessageButton('federado')" type="text" name="federado" value="">

ну вот такая не замысловатая иммитация тега селект. справился со всем кроме удаления элемнта после того как инпут и теги <p></p> теряют фокус. как сделать ума не приложу да и уже закрадываются сомнения возможно ли.
ЗЫ. большая часть кода взята из статей этого сайта.
ЗЫ2. в javascript баян и если можно жестоко не пинайте.
Ответить с цитированием
  #2 (permalink)  
Старый 11.06.2010, 08:38
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

А можно по конкретнее, что не получается?
__________________
.
Ответить с цитированием
  #3 (permalink)  
Старый 11.06.2010, 13:52
Новичок на форуме
Отправить личное сообщение для zakat Посмотреть профиль Найти все сообщения от zakat
 
Регистрация: 10.06.2010
Сообщений: 3

не получается заныкать созданный элемент когда происходик клик где-то в другом месте страницы.
Зы. пробовал убрать по событию onblur но либо так нельзя, либо как-то криво пробовал и еэлент удалялся даже при клики на вариант ответа.
Ответить с цитированием
  #4 (permalink)  
Старый 11.06.2010, 13:55
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

zakat,
Ну удаляйте его, допустим, если происходит клик на документе, только в тех случаях если это не ваше окно и не его дочки.
__________________
.
Ответить с цитированием
  #5 (permalink)  
Старый 11.06.2010, 14:32
Новичок на форуме
Отправить личное сообщение для zakat Посмотреть профиль Найти все сообщения от zakat
 
Регистрация: 10.06.2010
Сообщений: 3

а немного конкретнее можно? ибо:
Цитата:
ЗЫ2. в javascript баян
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое удаление строк таблицы Tankist Events/DOM/Window 16 03.07.2013 15:42
Массивы удаление элемента и вставка на его место другого mycoding Общие вопросы Javascript 1 19.04.2010 21:30
Удаление отдельного элемента с масива Suharik Общие вопросы Javascript 8 06.04.2010 16:11
удаление DOM элемента и перезагрузка страницы Andrey2005 Общие вопросы Javascript 3 12.10.2009 22:49
удаление Элемента из ХТМЛ Tinvul Events/DOM/Window 19 15.07.2009 12:59