Как всплывать текстовое поле при нажатии на ссылку?

Question

Я хочу создать всплывающее окно, которое показывает одно или несколько абзацев.

Мое требование: у меня есть ссылка «Читать дальше».

<a href='#' onclick='read_more()'>Read More</a> 

При щелчке по этой ссылке, я хочу всплывающее окно, которое показывает подробное содержание. Как я могу это сделать?

Answer 1

Если вы хотите реальное всплывающее окно (а не диалог):

<script type="text/javascript"> 
function read_more() { 
    window.open('my_page.html'); 
} 
</script> 

window.open

Создает новое вторичное окно браузера и загружает упоминаемый ресурс.

Подробнее об этом можно узнать по адресу MDN!

Answer 2

Вы можете использовать что-то похожее на этот код. Тем не менее, я рекомендую использовать JQuery как @ericosg пишет

<div id="popup" style="display: none; position: absolute; left: 10; top: 10"> 
POST YOUR TEXT HERE 
</div> 

<script type="text/javascript"> 
function read_more() 
{ 
    var popup = document.getElementById('popup'); 

    popup.style.display = 'block'; 
} 
</script> 

Answer 3

<script type="text/javascript"> 
function read_more() { 
    window.open('myPage.html'); 
} 
</script> 

<a href="javascript: read_more()" >Read More</a>