www.WebTips.pl: okienko dialogowe się nie otwiera - www.WebTips.pl

Skocz do zawartości


Strona 1 z 1

okienko dialogowe się nie otwiera JQuery

#1 Użytkownik nie jest zalogowany   Petrus 

  • Junior
  • Pip
  • Grupa Użytkownik
  • Postów 56
  • Rejestracja 22 lut 09

Napisano 16 marzec 2010 - 20:05

plik petrus_dialog.js
(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 ?
lubie placki :)
0

Strona 1 z 1


Szybka odpowiedź

  

Użytkownicy przeglądający ten temat: 1
0 użytkowników, 1 gości, 0 anonimowych