2016-01-14 2 views
-9

Привет Я хочу, чтобы создать кнопку или ссылку на странице, чтобы открыть еще одну страницу в меньшем размере в модальном окне, не закрывая оригинальную страницуКак я могу открыть ссылку в новом модальном окне

Как я могу добиться этого очень простой способ? Спасибо

Главная

<!DOCTYPE html> 
<html> 
    <a href='site/modal.php'>Click Here to open Modal window</a> 
</html> 

modal.php

<!DOCTYPE html> 
<html> 
    <form> 
     some input 
    </form> 
</html> 

ответ

2

Вы можете открыть ссылку в новом окне с требуемым размером, как следующее. Надеюсь, поможет.

$('a').click(function() { 
    window.open($(this).attr('href'),'title', 'width=800, height=700'); 
    return false; 
}); 

Update

Вы можете использовать это (jquery-modal) плагин, чтобы показать ссылку в модальном, как показано ниже.

HTML

<script src="jquery.modal.min.js" type="text/javascript" charset="utf-8"></script> 
<link rel="stylesheet" href="jquery.modal.css" type="text/css" media="screen" /> 

<a href='site/modal.php'>Click Here to open Modal window</a> 

Jquery

$('a').click(function() { 
    $(this).modal(); 
    return false; 
}); 
+1

Я бы сказал, что около 99,9% от людей, которые downvote не оставляют повода. Об этом много обсуждается * Meta *. Я предполагаю, что OP хочет окно * modal *, а не окно * new *. –

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