Anzeige

Probleme mit js

Probleme mit js | PSD-Tutorials.de

Erstellt von world, 13.08.2011.

  1. world

    world Guest

    Probleme mit js
    Hier gab es ja das tut der Hebammen Hompage und auf dem Webdesigner Podcast gibt es ja das passende Video dazu. Mein Problem ist das gerade beim faden mein Wissen nicht so groß ist. Ich habe es zwar so gemacht wie es im Video gezeigt wird nur dieser Klappeffekt geht bei mir nicht. Wo habe ich nur meinen Denkfehler.

    Code (Text):
    1. <script src="js/mylibs/jquery-ui.js"></script>
    2.     <script>
    3.         var loading= '<section class="loading"><img src="images/ajax-loader.gif" width="24" height="24" alt="loader ">Bitte warten die  Seite wird neu geladen</select>';
    4.         $(document). ready (function(){
    5.         $('nav a').klick (function(){
    6.             bgColor= $(this).css('backgroundColor');
    7.             link = $(this). attr('href');
    8.             $ ('#main section *'). fadeOut ( 'slow' );
    9.             $ ('#main section').animate ({
    10.                 height: 0,
    11.                 paddingTop: 0,
    12.                 paddingBottom: 0
    13.             }, 'slow', function (){
    14.                 $ ('#main section'). remove();
    15.                 $ ('footer').before (loading);
    16.                 $('#main section').animate({
    17.                     paddingTop: 20,
    18.                     paddingBottom: 20,
    19.                     height: 20
    20.                 }, 'slow', function (){
    21.                     $ ('#main').animate ({
    22.                         backgroundColor: bgColor
    23.                     }, 'slow' );
    24.                     $ .get (link, function ( data, success){
    25.                         if ( success == 'success' ){
    26.                             $('#main section').animate({
    27.                                 height: 0,
    28.                                 paddingTop: 0,
    29.                                 paddingBottom: 0
    30.                             }, 'slow', function(){
    31.                                 $ ('#main section'). remove();
    32.                                 $ ('footer').before (data);
    33.                             });
    34.                         }
    35.                     }).error (function(){
    36.                         alert ('Sie öffnen eine Seite die zur Zeit nicht existiert.');
    37.                     });
    38.               });
    39.             });
    40.             return false;

    Die Seite soll sich so zusammen ziehen wie in dem Video vom Webdesign Podcast. Kann mir jemand einen Tipp geben. Wie gesagt gerade in dem Bereich bin ich nicht gerade eine Leuchte also auch so bitte so erklären das ich es auch verstehe.
     
    #1      
  2. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    Probleme mit js
    AW: Probleme mit js

    WAS genau geht nicht? Stell das mal online und poste einen Link!
     
    #2      
  3. world

    world Guest

    Probleme mit js
    #3      
  4. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    Probleme mit js
    #4      
Seobility SEO Tool
x
×
×