(function($) {
var p_dialog_css = new CSS();
$.closePDialog = function() {
$('.p_b').html("");
$('.p_dialog').html("");
$('.p_dialog_fade').fadeOut("slow");
p_dialog_css.remove_rules(['div.p_dialog_fade', 'div.p_dialog']).refresh();
return this;
}
$.createPDialog = function(settings) {
settings = jQuery.extend({
name: 'PDialog';
message: '',
width: "auto",
parameters: {},
success: function() {},
error: function() {}
}, settings);
openPDialog(settings);
return this;
}
function openPDialog(settings) {
$(document.body).append('<div class="p_dialog_fade" style="display: none"></div>');
p_dialog_css.add_rules({
'div.p_dialog_fade':
{
'position': 'fixed',
'top': 0,
'left': 0,
'background-color': '#000',
'opacity': 0.5,
'z-index': 20,
'width': '100%',
'height': '100%'
}
}).refresh();
$('.p_dialog_fade').fadeIn("slow");
$(document.body).append('<div class="p_b"><div class="p_dialog">'+settings.name+'<br />'+settings.message+'<a href="javascript:;" onclick="$.closePDialog" class="x">[X]</a></div></div>');
p_dialog_css.add_rules({
'div.p_dialog':
{
'position': 'fixed',
'top': '250px',
'width': '30%',
'left': '35%',
'font-size': '11px',
'text-align': 'left',
'border': 'solid 3px #e2e8e6',
'background-color': '#ffffff',
'z-index': 100
}
}).refresh();
}
})(jQuery);plik *.html
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://revnode.com/oss/css/mootools.js"></script>
<script type="text/javascript" src="http://revnode.com/oss/css/1.1/css.js"></script>
<script type="text/javascript" src="petrus_dialog.js"></script>
<script type="text/javascript">
function pokaz(){
$.createPDialog({
name: 'Test',
message: 'Testowy message'
});
}
</script>Niestety strona się nie przyciemnia i okienko się nie pokazuje : (
Konsola js nie pokazuje żadnych błędów.
Czy ktoś może powiedzieć co tu jest źle, i czy w ogóle dobrze się do tego zabrałem ?

Logowanie
Rejestracja
Pomoc
Dodaj odpowiedź
Cytuj