jQuery UI Current

by petersendidit

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<div id="dialog-modal" title="Basic modal dialog">
    <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
</div>
 
<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>

JavaScript

$("#dialog-modal").dialog({
    height: 140,
    modal: true
});