How to pop up a textarea while clicking on a link?

I want to make a pop up window which shows one ore more paragraphs.

My requirement is, I have a 'Read more' link.

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

While clicking on this link, I want a pop up window which shows the detailed contents. How can I do this?

Answers


If you want a real pop-up (not a dialog):

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

window.open

Creates a new secondary browser window and loads the referenced resource.

You can read more about this at MDN!


You could use something like this code. However, I recommend using JQuery, as @ericosg writes

<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>

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

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

Need Your Help

How to get uislider pointing area?

iphone objective-c ios uislider

I have uislider with 6 tabs at the top please see the .

Converting HTML to NSAttributedString

ios objective-c nsattributedstring core-text

I am working on an ePub reader and it is going pretty well so far. But I need some performance running. Currently the used API to convert HTML strings to NSAttributedString objects is Apple's