モーダル ウィンドウ内のコンテンツの高さ属性の設定に問題があります。
モーダル ウィンドウ内のコンテンツを 100% にしたいのですが、問題は約 30% しかないことです。なぜこれが起こっているのですか? また、モーダル ウィンドウ内のコンテンツをモーダル ウィンドウ全体に表示し、約 30% を表示せずにスクロール バーを有効にする方法を教えてください。
以下は、問題のないモーダル ウィンドウの幅です。
#simplemodal-container {height:75%; width:50%;}
以下は、iframe の高さと幅です。
$.modal('<iframe src="' + src + '" style="border:0;width:100%;height:100%;">');
最後に、モーダル ウィンドウに表示されるコンテンツを以下に示します (この高さを 100% に設定しましたが、動作させることができなかったため、現在高さプロパティはありません。
<div id="previouslink">
<button type="button" id="close" onclick="return parent.closewindow();">Close</button>
<h1>PREVIOUS QUESTIONS</h1>
<p>Search for a previous question by entering in a phrase in the search box below and submitting the phrase</p>
<form action="previousquestions.php" method="post" id="modalform">
<p>Search: <input type="text" name="questioncontent" value="<?php echo $questioncontent; ?>" /></p>
<p><input id="searchquestion" name="searchQuestion" type="submit" value="Search" /></p>
</form>
</div>
このリンクにアクセスし、プラス ボタンをクリックすると、モーダル ウィンドウを表示できます。
ありがとうございました