Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.06.2010, 12:50
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

Не работает всплывающее окно
Вот код:

function jWnd(sets) {
	var header = sets.header ? '<div style="position: relative; background: #555; border-bottom: 3px solid orange; width: ' + sets.w + 'px; height: 20px;">' + sets.header + '</div>': '';
	var content = '<div style="position: relative; background: #555; width: ' + sets.w + 'px; height: ' + sets.h + '">' + sets.content + '</div>';
	var x = $('<div style="position: fixed; opacity: 0">' + header + content + '</div>');
	x.appendTo($('body')).css({
		top: ($(document).height() - $(x).height()) / 2,
		left: ($(document).width() - $(x).width()) / 2
	}).animate({
		opacity: 1
	},
	1000);
};


При вызове jWnd из скрипта всё работает, а если попытаться сделать это в onclick ссылки — ничего нет. Где ошибка?
Ответить с цитированием
  #2 (permalink)  
Старый 14.06.2010, 05:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

var content = '<div style="position: relative; background: #555; width: ' + sets.w + 'px; height: ' + sets.h + 'px ">' ---а сам код рабочий
можно ещё самоудаление добавить по клику если оно конечно надо)))
<script language="JavaScript" src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
function jWnd(sets) {
   var header = sets.header ? '<div style="position: relative; background: #555; border-bottom: 3px solid orange; width: ' + sets.w + 'px; height: 20px;">' + sets.header + '</div>': '';
   var content = '<div style="position: relative; background: #555; width: ' + sets.w + 'px; height: ' + sets.h + 'px">' + sets.content + '</div>';
   var x = $('<div style="position: fixed; opacity: 0">' + header + content + '</div>');
	x.appendTo($('body')).css({
		top: ($(document).height() - $(x).height()) / 2,
		left: ($(document).width() - $(x).width()) / 2
	}).animate({
		opacity: 1
	},
	1000).click(function () {
      $(this).remove()} )
};
/*]]>*/
</script>
<a href="#" onclick='jWnd({"header":"Заголовок","content":"Содержание","w":200,"h":50})'>пуск</a>

Последний раз редактировалось рони, 14.06.2010 в 07:46.
Ответить с цитированием
  #3 (permalink)  
Старый 14.06.2010, 08:40
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

Спасибо за то, что дали наводку. Я просто делал так: открывал сайт, нажимал Ctrl+U и начинал прямо в исходнике писать скрипт и потом смотреть результат. Ничего не работало. А вот если запускать на пустой странице, то всё работает.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фрейм и всплывающее окно Uri Элементы интерфейса 6 02.02.2013 01:52
Вывод данных из базы в цикле со ссылкой на всплывающее окно alexvb Events/DOM/Window 14 10.02.2012 16:16
флешка и всплывающее окно prokopov-nikolai Internet Explorer 0 25.12.2009 14:40
Всплывающее окно... Daniar Элементы интерфейса 1 21.08.2009 15:57
цвет кнопки, цвет текста на кнопке, всплывающее окно matana Общие вопросы Javascript 8 26.05.2009 17:08