ajax подгрузка в таб после нажатия

вопрос

Добрый вечер уважаемые!

Имеется слайдер с табами для переключения.
Три таба: Основные, Второстепенные, Показать всех

После обновления страницы всё данные загружаются как нужно, но мне хотелось бы что бы в тебе: "Показать всех" ничего не грузилось до тех пор пока не нажмёшь на него. Для экономии трафика так сказать =)

vid.news.all.php


<?php

@error_reporting ( E_ALL ^ E_WARNING ^ E_NOTICE );
@ini_set ( 'display_errors', true );
@ini_set ( 'html_errors', false );
@ini_set ( 'error_reporting', E_ALL ^ E_WARNING ^ E_NOTICE );

define( 'DATALIFEENGINE', true );
define( 'ROOT_DIR', substr( dirname(  __FILE__ ), 0, -12 ) );
define( 'ENGINE_DIR', ROOT_DIR . '/engine' );

$go_rate2 = intval( $_REQUEST['go_rate2'] );
$id = intval( $_REQUEST['id'] );

if( $go_rate > 10 or $go_rate < 1 ) $go_rate = 0;
//if( ! $go_rate2 or ! $id ) die( "Hacking attempt!" );

include ENGINE_DIR . '/data/config.php';

if( $config['http_home_url'] == "" ) {

    $config['http_home_url'] = explode( "engine/ajax/vid.news.all.php", $_SERVER['PHP_SELF'] );
    $config['http_home_url'] = reset( $config['http_home_url'] );
    $config['http_home_url'] = "http://" . $_SERVER['HTTP_HOST'] . $config['http_home_url'];

}

require_once ENGINE_DIR . '/classes/mysql.php';
require_once ENGINE_DIR . '/data/dbconfig.php';
require_once ENGINE_DIR . '/modules/functions.php';



define('ROOT_DIR', '../..');
define('ENGINE_DIR', '..');

require_once(ENGINE_DIR . "/data/vids_config.php");


$res = $db->query("SELECT moderation, main_name, russian_name, foto FROM " . PREFIX . "_vids ORDER BY id ASC ");

while ($row = $db->get_row($res)) {
    if ($row['moderation'] == 1) {
        echo <<<HTML
<a href="/vid/{$row['main_name']}">
    <div class="series_card">
HTML;
        if ($row['foto'] and (file_exists(ROOT_DIR . "/uploads/vids/med/" . $row['foto']))) {
            echo <<<HTML
        <div class="img_anime_crop_big" style="background-image:url('{$config['http_home_url']}res.php?src={$config['http_home_url']}uploads/vids/med/{$row['foto']}&amp;h=210&amp;zc=1');">
HTML;
        } else {
            echo <<<HTML
        <div class="img_anime_crop_big" style="background-image:url('{$config['http_home_url']}res.php?src={$config['http_home_url']}uploads/vids/no_image.jpg&amp;h=210&amp;zc=1"');">
HTML;
        }
        echo <<<HTML
        </div>
        <span class="card_title"><span class="card_title-name">{$row['main_name']}<br>{$row['russian_name']}</span></span>
    </div>
</a>
HTML;

    }
}

?>

Слайдер


<script>
    $(document).ready(function(){
        var tabs = $("div#mySliderTabs").sliderTabs();
    });
    </script>

    <script type="text/javascript">
        $(document).ready(function() {
            jQuery('#all_vid').load('/engine/ajax/vid.news.all.php');
        });
    </script>

    <div id="animevid" class="animeCommon clearfix">
      <div id="container">
            <div id="main" role="main">
                <h1>Персонажи</h1>
                <br>
                <div id="mySliderTabs">
                    <ul>
                        <li><a href="#main_vid">Основные</a></li>
                        <li><a href="#secondary_vid">Второстепенные</a></li>
                        <li><a href="#all_vid">Показать всех</a></li>
                    </ul>
                    <div id="main_vid">
                    </div>
                    <div id="secondary_vid">
                    </div>
                    <div id="all_vid"></div>
                </div>
            </div>
        </div>
    </div>

Ответа пока нет

8 комментариев

PHP-developer

2583

vitnet - 2015-04-1520 июня 2014 21:20 - #30490

Показать / Скрыть текст

<script type="text/javascript">
$(document).ready(function(){
    var tabs = $("div#mySliderTabs").sliderTabs();
    //jQuery('#all_vid').load('/engine/ajax/vid.news.all.php');

    $("#all").live("click",function(){
        ShowLoading("");
        $.post(dle_root + "engine/ajax/vid.news.all.php", {}, function(data){
            $("#all_vid").html(data);
            HideLoading("");
        });
        return false;
    });
});
</script>

<div id="animevid" class="animeCommon clearfix">
    <div id="container">
        <div id="main" role="main">
            <h1>Персонажи</h1><br>
            <div id="mySliderTabs">
                <ul>
                    <li><a href="#main_vid">Основные</a></li>
                    <li><a href="#secondary_vid">Второстепенные</a></li>
                    <li><a href="#all_vid" id="all">Показать всех</a></li>
                </ul>
                <div id="main_vid"></div>
                <div id="secondary_vid"></div>
                <div id="all_vid"></div>
            </div>
        </div>
    </div>
</div>

Показать / Скрыть текст

<?php

@error_reporting ( E_ALL ^ E_WARNING ^ E_NOTICE );
@ini_set ( 'display_errors', true );
@ini_set ( 'html_errors', false );
@ini_set ( 'error_reporting', E_ALL ^ E_WARNING ^ E_NOTICE );

define( 'DATALIFEENGINE', true );
define( 'ROOT_DIR', substr( dirname(  __FILE__ ), 0, -12 ) );
define( 'ENGINE_DIR', ROOT_DIR . '/engine' );

include ENGINE_DIR . "/data/config.php";

require_once ENGINE_DIR . "/classes/mysql.php";
require_once ENGINE_DIR . "/data/dbconfig.php";
require_once ENGINE_DIR . "/modules/functions.php";
require_once ENGINE_DIR . "/data/vids_config.php";

if( $config['http_home_url'] == "" ) {
    $config['http_home_url'] = explode( "engine/ajax/vid.news.all.php", $_SERVER['PHP_SELF'] );
    $config['http_home_url'] = reset( $config['http_home_url'] );
    $config['http_home_url'] = "http://" . $_SERVER['HTTP_HOST'] . $config['http_home_url'];
}

$res = $db->query( "SELECT moderation, main_name, russian_name, foto FROM " . PREFIX . "_vids ORDER BY id ASC" );

while ($row = $db->get_row($res)) {
    if( $row['moderation'] == 1 ) {
        echo <<<HTML
<a href="/vid/{$row['main_name']}">
    <div class="series_card">
HTML;
        if( $row['foto'] and (file_exists(ROOT_DIR . "/uploads/vids/med/" . $row['foto'])) ) {
            echo <<<HTML
        <div class="img_anime_crop_big" style="background-image:url('{$config['http_home_url']}res.php?src={$config['http_home_url']}uploads/vids/med/{$row['foto']}&h=210&zc=1');">
HTML;
        } else {
            echo <<<HTML
        <div class="img_anime_crop_big" style="background-image:url('{$config['http_home_url']}res.php?src={$config['http_home_url']}uploads/vids/no_image.jpg&h=210&zc=1"');">
HTML;
        }
        echo <<<HTML
        </div>
        <span class="card_title"><span class="card_title-name">{$row['main_name']}<br>{$row['russian_name']}</span></span>
    </div>
</a>
HTML;

    }
}

?>

Юзер

242

Kota - 2015-04-1520 июня 2014 22:33 - #30492

К сожалению не помогло ((
Всё равно всё загружает сразу.

Юзер

1599

FastFud - 2015-04-1520 июня 2014 22:41 - #30493

<li><a href="#all_vid" id="all-vid">Показать всех</a></li>


<script type="text/javascript">
$(document).ready(function() {
$('#all-vid').click(function({
     jQuery('#all_vid').load('/engine/ajax/vid.news.all.php');
});
 });
</script>

Вместо

Юзер

242

Kota - 2015-04-1520 июня 2014 22:46 - #30494

Не работает, просто ничего не выводит.

Даже если сделать так


                $(document).on('click', '.selector', function (event) {
                    $.ajax({
                        url: '/engine/ajax/vid.news.all.php'
                    }).done(function (data) {
                        console.log("success");
                        $('#all_vid').html(data);
                    });
                });

Просто пусто.

Юзер

1599

FastFud - 2015-04-1520 июня 2014 22:59 - #30495


<script>
    $(document).ready(function(){
        var tabs = $("div#mySliderTabs").sliderTabs();
    });
    </script>

    <script type="text/javascript">
        $(function({
        $('.test a').click(function(){
            $('#all-vid').load('/engine/ajax/vid.news.all.php');
        });
        });
    </script>

    <div id="animevid" class="animeCommon clearfix">
      <div id="container">
            <div id="main" role="main">
                <h1>Персонажи</h1>
                <br>
                <div id="mySliderTabs">
                    <ul>
                        <li><a href="#main_vid">Основные</a></li>
                        <li><a href="#secondary_vid">Второстепенные</a></li>
                        <li class="test"><a href="#all_vid">Показать всех</a></li>
                    </ul>
                    <div id="main_vid">
                    </div>
                    <div id="secondary_vid">
                    </div>
                    <div id="all-vid"></div>
                </div>
            </div>
        </div>
    </div>

Как после этого он не может работать я не знаю, чтобы сделать как вам нужно, необходимо лишь js код правильно написать php не нужно трогать>

Юзер

242

Kota - 2015-04-1520 июня 2014 23:49 - #30497

Зайдите на мой сайт и гляньте.

Юзер

1599

FastFud - 2015-04-1521 июня 2014 00:13 - #30499

Смотрите выше я вам код дал а у вас на сайте совсем другой

Юзер

242

Kota - 2015-04-1521 июня 2014 00:19 - #30500

Цитата: FastFud

Смотрите выше я вам код дал а у вас на сайте совсем другой

Он то ничего не выводит.

Загрузка. Пожалуйста, подождите...

ajax подгрузка в таб после нажатия

Ответа пока нет

8 комментариев

Похожие вопросы

Не стабильно передвигается меню

Сохранить Toggle Content в Cookie

Изображения из статической страницы в галерее

Сначала видео потом HTML. Как?

Как определить высоту блока и если она выше, выполнить скрипт ?

Как в jCarousel спрятать стрелки навигации ?

Почему не работают табы при ajax full story?

Как сделать адаптивный слайдер через custom?

Как поправить JS код ?

Подсчет завязанный на чекбоксах, как?