Показать сообщение отдельно
  #6 (permalink)  
Старый 31.12.2014, 13:37
Интересующийся
Отправить личное сообщение для arimanecro Посмотреть профиль Найти все сообщения от arimanecro
 
Регистрация: 08.10.2014
Сообщений: 24

вот код ajax пагинатора:
<script type="text/javascript">
            $(document).ready(function(){
				
				function loading_show(){
                    $('#loading').html("<img src='images/loading.gif'/>").fadeIn('fast');
                }
                function loading_hide(){
                    $('#loading').fadeOut('fast');
                } 
                               
                function loadData(page){
                    loading_show();                    
                    $.ajax
                    ({
                        type: "POST",
                        url: "load_data.php",
                        data: "page="+page,
                        success: function(msg)
                        {
                            $("#hidder").ajaxComplete(function(event, request, settings)
                            {
                                loading_hide();
                                $("#hidder").html(msg);
                            });
                        }
                    });
                }
                loadData(1);  // For first time page load default results
                $('#hidder #paginator span.active').live('click',function(){
                    var page = $(this).attr('p');
                    loadData(page);
                    
                });           
                $('#go_btn').live('click',function(){
                    var page = parseInt($('.goto').val());
                    var no_of_pages = parseInt($('.total').attr('a'));
                    if(page != 0 && page <= no_of_pages){
                        loadData(page);
                    }else{
                        alert('Enter a PAGE between 1 and '+no_of_pages);
                        $('.goto').val("").focus();
                        return false;
                    }
                    
                });
            });
        </script>


а вот код анимационной шапки, он огромен:

http://jsfiddle.net/Arimanecro/q2sum00L/
Ответить с цитированием