Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 06.01.2017
Сообщений: 6

Страница в всплывающем окне

14.05.2017, 22:34. Показов 867. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Не знаю как правильно называется, и как правильно выразить свою мысль. В общем не могу додуматься как при нажатии на картинку сделать так, что бы открывалась не картинка в большем качестве, а мини страница, на которой будет содержаться другая картинка, текст, и кнопка. По типу как сделано на многих сайтах-кафе\ресторанов, при нажатии на фото блюда - всплывает окно, где можно посмотреть подробности о блюде и добавить его в корзину.
P.S. Надеюсь объяснил понятно, буду рад даже гуглоссылкам, т.к. не знаю даже как правильно сформулировать запрос. Извиняюсь за заголовок, все по тем же причинам, не знаю как это называется =)

Фрагмент кода
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="col-lg-4 col-sm-6">
                    <a href="img/portfolio/fullsize/site_autoschool.png" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/site_autoschool.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Сайт
                                </div>
                                <div class="project-name">
                                    Автошколы
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
14.05.2017, 22:34
Ответы с готовыми решениями:

Как отобразить информацию (введенную в форму), в новом окне и во всплывающем окне?
Подскажите пожалуйста, у меня есть форма в нее делаю запись, как сделать так, что бы после введения данных они отобразились в 2 ух окнах...

Картинка в всплывающем окне
Проблема в том, что что открывается нормально только первая картинка. Все последующие открываются как обычные картинки в этом же окне.......

Открытие поста во всплывающем окне
Здравствуйте. Не знаю куда написать данный вопрос, поэтому заранее извиняюсь если пишу не в той ветке. Хочу реализовать открытие...

1
3 / 3 / 1
Регистрация: 11.06.2016
Сообщений: 33
14.05.2017, 22:53
как-то так
HTML5
1
<a href="#" onclick="window.open('ссылка на страницу другой картинкой','test', 'width=600,height=300,status=no,resizable=no,top=200,left=200'); return false;">картинка</a>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
14.05.2017, 22:53
Помогаю со студенческими работами здесь

Не удается скрыть адресную строку во всплывающем окне
Приветствую. Предо мной есть проблема, связанная с тем, что я не могу при создании всплывающего окна скрыть адресную строку браузера во...

Показ подсказки во всплывающем окне - в трех браузерах по-разному!
Помогите новичку, должно быть несложно, но что-то не выходит каменный цветок... Нужно, чтобы при клике на ссылку открывалось...

Как сделать так, чтобы при нажатии кнопки на дочернем окне, в родительском окне открылась какая-нибудь страница ?
Как сделать так, чтобы при нажатии кнопки на дочернем окне, в родительском окне открылась какая-нибудь страница ? При этом, поп-ап нужно...

Внешняя страница в модальном окне Bootstrap
Задача: в модальном окне выводить другую полноценную страницу. jQuery-плагины, такие как FancyBox, The Modal, Lightbox не подходят в силу...

ReCAPTCHA во всплывающем окне
Всем привет. Только начал изучать JS. У меня на странице есть форма, работа которой должна происходить следующим образом... 1....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru