kostenloser Webspace werbefrei: lima-city

Fade In/Out

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   steelman

   steelman hat kostenlosen Webspace.

   20:35, 1.2.2013

   Wie bekomme ich es hin, dass es den Content einfadet? Kann mir jemand helfen?
   
   

   var default_content="";
   
   $(document).ready(function(){
   	
   	checkURL();
   	$('ul li a').click(function (e){
   
   			checkURL(this.hash);
   
   	});
   	
   	//filling in the default content
   	default_content = $('#pageContent').html();
   	
   	
   	setInterval("checkURL()",250);
   	
   });
   
   var lasturl="";
   
   function checkURL(hash)
   {
   	if(!hash) hash=window.location.hash;
   	
   	if(hash != lasturl)
   	{
   		lasturl=hash;
   		
   		// FIX - if we've used the history buttons to return to the homepage,
   		// fill the pageContent with the default_content
   		
   		if(hash=="")
   		$('#pageContent').html(default_content);
   		
   		else
   		loadPage(hash);
   	}
   }
   
   
   function loadPage(url)
   {
   	url=url.replace('#page','');
   	
   	$('#loading').css('visibility','visible');
   	
   	$.ajax({
   		type: "POST",
   		url: "load_page.php",
   		data: 'page='+url,
   		dataType: "html",
   		success: function(msg){
   			
   			if(parseInt(msg)!=0)
   			{
   				$('#pageContent').html(msg);
   				$('#loading').css('visibility','hidden');
   			}
   		}
   		
   	});
   
   }

   
   
   
   Danke schon mal!! :)

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. fabo

   fabo hat kostenlosen Webspace.

   20:46, 1.2.2013

   Dafür gibt's .fadeIn() und .fadeOut()
   
   Javascript ist aber kein Java.
   
   Beitrag zuletzt geändert: 1.2.2013 20:47:07 von fabo
4. Autor dieses Themas

   steelman

   steelman hat kostenlosen Webspace.

   20:54, 1.2.2013

   Dafür gibt's .fadeIn() und .fadeOut()

   
   
   Wie kann ich das dort einbauen?
   
   

   Javascript ist aber kein Java.

   
   
   Entschuldigung, ich hab das eigentliche Forum übersehen. :)

5. stertingen

   stertingen hat kostenlosen Webspace.

   18:30, 4.2.2013

   $('#pageContent').fadeOut({
       duration:400,
       easing:swing,
       complete:function () {
           $('#pageContent').html(default_content);
           $('#pageContent').fadeIn({
               duration:400,
               easing:swing
           });
       }
   });

   
   
   Als erstes wird der alte Inhalt ausgeblendet, zum Schluss wird die Funktion aufgerufen, die mit der Option "complete" definiert wird. Dann wird der neue Inhalt definiert, danach wird der Inhalt eingeblendet.
6. Autor dieses Themas

   steelman

   steelman hat kostenlosen Webspace.

   14:56, 10.2.2013

   stertingen schrieb:
   

   $('#pageContent').fadeOut({
       duration:400,
       easing:swing,
       complete:function () {
           $('#pageContent').html(default_content);
           $('#pageContent').fadeIn({
               duration:400,
               easing:swing
           });
       }
   });

   
   
   Und an welcher Stelle muss ich den einsetzten? :)

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?