Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.10.2018, 23:03
ldj ldj вне форума
Новичок на форуме
Отправить личное сообщение для ldj Посмотреть профиль Найти все сообщения от ldj
 
Регистрация: 09.10.2018
Сообщений: 6

Подгрузить 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>
Ответить с цитированием
  #2 (permalink)  
Старый 10.10.2018, 08:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,210

Сообщение от 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>
Ответить с цитированием
  #3 (permalink)  
Старый 10.10.2018, 15:41
ldj ldj вне форума
Новичок на форуме
Отправить личное сообщение для ldj Посмотреть профиль Найти все сообщения от ldj
 
Регистрация: 09.10.2018
Сообщений: 6

Спасибо, а как можно подгрузить модальное окно, контент которого будет храниться в отдельном php файле?
Ответить с цитированием
  #4 (permalink)  
Старый 10.10.2018, 15:50
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,210

Сообщение от ldj
а как можно подгрузить модальное окно
Что есть, в твоем понимании, "модальное окно"?
Ответить с цитированием
  #5 (permalink)  
Старый 10.10.2018, 15:54
ldj ldj вне форума
Новичок на форуме
Отправить личное сообщение для ldj Посмотреть профиль Найти все сообщения от ldj
 
Регистрация: 09.10.2018
Сообщений: 6

Сообщение от ksa Посмотреть сообщение
Что есть, в твоем понимании, "модальное окно"?
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>

Последний раз редактировалось ldj, 10.10.2018 в 16:11.
Ответить с цитированием
  #6 (permalink)  
Старый 10.10.2018, 16:46
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,210

Сообщение от ldj
как здесь подгрузить ld.php(контент и структура oкнa)?
Так же и грузить...
Найди, нужный тебе элемент, и грузи в него нужный контент.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Решение проблемы кодировок для AJAX и PHP без iconv (cp1251 в AJAX) Serge Ageyev AJAX и COMET 10 24.04.2013 20:48
Как часть php кода(не весь файл) подгружать через ajax/jquery? strol AJAX и COMET 0 19.02.2012 16:01
Связь между страницами с javascript и php ... и обратно okrip25 AJAX и COMET 7 09.01.2012 14:43
Как передать картинку из javascript в php KIVagant AJAX и COMET 3 12.05.2010 11:54
Открыть файл php /mf AJAX и COMET 2 22.02.2010 13:54