2013-09-18 4 views
0

В моем приложении у меня несколько ссылок, каждая ссылка открывается во всплывающем окне.Отображение нескольких ссылок в одном всплывающем окне

Моя идея - открыть только одно всплывающее окно (первая ссылка может отображаться по умолчанию), , а остальные могут быть отобраны и отображены непосредственно в этом всплывающем окне. ,

Я пытаюсь найти различные возможности для достижения этого результата.

Пример кода у меня есть:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>Show Content</title> 
<script type="text/javascript" src="jquery-1.2.6.js"></script> 
<script type="text/javascript"> 
</script> 
</head> 
<body> 
<a href="www.google.com" onclick="openpopup(this.href,window1);return false;">link1</a> 
<a href="www.google.com" onclick="openpopup(this.href,window1);return false;">link2</a> 
</body> 
<script type="text/javascript"> 
var ctr=0; 
function openpopup(popurl,winName){ 
//var winName = "win_"+(ctr++); 
winpops=window.open(popurl,winName,"width=300,height=382,scrollbars=no") 
} 
</script> 

ответ

0

Я думаю, просто добавив в winpops переменную в других ваших всплывающих окон. ваших winpopups окна создания экземпляра и дают родитель/потомок ссылку, так что если вы добавить что-то вроде:

onclick="openpopup(this.href,'window1')" 

и в ваших JS:

function openpopup(popupurl, winName) { 
winpops = window.open(...,winName,...) 
} 

, который должен работать. Я не тестировал это :)

+0

Я пробовал и не работает: всплывающее окно не открылось. Я отредактировал мой код с вашими предложениями – Jils

+0

Это хорошо работает, как видно здесь (ну jsfiddle блокирует всплывающие окна, но я попробовал его локально): http://jsfiddle.net/cquQ8/ Кстати добавьте 'window1' вместо window1 И самое главное поместите свои теги

Смежные вопросы