Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Lightbox

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    266

    Lightbox

    Salve ragazzi!
    Ho trovato uno script che da un link mi apre una pagine al centro del body oscurando tutto quello che c'è dietro.
    In questa pagina qui io ho inserito un contact form.
    Il problema sta nel invio dell'email. Una volta che invio l'email dovrebbe spuntarmi grazie per l'invio ec..... e il redirect alla index, ma così non è una volta compilati tutti i form e premo invia si chiude la pagina al centro del body e non succede niente non mi invia l'email.

    Eccovi lo script JS:
    codice:
    (function($)
    {
      	this.topslideboxClose = function () {$('#topslidebox_wrap').slideUp('normal', function () {$('#topslidebox_overlay').fadeOut('normal', function () {$(this).remove();});});return false;};	
      	$.fn.topslidebox = function(settings)
    	{
        	var defaults = {
    			title: null,
    			titleMarkup: 'h1',
    			width: 800,
    			height: null,
    			fixed: false,
    			closable: true,
    			closeButtonContent: 'chiudi',
    			ajaxOtions: {},
    			errorMessage: 'An error occured ...',
    			overlayClass: '',
    			wrapClass: '',
    			contentClass: '',
    			closeClass: ''
    		};
        	var settings = $.extend({}, defaults, settings); 
        	return this.each(function()
    		{
    			$(this).click(function ()
    			{
    				var opts = $.meta ?  $.extend({}, settings, $this.data()) : settings;
    				var href = $(this).attr('href');   
    				var content = '<div id="topslidebox_error">' + opts.errorMessage + '</div>';
    				/* Build HTML */
    				$(document.createElement('div')).attr({'id':'topslidebox_overlay', 'class': opts.overlayClass}).css({'display':'none','width':$(document).width(),'height':$(document).height()}).appendTo('body');
    				$(document.createElement('div')).attr({'id':'topslidebox_wrap', 'class': opts.wrapClass}).css({'display':'none','width': opts.width+'px','top': $(window).scrollTop()+'px','left': (($(document).width()/2)-(opts.width/2))}).appendTo('#topslidebox_overlay');
    				$(document.createElement('div')).attr({'id':'topslidebox_content', 'class': opts.contentClass}).appendTo('#topslidebox_wrap');
    				/* Re-init events */
    	        	$(document).unbind('keyup'); 
    	        	$(document).unbind('scroll'); 
    				/* ContentType */
    				if (href.indexOf('http') < 0){$.ajax({ type: "GET", url: href, dataType: 'html', data: opts.ajaxOtions, success: function(html){ content = '<div>' + html + '</div>'; } });}
    				else{content = '<iframe src="' + href + '" />';}
    				/* Height */
    				if (opts.height != null){$('#topslidebox_wrap').css('height', opts.height + 'px');}
    				/* Title */
    				if (opts.title != null && opts.title.length > 0){$(document.createElement('div')).attr({id:'topslidebox_title'}).html('<' + opts.titleMarkup + '>' + opts.title + '</' + opts.titleMarkup + '>').insertBefore('#topslidebox_content');}
    				/* Scroll */
    				if (opts.fixed == false){$(document).scroll(function(e) { $('#topslidebox_wrap').css( { top: $(window).scrollTop() + 'px' } );});}
    				/* Close */
    				if (opts.closable == true)
    				{
    					$(document.createElement('div')).attr({'id':'topslidebox_close', 'class': opts.closeClass}).html('' + opts.closeButtonContent + '').insertAfter('#topslidebox_content');
    					$(document).keyup(function(e) { if (e.keyCode == 27 && opts.closable == true){topslideboxClose();}return false;});					
    				}
    				/* Process */
    				$('#topslidebox_content').html('<div id="topslidebox_loader"></div>');
    				$('#topslidebox_overlay').fadeIn('normal', function () {$('#topslidebox_wrap').slideDown('normal', function () {$('#topslidebox_content').html(content);});}); 
    	  			return false;
    			});
        	});
      	};	
    })(jQuery);
    La pagina che includo è una pagina completamente in php.

    Le modifiche dove devono essere apportate e come!
    Grazie anticiapatamente a tutti!

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    266
    up!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.