2015-03-03 3 views
0

У меня есть ссылка внутри страницы, которая вызывает плавающее окно с серией ссылок.Same Window Resize On Click

<a href='javascript:void(0);' onclick='window.open("http://mylink.html","ZenPad","width=150, height=900");' target='ZenPad'><img src=http://mygraphic.png></a> 

Ссылки на страницы имеют (кодирование в примере ниже), однако при нажатии, они появляются в том же окне, которое выскочило, но окно остается в размере первоначально установленной на W150 и H900, если только вам схватите бок и перетащите его. Есть ли способ изменить размер окна в соответствии с размерами страницы, на которую будет ссылаться ссылка в том же окне? Пример моего кодирования ниже.

<a href='javascript:void(0);' onclick='window.open("http://mylink.html","ZenPad","width=850, height=600");' target='ZenPad'><img src=http://myimg.png><br><font color="#34a6a7"></a>WHOCHAT</font><br><br> 

отредактирован, чтобы показать мое кодирование:

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>ReVo Links</title> 
<SCRIPT LANGUAGE="JavaScript"> 
function newWindow(){ 
var windowWidth = 850; 
var windowHeight = 600; 
var xPos = (screen.width/2) - (windowWidth/2); 
var yPos = (screen.height/2) - (windowHeight/2); 
window.open("http://mywebpage.com","ZenPad","width=" 
+ windowWidth+",height="+windowHeight +",left="+xPos+",top="+yPos); 
} 
</script> 
<body text="#FFFFFF" bgcolor="#000000"> 
<center><br> 
<a href='javascript:void(0);' onclick='newWindow()' target='_blank'><img src=http://mygraphiclink.png><br><font color="#34a6a7"></a>WHOCHAT</font><br><br> 

(есть и другие ссылки здесь, что нужно сделать то же самое, только тестирование на первую ссылку, чтобы заставить его работать)

</body> 
</html> 
+0

Вот matcing после вашего вопроса. [изменить размер окна] (http://stackoverflow.com/questions/6843249/javascript-window-open-function-allowing-to-resize-the-widow-after-setting-the) – PhilSchneider

ответ

0

Заменить onclick на function и установить target="_blank", чтобы открыть новую вдова:

<a href='javascript:void(0);' onclick='newWindow()' target='_blank'><img src=http://myimg.png><br><font color="#34a6a7"></a>WHOCHAT</font><br><br> 

И создать функцию, чтобы открыть новое окно, (это будет сосредоточено на экране, и с личным размером):

function newWindow(){ 
    var windowWidth = 850; 
    var windowHeight = 600; 
    var xPos = (screen.width/2) - (windowWidth/2); 
    var yPos = (screen.height/2) - (windowHeight/2); 
    window.open("http://mylink.html","ZenPad","width=" 
    + windowWidth+",height="+windowHeight +",left="+xPos+",top="+yPos); 
} 
+0

спасибо Jordi Я ввожу, что кодирование и он идет к правильной ссылке, однако окно не изменяет размер до нового размера –

+0

вы получаете какую-то ошибку? –

+0

Я не вижу ошибки, нет. Он загружает только не изменяет размер окна, обновит мой код выше, если я что-то упустил. –