javascript - リンクをクリックしているときにテキストエリアをポップアップする方法は?

Question

1 つまたは複数の段落を表示するポップアップ ウィンドウを作成したいと考えています。

私の要件は、「続きを読む」リンクがあることです。

<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

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

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

Answer 3

このコードのようなものを使用できます。ただし、@ericosg が書いているように、JQuery を使用することをお勧めします。

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