Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 12.01.2013, 18:54
Интересующийся
Отправить личное сообщение для dizent Посмотреть профиль Найти все сообщения от dizent
 
Регистрация: 06.07.2012
Сообщений: 13

Я прекрасно понял, что да как, но как вызвать вызов функции при клике...?
Ответить с цитированием
  #12 (permalink)  
Старый 12.01.2013, 19:55
Интересующийся
Отправить личное сообщение для dizent Посмотреть профиль Найти все сообщения от dizent
 
Регистрация: 06.07.2012
Сообщений: 13

Вообщем получилось разобраться с получением данных из БД(P.S.: дабы не было выше: посредством PHP файла) и отправлял в JSON и используя jQuery.parseJSON обработал.

Спасибо, можно закрывать...

P.S.: Для интересующихся...

JQ:
function showModal(idData){
  $.ajax({
    url: '/post.php',
    type: 'GET',
    data: 'id='+idData,
    dataType: 'HTML',
    cache: false,
    success: function(msg){
      jsonData = jQuery.parseJSON(msg);
      $("#id").text(jsonData.id);
      $("#name").text(jsonData.name);
      $("#text").text(jsonData.text);
    }
  });
};


PHP:
if($_GET['id'] == 5478) {
  echo '{"id":"5478","name":"gtasdf","text":"fasdf"}';
}
elseif($_GET['id'] == 4198) {
  echo '{"id":"4198","name":"asdasdasdasd","text":"adfa asdfasdf asdfasdf"}';
}
else {
  echo '{"id":"'.($_GET['id']?$_GET['id']:0).'","name":"err name","text":"err text"}';
}


HML:
<a href="#" onclick="showModal('4198');return false;">Показать модальное окно</a>
<br />
<div id="modal">
    <div id="id"></div>
    <div id="name"></div>
    <div id="text"></div>
</div>

Последний раз редактировалось dizent, 12.01.2013 в 20:00.
Ответить с цитированием
  #13 (permalink)  
Старый 25.10.2013, 16:41
Аспирант
Отправить личное сообщение для cinema4d Посмотреть профиль Найти все сообщения от cinema4d
 
Регистрация: 07.08.2013
Сообщений: 41

модальное окно
Сообщение от dizent Посмотреть сообщение
Вообщем получилось разобраться с получением данных из БД(P.S.: дабы не было выше: посредством PHP файла) и отправлял в JSON и используя jQuery.parseJSON обработал.

Спасибо, можно закрывать...

P.S.: Для интересующихся...

JQ:
function showModal(idData){
  $.ajax({
    url: '/post.php',
    type: 'GET',
    data: 'id='+idData,
    dataType: 'HTML',
    cache: false,
    success: function(msg){
      jsonData = jQuery.parseJSON(msg);
      $("#id").text(jsonData.id);
      $("#name").text(jsonData.name);
      $("#text").text(jsonData.text);
    }
  });
};


PHP:
if($_GET['id'] == 5478) {
  echo '{"id":"5478","name":"gtasdf","text":"fasdf"}';
}
elseif($_GET['id'] == 4198) {
  echo '{"id":"4198","name":"asdasdasdasd","text":"adfa asdfasdf asdfasdf"}';
}
else {
  echo '{"id":"'.($_GET['id']?$_GET['id']:0).'","name":"err name","text":"err text"}';
}


HML:
<a href="#" onclick="showModal('4198');return false;">Показать модальное окно</a>
<br />
<div id="modal">
    <div id="id"></div>
    <div id="name"></div>
    <div id="text"></div>
</div>
Скажите ищу модальное окно для вывода данных из базы данных это решение подойдет??
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
модальное окно div'ом codingfighter Общие вопросы Javascript 28 03.09.2013 15:07
Передача данных из форм в модальное окно. andrey96 AJAX и COMET 5 16.11.2012 16:47
Как можно перемещать модальное окно? izcian Общие вопросы Javascript 2 06.10.2012 19:20
Посоветуйте как сделать модальное окно battrack jQuery 3 12.07.2012 15:42
Как запустить модальное окно из информационного окна google maps? www123 jQuery 5 04.09.2011 23:38