Fala galera,
Criei um dialog que gerencia várias diálogos utilizando classes
O que acontece é que ao arratar, somente na 1º vez, a propriedade css
height é alterada para auto.
Por favor criem um arquivo html e coloque dentro da pasta dialog do
pacote do jquery ui para verem o resultado.
Dentro da pasta demos, ok?
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Dialog - Default functionality</title>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></
script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></
script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript" src="../../external/bgiframe/
jquery.bgiframe.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
$("#dialog").dialog();
var parents = $("div[role=dialog]");
$(parents).css("top", 0);
$(parents).css("left", 0);
$(parents).css("width", "1000px");
$(parents).css("height", "500px");
$(parents).css("z-index", 200);
});
</script>
</head>
<body>
<div class="demo">
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying
information. The dialog window can be moved, resized and closed with
the 'x' icon.</p>
</div>
<!-- Sample page content to illustrate the layering of the dialog -->
<div class="hiddenInViewSource" style="padding:20px;">
<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>
<form>
<input value="text input" /><br />
<input type="checkbox" />checkbox<br />
<input type="radio" />radio<br />
<select>
<option>select</option>
</select><br /><br />
<textarea>textarea</textarea><br />
</form>
</div><!-- End sample page content -->
</div><!-- End demo -->
<div class="demo-description">
<p>The basic dialog window is an overlay positioned within the
viewport and is protected from page content (like select elements)
shining through with an iframe. It has a title bar and a content
area, and can be moved, resized and closed with the 'x' icon by
default.</p>
</div><!-- End demo-description -->
</body>
</html>
Abraços.
-----------------------------
Hello,
I created a dialog that manages several dialogues using classes
What happens is that the Arratia, only the 1st time, the css height
property is changed to auto.
Please create an html file and put inside the folder dialog package of
jquery ui to see the result.
Into folder demos, ok?
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Dialog - Default functionality</title>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></
script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></
script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript" src="../../external/bgiframe/
jquery.bgiframe.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
$("#dialog").dialog();
var parents = $("div[role=dialog]");
$(parents).css("top", 0);
$(parents).css("left", 0);
$(parents).css("width", "1000px");
$(parents).css("height", "500px");
$(parents).css("z-index", 200);
});
</script>
</head>
<body>
<div class="demo">
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying
information. The dialog window can be moved, resized and closed with
the 'x' icon.</p>
</div>
<!-- Sample page content to illustrate the layering of the dialog -->
<div class="hiddenInViewSource" style="padding:20px;">
<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>
<form>
<input value="text input" /><br />
<input type="checkbox" />checkbox<br />
<input type="radio" />radio<br />
<select>
<option>select</option>
</select><br /><br />
<textarea>textarea</textarea><br />
</form>
</div><!-- End sample page content -->
</div><!-- End demo -->
<div class="demo-description">
<p>The basic dialog window is an overlay positioned within the
viewport and is protected from page content (like select elements)
shining through with an iframe. It has a title bar and a content
area, and can be moved, resized and closed with the 'x' icon by
default.</p>
</div><!-- End demo-description -->
</body>
</html>
thanks.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
