Подгрузка файла по нажатию на кнопку
Здравствуйте, подскажите как реализовать
на странице index.php есть кнопка с id=test есть еще одна страница test.php в которой вывожу какой то сформированный текст, например проверка вывода текста Как мне получить текст при клике по кнопке? Делаю так index.php <div class="button" id="test"> [JS]<script> $.ajax({ url: 'test.php', success: function(data) { $('#test').html(data); //alert('Load was performed.'); } }); </script>[/JS] <div id="outFileText"></div> В итоге выводит, заменяет текст в блоке id.test, а как мне вывести все что подгружается в id.outFileText И как сделать чтобы именно при нажатии на кнопку подгружался текст а не при загрузки страницы? |
<script> $('.button').live('click', function(){ $.ajax({ url: 'test.php', success: function(data) { $('#outFileText').html(data); //alert('Load was performed.'); } }); }); </script> <div class="button" id="test"></div> <div id="outFileText"></div> |
спасибо, все работает =)
|
а не подскажите как закрыть загруженный текст
|
Цитата:
скрыть так можно $('#outFileText').hide(); вообще удалить так $('#outFileText').empty(); |
спс еще раз =)
|
запутался уже, все на том же, только немного подправить надо, подскажите как
Есть две кнопки и два блока с текстом Первый блок и кнопочка <div id="imgButton">кнопочка img</div> <div id="img">картинка с текстом</div> второй блок и кнопочка <div id="textButton">кнопочка text</div> <div id="text">текст текст текст</div> При нажатии на кнопочку #textButton подгружается файл с контентом и скрывается все что в #imgButton $('#textButton').live('click', function(){ $.ajax({ url: '/sys/app/layouts/addText.php', success: function(data) { $('#text').html(data); $('#imgButton').empty(); } }); как сделать обратное действие, что бы при нажатии на кнопочку #imgButton скрывался текст в #text и появлялся вновь блок в #img |
$('#textButton, #imgButton').live('click', function(){ id_button = $(this).attr('id'); $.ajax({ url: '/sys/app/layouts/addText.php', success: function(data) { if(id_button == 'textButton'){ $('#text').html(data); $('#imgButton').empty(); } else{ $('#img').html(data); $('#text').hide(); } } }); |
Часовой пояс GMT +3, время: 22:05. |