Покинул форум
Сообщений всего: 15
Дата рег-ции: Сент. 2011
Помог: 0 раз(а)
Нужна помощь.не могу довести до ума скрип что-бы правильно работал.
Ситуация такая: есть таблица с рецептами пользователей, есть страница где в цикле выводятся названия рецептов.Хочу сделать что-бы при нажатии на название рецепта его описание выводилось в всплывающем окне.Проблема в том что при нажатие на название всплывают все окна рецептов. Как сделать что-бы окно всплывало одно и с нужной информацией. Вот скрипт:
Покинул форум
Сообщений всего: 15
Дата рег-ции: Сент. 2011
Помог: 0 раз(а)
esterio пишет:
первая причина по которой у Вас нифига не получилось: урокы Попова. Для решения проблемы читаем статью от пользователя даного форума
http://forum.php.su/topic.php?forum=33&topic=793
Да согласен начинал 2 или 3 года назад по его урокам, но понял что туфта.Стараюсь сам разбираться. Согласен код написан коряво, но код который я выложил хоть что то вывел.Пытался вынести скрипт вывода окна за пределы цикла,ни чего не выводит.Создавал переменные с подстановкой в скрипт окна,вывод только первого рецепта.Пытался передать функции id рецепта, но не знаю как. Может ли страница передать данные самой себе.
esterio
Отправлено: 11 Февраля, 2014 - 12:15:40
Активный участник
Покинул форум
Сообщений всего: 5025
Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов
Помог: 127 раз(а)
попробуйте включить вывод ошибок
Мелкий
Отправлено: 11 Февраля, 2014 - 12:16:31
Активный участник
Покинул форум
Сообщений всего: 11926
Дата рег-ции: Июль 2009 Откуда: Россия, Санкт-Петербург
Помог: 618 раз(а)
К PHP вопрос, в сущности, отношения не имеет.
Если вам дали 10 яблок и сказали "покажи яблоко" - показать одно, два, три или все 10 яблок - все варианты являются верными. Иначе говоря - в JS коде отображения всплывающего окна никак не различается, что именно надо показать.
Есть предположение, что существует связь между rel='tabs_info' и css-классом tabs_info и они должны попарно совпадать для одного рецепта и различаться для разных рецептов.
----- PostgreSQL DBA
IllusionMH
Отправлено: 11 Февраля, 2014 - 12:21:09
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
vlggera, пишите рецепт сразу под заголовком. Потом всплывающим окном показывайте соседний с заголовком элемент.
vlggera
Отправлено: 11 Февраля, 2014 - 13:15:36
Новичок
Покинул форум
Сообщений всего: 15
Дата рег-ции: Сент. 2011
Помог: 0 раз(а)
Мелкий пишет:
К PHP вопрос, в сущности, отношения не имеет.
Если вам дали 10 яблок и сказали "покажи яблоко" - показать одно, два, три или все 10 яблок - все варианты являются верными. Иначе говоря - в JS коде отображения всплывающего окна никак не различается, что именно надо показать.
Есть предположение, что существует связь между rel='tabs_info' и css-классом tabs_info и они должны попарно совпадать для одного рецепта и различаться для разных рецептов.
нужно реализовать подстановку данных из базы в плагин popup
IllusionMH
Отправлено: 11 Февраля, 2014 - 13:28:47
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
vlggera, мы догадались. Перечитайте еще раз цитату. Мелкий в последнем предложении явно указал на проблему - отсутствие связи между конкретным заголовком и блоком для попапа. Вы должны залезть в документацию и посмотреть как в плагине организуется связь и сделать так, чтобы она была уникальна для каждой пары заголовок-попап.
К примеру добавлять ид к классу и rel, или просто наращиваемый индекс.
Покинул форум
Сообщений всего: 15
Дата рег-ции: Сент. 2011
Помог: 0 раз(а)
IllusionMH пишет:
vlggera, мы догадались. Перечитайте еще раз цитату. Мелкий в последнем предложении явно указал на проблему - отсутствие связи между конкретным заголовком и блоком для попапа. Вы должны залезть в документацию и посмотреть как в плагине организуется связь и сделать так, чтобы она была уникальна для каждой пары заголовок-попап.
К примеру добавлять ид к классу и rel, или просто наращиваемый индекс.
честно не понимаю при чем здесь style классы..
rel включает плагин окна
подстановку нужно сделать здесь
Плагин popup:
<div class="popup tabs_info">
<a class="close" href="#">Close</a>
<h2>Вкладки (tabs)</h2>
<div class="selectTabs">
<ul class="lineTabs">
<li class="active"><a href="#">Ингредиенты</a></li>
<li><a href="#">Способ приготовления</a></li>
</ul>
<div class="tab_content">
<div class="tab1">
<p>Нужно подставить $myrow['ingrid']</p>
</div>
<div class="tab2">
<p>Нужно подставить $myrow['text']</p>
</div>
</div>
</div>
</div>
code358
Отправлено: 11 Февраля, 2014 - 14:28:37
Новичок
Покинул форум
Сообщений всего: 20
Дата рег-ции: Февр. 2014
Помог: 0 раз(а)
Попов не Попов, разницы не много.. Главное, чтобы вы не создавали для каждого товара свое окно, иначе страница у вас будет весить 5-10мб, а кому оно надо?
Я посоветую вам плагин arcticModal, зайдите на оф.сайт и скачайте его, там есть несколько примеров (AJAX), которые вам помогут.
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
vlggera, <?php echo $myrow['ingrid']; ?>
если я не разучился читать, то проблема изначально в том, что всплывают все окна.
vlggera пишет:
Проблема в том что при нажатие на название всплывают все окна рецептов
это проблема с реализацией клиентской части
IllusionMH пишет:
Вы должны залезть в документацию и посмотреть как в плагине организуется связь и сделать так, чтобы она была уникальна для каждой пары заголовок-попап.
vlggera
Отправлено: 11 Февраля, 2014 - 15:17:10
Новичок
Покинул форум
Сообщений всего: 15
Дата рег-ции: Сент. 2011
Помог: 0 раз(а)
IllusionMH пишет:
vlggera, <?php echo $myrow['ingrid']; ?>
если я не разучился читать, то проблема изначально в том, что всплывают все окна.
vlggera пишет:
Проблема в том что при нажатие на название всплывают все окна рецептов
это проблема с реализацией клиентской части
IllusionMH пишет:
Вы должны залезть в документацию и посмотреть как в плагине организуется связь и сделать так, чтобы она была уникальна для каждой пары заголовок-попап.
в том то и дело что скрипт нарыл в инете,понравился, решил попробовать у себя..документации нет просто скрипт.
IllusionMH
Отправлено: 11 Февраля, 2014 - 15:28:07
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
vlggera, ну ну. Там небось это в файлике без комментраия в начале что это за плагин.
Ну или мы как тыжпрограммисты должны угадывать как в том неизвестном скрипте это реализовано?
Покинул форум
Сообщений всего: 15
Дата рег-ции: Сент. 2011
Помог: 0 раз(а)
IllusionMH пишет:
vlggera, ну ну. Там небось это в файлике без комментраия в начале что это за плагин.
Ну или мы как тыжпрограммисты должны угадывать как в том неизвестном скрипте это реализовано?
<div class="popup reg_form">
<a class="close" href="#">Close</a>
<h2>Регистрация на сайте</h2>
<form method="post" action="">
<label for="login">Введите логин:</label>
<input type="text" name="login" />
<label for="password">Введите пароль:</label>
<input type="password" name="password" />
<input type="submit" value="Войти" />
</form>
</div>
<div class="popup photo_win">
<a class="close" href="#">Close</a>
<h2>Галерея</h2>
<div class="img_wrap">
<img alt="" src="images/pic_1.png" />
<img alt="" src="images/pic_2.png" />
<img alt="" src="images/pic_3.png" />
<img alt="" src="images/pic_2.png" />
<img alt="" src="images/pic_3.png" />
<img alt="" src="images/pic_1.png" />
</div>
</div>
<div class="popup tabs_info">
<a class="close" href="#">Close</a>
<h2>Вкладки (tabs)</h2>
<div class="selectTabs">
<ul class="lineTabs">
<li class="active"><a href="#">Удобства вкладок</a></li>
<li><a href="#">Преимущества вкладок</a></li>
</ul>
<div class="tab_content">
<div class="tab1">
<p>Tabs - элемент интерфейса для отображения группы документов таким образом, что только 1 активный документ показан, а остальные спрятаны. Пришёл этот элемент интерфейса в компьютеры из офисного быта: папки с документами разделялись такими закладками на группы. Ну и конечно телефонные книги часто разделены табами по алфавиту.</p>
</div>
<div class="tab2">
<p><img alt="" src="/images/tabs.jpg" /> Табы показаны в одном месте, рядом. Отсюда — удобство навигации. И целостность навигации, что тоже важно. Все уже привыкли к табам, так как видят и используют их везде (те же телефонные книжки, каталоги в библиотеках, и т.д.). А значит и домохозяйка знает, как они работают.</p>
</div>
</div>
</div>
</div>
</body>
</html>
IllusionMH
Отправлено: 11 Февраля, 2014 - 15:38:35
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
vlggera, и что я должен здесь увидеть?
Выводите отдельно все заголовки. Потом выводити соответствующие тексты.
Можете разметку для заголовков склеивать в 1 строку, во вторую строку склеивать содержимое табов(какие тут попапы?).
потом вставить это в соответствующие места в разметке.
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.