How to make jquery pop up box responsive
- by user2375896
i have jquery pop up responsive , it works but when i change the size of the page , it stays on the right side .
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css">
<style type="text/css">
.ui-widget-header {
background: white;
border: 0px;
color:black;
}
#ui-dialog-title-dialog {
background-color: black;
}
.ui-widget-overlay {
background: none repeat-x scroll 0 0 black;
opacity: 0.7;
}</style>
and function side is here :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var $dialog = $('<div stye="float:left;" width:auto;"></div>')
.html('<p>Lütfen kisi veya kisileri hedef alan haberler yazmayiniz.</p><p>Gerçegi yansitmayan haberler paylasmayiniz. </p><ul><li>Eklediginiz haberler Admin tarafindan onaylandiktan sonra yayinlanacaktir.</li><li>Boyabat.net sitesini kullandiginiz için tesekkür ederiz...</li></ul><table style="margin-right:auto; margin-left:auto;"></table>')
.dialog({
autoOpen: true,
resizable: true,
draggable: true,
width: 'auto', // overcomes width:'auto' and maxWidth bug
height: 300,
maxWidth: 600,
modal: true,
title: 'Haber Ekleme Kurallari'
});
});
</script
it works fine but when i run my responsive template and changeit is size to iphone , it is not appera in the screen. I juust need a solution on that .
An help appriciate..Thanks
