Правила форума Гаранты форума
Размещение рекламы AMX-X компилятор

Здравствуйте, гость Вход | Регистрация

Наши новости:

14-дек
24-апр
10-апр
11-апр

Модельное окно jQuery

Статус пользователя 3aB}{o3
сообщение 10.11.2013, 20:46
Сообщение #1


Стаж: 18 лет

Сообщений: 2145
Благодарностей: 825
Полезность: 521

Ребят подскажите как сделать подгрузку php страницы по клику на ссылку при помощи jQuery

Такой пример не работает:

jQuery подключен:
Код
<script type="text/javascript" src="http://yandex.st/jquery/2.0.3/jquery.js"></script>

Код
<div id="Modal"><a href ="/page.php" onclick="show_modal;return false;">Показать модальное окно</a>
</div>

Код в footer:
Код
<script type="text/javascript">
function show_modal {
$('#Modal').load("/page.php")
}
</script>


Отредактировал: 3aB}{o3, - 10.11.2013, 20:52
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   Цитировать сообщение
Статус пользователя f1nik
сообщение 10.11.2013, 21:02
Сообщение #2


Иконка группы

Стаж: 15 лет

Сообщений: 1862
Благодарностей: 932
Полезность: 1010

3aB}{o3,
PHP не будет работать в JS, точнее из БД JS не сможет получить данные...
Тут или юзать AJAX или Вытаскивать данные в JSON и потом обрабатывать....

Подробнее тут с примером:
http://javascript.ru/forum/jquery/34616-mo...vaniem-php.html
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя Cracky
сообщение 10.11.2013, 21:27
Сообщение #3


Стаж: 15 лет

Сообщений: 768
Благодарностей: 197
Полезность: 506

потому что в jquery не прописывают onclick в html коде, а задают в скрипте.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя jtiq
сообщение 10.11.2013, 21:34
Сообщение #4


Иконка группы

Стаж: 18 лет

Сообщений: 1717
Благодарностей: 767
Полезность: 979

Меценат Меценат

3aB}{o3,
во-первых, функция должна быть:
Цитата
<script type="text/javascript">
function show_modal() {
$('#Modal').load("/page.php")
}
</script>

во-вторых должна выполняться эта функция:
Цитата
<div id="Modal"><a href ="/page.php" onclick="show_modal();return false;">Показать модальное окно</a>
</div>

в третьих прочитай про jQuery.load()
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя 3aB}{o3
сообщение 10.11.2013, 23:11
Сообщение #5


Стаж: 18 лет

Сообщений: 2145
Благодарностей: 825
Полезность: 521

Цитата(jtiq @ 10.11.2013, 23:34) *
3aB}{o3,
во-первых, функция должна быть:

во-вторых должна выполняться эта функция:

в третьих прочитай про jQuery.load()

Demo


Скопировал все как у тебя в примере, ну нифига не работает, может перебивает какой другой скрипт ? на ссылку жму а она просто открывается и всё, запарило уже блин
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Kirby Magicman
сообщение 10.11.2013, 23:17
Сообщение #6


Стаж: 15 лет

Сообщений: 1083
Благодарностей: 398
Полезность: 617

Посмотри тут: http://ruseller.com/lessons.php?rub_id=32&id=262
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя Johnny
сообщение 10.11.2013, 23:27
Сообщение #7


Стаж: 13 лет

Сообщений: 2470
Благодарностей: 1086
Полезность: 515

Чем так принципиален php код? Нужно тупо показать какую-то статическую инфу или динамическую, то есть например открывать окно и посылать php скрипту какой-то запрос?
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя 3aB}{o3
сообщение 10.11.2013, 23:39
Сообщение #8


Стаж: 18 лет

Сообщений: 2145
Благодарностей: 825
Полезность: 521

Цитата(Johnny @ 11.11.2013, 1:27) *
Чем так принципиален php код? Нужно тупо показать какую-то статическую инфу или динамическую, то есть например открывать окно и посылать php скрипту какой-то запрос?


работу php скрипта нужно показать, тоесть, пример:

есть ссылка: сайт.рф/papka/phpscript.php - phpscript.php показывает админов сервера, ну так вот, я хотел работу данного файла phpscript.php то что он отображает вытащить в окно jQuery
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя jtiq
сообщение 11.11.2013, 0:07
Сообщение #9


Иконка группы

Стаж: 18 лет

Сообщений: 1717
Благодарностей: 767
Полезность: 979

Меценат Меценат

3aB}{o3, из моего примера замени:
Код
$('#modal').load("/test.php #content");
на
Код
$('#modal').load("/page.php");

то есть убери #content
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя 3aB}{o3
сообщение 11.11.2013, 0:27
Сообщение #10


Стаж: 18 лет

Сообщений: 2145
Благодарностей: 825
Полезность: 521

Всем спасибо, все получилось
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя got123
сообщение 17.11.2013, 11:05
Сообщение #11
Стаж: 12 лет

Сообщений: 92
Благодарностей: 34
Полезность: 111

раз темку подняли, нагуглил такой скрипт, редактирует html файл, но для меня загадка почему не редактирует .txt
data: - ставил разные варианты, непрокатило
Прикрепленные файлы:
Прикрепленный файл  edit_save_file1384380338.zip ( 1009 байт ) Кол-во скачиваний: 6
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Johnny
сообщение 17.11.2013, 11:17
Сообщение #12


Стаж: 13 лет

Сообщений: 2470
Благодарностей: 1086
Полезность: 515

got123,
JS работает с html документами, забирает информацию из элемента и через аякс обновляет.
Текстовый файл на лету не получится редачить.

Если не принципиально обновление на лету, то php в помощь.

Отредактировал: Johnny, - 17.11.2013, 11:20
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Frostiks
сообщение 17.11.2013, 11:18
Сообщение #13


Стаж: 12 лет

Сообщений: 145
Благодарностей: 38
Полезность: 70

Не "Модельное", а модальное
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
  Ответить в данную темуНачать новую тему
 
0 пользователей и 1 гостей читают эту тему: