Подгрузка файла по нажатию на кнопку
Здравствуйте, подскажите как реализовать
на странице 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, время: 07:23. |