admin管理员组文章数量:1323723
How can I display the popup below using the onclick
method in JavaScript with a button?
<div data-role="popup" id="myPopupDialog4">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<div data-role="header">
<h4>Post Update </h4>
</div>
<div data-role="main" class="ui-content">
<pre><B>
<div id="resultDayOfWeek"></div>
<div id="resultNum"></div>
<div id="resultDir"></div>
<div id="resultStop"></div>
<div id="resultTime"></div>
</B>
</pre>
<fieldset data-role="controlgroup">
<legend>Choose Status</legend>
<label for="Arrived/Left">Arrived/Left</label>
<input type="radio" name="status" id="Arrived/Left" value="Arrived/Left">
<label for="Delayed">Delayed</label>
<input type="radio" name="status" id="Delayed" value="Delayed">
<label for="Canceled">Canceled</label>
<input type="radio" name="status" id="Canceled" value="Canceled">
<label for="getupdate">getupdate from others</label>
<input type="radio" name="status" id="getupdate" value="getupdate">
<label for="Other">Other</label>
<input type="radio" name="status" id="Other" value="Other">
</fieldset>
<textarea name="addinfo" id="info"> Comments goes here.... </textarea>
<input type="submit" value="Submit" onclick="postSubmit();">
<div id="poststatus"></div>
</div>
<div data-role="footer" >
<h1>Footer Text</h1>
</div>
</div>
How can I display the popup below using the onclick
method in JavaScript with a button?
<div data-role="popup" id="myPopupDialog4">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
<div data-role="header">
<h4>Post Update </h4>
</div>
<div data-role="main" class="ui-content">
<pre><B>
<div id="resultDayOfWeek"></div>
<div id="resultNum"></div>
<div id="resultDir"></div>
<div id="resultStop"></div>
<div id="resultTime"></div>
</B>
</pre>
<fieldset data-role="controlgroup">
<legend>Choose Status</legend>
<label for="Arrived/Left">Arrived/Left</label>
<input type="radio" name="status" id="Arrived/Left" value="Arrived/Left">
<label for="Delayed">Delayed</label>
<input type="radio" name="status" id="Delayed" value="Delayed">
<label for="Canceled">Canceled</label>
<input type="radio" name="status" id="Canceled" value="Canceled">
<label for="getupdate">getupdate from others</label>
<input type="radio" name="status" id="getupdate" value="getupdate">
<label for="Other">Other</label>
<input type="radio" name="status" id="Other" value="Other">
</fieldset>
<textarea name="addinfo" id="info"> Comments goes here.... </textarea>
<input type="submit" value="Submit" onclick="postSubmit();">
<div id="poststatus"></div>
</div>
<div data-role="footer" >
<h1>Footer Text</h1>
</div>
</div>
Share
Improve this question
edited Mar 11, 2014 at 12:01
Below the Radar
7,63511 gold badges69 silver badges145 bronze badges
asked Mar 10, 2014 at 16:52
dev_marshell08dev_marshell08
1,1014 gold badges19 silver badges41 bronze badges
1
- Why do you mention jQuery in your title, but ask for JavaScript in your post? You don't need jQuery at all for this. – Code Maverick Commented Mar 10, 2014 at 17:03
4 Answers
Reset to default 2Just use window.open
:
var referenceToNewWindow = window.open(url, name, features);
function popup(mylink, windowname, w, h){
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, windowname, "width="+w+",height="+h+",scrollbars=yes,toolbar=no" );
return false;
}
<a href="http://www.example." onClick="return popup(this, 'Title', '400', '500')">Link</a>
Use This
<a href="" onClick="return popitup('http://www.abc./youpage')">Click Me</a>
Add following javascript script:
<script>
function popitup(url)
{
newwindow=window.open(url,'name','height=300,width=650,screenX=400,screenY=350');
if (window.focus) {newwindow.focus()}
return false;
}
</script>
Stack Overflow Here is one exampe. check this
The javascript is below
<script>
function openPopup() {
document.getElementById("boxPopup").style.display = "block";
}
function closePopup() {
document.getElementById("boxPopup").style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function (event) {
var modal = document.getElementById('boxPopup');
if (event.target == modal) {
closePopup();
}
}
</script>
本文标签: How to open a popup window in javascript using onclickStack Overflow
版权声明:本文标题:How to open a popup window in javascript using onclick? - Stack Overflow 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/web/1742123846a2421847.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论