Форум PHP программистов > Модальное окно ajax

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Deni

22.11.2012 - 01:38

Всем привет.

Прошу помощи, может кто знает (видел)
У меня на сайте есть кнопка при нажатии на которую запускается "долгоиграющий" скрипт (~10 сек)

Хочу сделать чтобы при нажатии на кнопку, вылазило модальное окно.Само окно (html код) должно раз в 2 секунды браться из отдельного файла modal.php который генерирует html код и некую информацию.

Впринципе у меня есть рабочий код который удовлетворяет некоторым критериям но!
1. Он обновляет информацию в div-е ( А нужно именно во всплывающем окне)
2. Он не привязан к нажатию кнопки

Это страница в которой раз в 2 сек. обновляеться div

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
function updateShouts(){
    $('#shoutbox').load('skript.php');
}
setInterval( "updateShouts()", 2000 );
</script>
</head>
<body>
<div id="shoutbox"></div>
</body>
</html>

в skript.php генерируеться нужная инфа с html кодом

inpost

22.11.2012 - 01:41

Не вижу кнопки. Где событие onclick ? Для нажатия кнопки.
Не вижу всплывающего окна.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

Deni

22.11.2012 - 02:04

Он и не должен. Я же как раз прошу помоч переделать этот скрипт.

этот скрипт работает без кнопки и НЕ в окне. он просто берет инфу из стороннего файла и вставляет его в див

inpost

22.11.2012 - 02:06

Я уже сказал как сделать: поставь кнопку, повесь событие onclick на неё. Это для начала.

Или ты хочешь, чтобы я полностью за тебя сделал?

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

Deni

22.11.2012 - 02:14

Поставил :D

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
function updateShouts(){
    $('#shoutbox').load('progress.php');
}
setInterval( "updateShouts()", 2000 );
</script>
</head>
<body>

<form method="POST" action="index.php">
<input  type="text" size="50"   name="parametr" value=""></input>
<input  onClick="javascript:alert('Привет');" type="submit" name="ok" value='go'>
</form>

<div id="shoutbox"></div>
</body>
</html>

inpost

22.11.2012 - 02:17

А alert тебе зачем? Вызывай функцию, которая будет выводить модальное окно.
Модальное окно - это div style="display:none" , тебе в функции надо менять его свойство с display:none на display:block; (так же задай атрибут position:absolute, чтобы поместить можно было в центре). Появится модальное окно, в него и выводи текст.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

Deni

22.11.2012 - 02:21

Проблема в том что я не умею писать на javascript.
Ладно. Все равно спасибо.

Zzepish

22.11.2012 - 02:26

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
function updateShouts(){
    $('div#shoutbox').load('progress.php');
 setTimeout( "updateShouts();", 2000);
}
}
updateShouts();
</script>
</head>
<body>

<form method="POST" action="index.php">
<input  type="text" size="50"   name="parametr" value=""></input>
<input  type="submit" name="ok" value='go'>
</form>

<div id="shoutbox"></div>
</body>
</html>

inpost

22.11.2012 - 02:30

Отлично: javascript.ru , открой и почитай учебник.
Я вижу, что ты скопи-пастил код, который вырвал из контекста какого-то другого. Ну а это совсем не то, что я хочу от тебя добиться. Я хочу, чтобы ты сам начал программировать и учился писать код!
Что вызывает трудности? Что такое функция, и как она работает? Если тяжело найти справочник, то вот ссылочка:
http://javascript.ru/tutorial/foundation
Там есть и функция, и как менять содержание, и как менять аттрибут тега, и даже описание работы Ajax.

Я понимаю, когда люди спрашивают что-то сложное или непонятное. Но спрашивать: как поменять аттрибут тега, или вызвать функцию на JS, это основы основ, почти такие же как на php спросить: "как вывести текст", и все бегут отвечать: "echo, echo".

Итак, ты начал делать, я продолжаю помогать. Ты не хочешь двигаться дальше, помощь остановилась! А для того, чтобы тебе дали готовенькое, у нас есть раздел: http://phpforum.ru/index.php?showforum=112 , под названием: "Проекты".

И последний вопрос, не менее важный, ПОЧЕМУ ты создал эту тему в разделе: "Форум PHP программистов ► PHP практикум ► PHP для начинающих", тут было слово хоть какое-то про JAVASCRIPT?
user posted image

Неужели сложно пролистать и посмотреть, что есть на форуме?

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

inpost

22.11.2012 - 02:36

Zzepish

Свернутый текст

не работает

Или работает абсолютно не так, как хотелось бы

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

Zzepish

22.11.2012 - 02:58

inpost
Исправил

inpost

22.11.2012 - 13:09

Zzepish
Ну ты не решил поставленную ТС задачу

Deni

22.11.2012 - 16:30

Бегло посмотрел. Наверно и не такой уж он и страшный

Сейчас буду учить. Когда то уже начинал но забросил.

Zzepish

22.11.2012 - 23:20

inpost
а. ок) мне лень столько писать) да и время нет)

Быстрый ответ:

Здесь расположена полная версия этой страницы.