Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Подгрузить php файл по клику на ссылке (https://javascript.ru/forum/dom-window/75444-podgruzit-php-fajjl-po-kliku-na-ssylke.html)

ldj 09.10.2018 23:03

Подгрузить php файл по клику на ссылке
 
Как можно подгрузить php файл по клику на ссылке?

<script type="text/javascript" src="jquery.js"></script>
<script>
    $( "#ld" ).load( "ld.php" );
</script>
<a href="#ld" class="ld"><span class="ld">Подгрузить</span></a>

ksa 10.10.2018 08:52

Цитата:

Сообщение от ldj
Как можно подгрузить php файл по клику на ссылке?

Как вариант...

<script type="text/javascript" src="jquery.js"></script>
<a href="#ld" class="ld"><span class="ld">Подгрузить</span></a>
<script>
    $( "#ld" ).click(function(){
        $(this).load( "ld.php" );
    });
</script>

ldj 10.10.2018 15:41

Спасибо, а как можно подгрузить модальное окно, контент которого будет храниться в отдельном php файле?

ksa 10.10.2018 15:50

Цитата:

Сообщение от ldj
а как можно подгрузить модальное окно

Что есть, в твоем понимании, "модальное окно"?

ldj 10.10.2018 15:54

Цитата:

Сообщение от ksa (Сообщение 496085)
Что есть, в твоем понимании, "модальное окно"?

http://dontforget.pro/javascript/pro...-bez-plaginov/

Скажем, как здесь подгрузить ld.php(контент и структура oкнa)?
<script>
    $(document).ready(function() { // вся мaгия пoсле зaгрузки стрaницы
        $('a#go').click( function(event){ // лoвим клик пo ссылки с id="go"
            event.preventDefault(); // выключaем стaндaртную рoль элементa
            $('#overlay').fadeIn(400, // снaчaлa плaвнo пoкaзывaем темную пoдлoжку
                function(){ // пoсле выпoлнения предъидущей aнимaции
                    $('#modal_form')
                        .css('display', 'block') // убирaем у мoдaльнoгo oкнa display: none;
                        .animate({opacity: 1, top: '50%'}, 200); // плaвнo прибaвляем прoзрaчнoсть oднoвременнo сo съезжaнием вниз
                });
        });
        /* Зaкрытие мoдaльнoгo oкнa, тут делaем тo же сaмoе нo в oбрaтнoм пoрядке */
        $('#modal_close, #overlay').click( function(){ // лoвим клик пo крестику или пoдлoжке
            $('#modal_form')
                .animate({opacity: 0, top: '45%'}, 200,  // плaвнo меняем прoзрaчнoсть нa 0 и oднoвременнo двигaем oкнo вверх
                    function(){ // пoсле aнимaции
                        $(this).css('display', 'none'); // делaем ему display: none;
                        $('#overlay').fadeOut(400); // скрывaем пoдлoжку
                    }
                );
        });
    });
</script>

ksa 10.10.2018 16:46

Цитата:

Сообщение от ldj
как здесь подгрузить ld.php(контент и структура oкнa)?

Так же и грузить...
Найди, нужный тебе элемент, и грузи в него нужный контент.


Часовой пояс GMT +3, время: 11:57.