Всплывающее окно

Различные модификации основанные на html и css.
Интересные дополнения и украшения для вашего стиля.
Помощь при доработке шаблонов вашего стиля.
Аватара пользователя
romaamor

Всплывающее окно

romaamor 03 окт 2013, 02:49 Сообщение

Доброй ночи. Мне надо сделать так, что бы при нажатии на радио открывалось не большое, всплывающее окно с ним. Но так что бы при перезагрузке оно не пропадало. Как бы дополнительная страница браузера. Такое возможно ? А то при переходе на другие темы, страницы музыка перестает играть.

Аватара пользователя
CabinetAdmin

Re: Всплывающее окно

CabinetAdmin 03 окт 2013, 14:50 Сообщение

Как-то так:

Код: Выделить всё

<a href="javascript:void(0)" onclick="window.open('http://url.html','MyPopUp','width=800,height=600,left=200,top=200')">Нажми на меня</a>


width=800,height=600 - размеры
left=200,top=200 - отступы от краёв, можно удалить, окно откроется в левом верхнем углу.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

Re: Всплывающее окно

romaamor 03 окт 2013, 15:19 Сообщение

Это конечно хорошо, но хотелось бы что бы окно открывалось если я клацну по скрипту радио.

Аватара пользователя
silver073000

Re: Всплывающее окно

silver073000 03 окт 2013, 15:38 Сообщение

Кстати, интересный вопрос :) Тоже хочу такую вещицу. Есть скрипт радио

Код: Выделить всё

<script type="text/javascript" src="http://naradio.net/informer/22"></script>

Было бы замечательно, если бы появлялось окошечко с радио где-то в уголку :)

Аватара пользователя
romaamor

Re: Всплывающее окно

romaamor 03 окт 2013, 15:55 Сообщение

BOJIK » 14 минут назад писал(а):Кстати, интересный вопрос Тоже хочу такую вещицу. Есть скрипт радио

Я установил, радио открывается в новом окне,но только если нажать на ссылку .А хочу чтобы при нажатии на радио. Хоть бери вместо скрипта на главной странице ставь просто картинку оного окна. :D

Аватара пользователя
CabinetAdmin

Re: Всплывающее окно

CabinetAdmin 03 окт 2013, 16:14 Сообщение

romaamor
А как это сделать? Это же фрейм.
Сделай какую нибудь красивую кнопочку/картинку - радио. Человек нажимает, открывается окошко, он слушает музыку и радуется:)
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

Re: Всплывающее окно

romaamor 03 окт 2013, 16:20 Сообщение

CabinetAdmin » 4 минуты назад писал(а):А как это сделать? Это же фрейм.
Сделай какую нибудь красивую кнопочку/картинку - радио. Человек нажимает, открывается окошко, он слушает музыку и радуется:)

Дык я уже так и думаю. :D

Аватара пользователя
romaamor

Re: Всплывающее окно

romaamor 03 окт 2013, 17:07 Сообщение

Что то не получается. Если ставлю картинку то радио открывается на всю страницу.
Если просто радио то все нормально. Делал так-

Код: Выделить всё

<a href="javascript:void(0)" onclick="window.open('http://satray.ru/radio.php','MyPopUp','width=200,height=250,left=200,top=200')"><iframe style="border:1px solid #898989;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;" frameborder="0" scrolling="no" src="http://lovi.fm/mini/?c=4&a=0&r=0&h=300&s=1578,169,1172,1704,1246,110,522,519,22,1708,1727,1732,465,1183,111,19,1272,1016,1116,1789,21,222,223,224,1260,1772,38,464,1401,1776,1683,226,26,1687,1700,1701,1696,467,173,1547,252,1787,23,67,1584,1585,1793,35,242,1805,27,81,990,1399,1219,1305,309,1587,1221,1259,856,1303,1536,1535,1397,318,1169,1575,304,1742,43,685,1550,1218,1541,477,658,660,680,1015,1302,32,681,1560,757,1676,1542,1710,1306,1571,1540,208,65,94,1554,1768,1298,1781,1174,1577,1803,1551,686,991,1555,1271,1586,101,1400,687,682,1678,1553,1576,1572,476,1432,88,254,79,1168,45,90,102,1804,1677,1679,1407,989,988,1790,24,1304,92,44,84" width="225" height="280"></iframe> Открыть радио в новом окне</a>

По другому не как.
Вот код радио-

Код: Выделить всё

<iframe style="border:1px solid #898989;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;" frameborder="0" scrolling="no" src="http://lovi.fm/mini/?c=4&a=0&r=0&h=300&s=1578,169,1172,1704,1246,110,522,519,22,1708,1727,1732,465,1183,111,19,1272,1016,1116,1789,21,222,223,224,1260,1772,38,464,1401,1776,1683,226,26,1687,1700,1701,1696,467,173,1547,252,1787,23,67,1584,1585,1793,35,242,1805,27,81,990,1399,1219,1305,309,1587,1221,1259,856,1303,1536,1535,1397,318,1169,1575,304,1742,43,685,1550,1218,1541,477,658,660,680,1015,1302,32,681,1560,757,1676,1542,1710,1306,1571,1540,208,65,94,1554,1768,1298,1781,1174,1577,1803,1551,686,991,1555,1271,1586,101,1400,687,682,1678,1553,1576,1572,476,1432,88,254,79,1168,45,90,102,1804,1677,1679,1407,989,988,1790,24,1304,92,44,84" width="225" height="280"></iframe>


Адрес где оно находится- http://satray.ru/radio.php
Ну и адрес картинки - http://satray.ru/images/kartinki/radio4.jpg
Как его теперь все это соединить ?

Аватара пользователя
CabinetAdmin

Re: Всплывающее окно

CabinetAdmin 03 окт 2013, 17:58 Сообщение

:crazy: Вот так:

Код: Выделить всё

<a href="javascript:void(0)" onclick="window.open('http://satray.ru/radio.php','MyPopUp','width=200,height=250,left=200,top=200')"><img src="http://satray.ru/images/kartinki/radio4.jpg" alt="Радио" title="Радио откроется в новом окне" width="220" /></a>
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

Re: Всплывающее окно

romaamor 03 окт 2013, 18:14 Сообщение

Спасибо. :) Работает.

Аватара пользователя
romaamor

Всплывающее окно

romaamor 21 мар 2014, 12:11 Сообщение

Скамуниздил код страницы с радио. Но вместо русских буковок крякозябры. Кодировку менял, не помогает. Чё там не так ? Вот код:
Может и заодно что лишнее есть ?
Часть 1

Развернуть

Аватара пользователя
romaamor

Всплывающее окно

romaamor 21 мар 2014, 12:12 Сообщение

Часть 2

Развернуть

Аватара пользователя
CabinetAdmin

Re: Всплывающее окно

CabinetAdmin 21 мар 2014, 16:23 Сообщение

romaamor » Сегодня, 15:11 писал(а):Кодировку менял, не помогает.

На какую? Её не надо менять, надо всегда использовать одну и ту же - UTF-8.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

Re: Всплывающее окно

romaamor 21 мар 2014, 20:05 Сообщение

Не правильно прописал. Надо было

Код: Выделить всё

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />


Вместо родного .

Аватара пользователя
Jim

Всплывающее окно

Jim 08 мар 2017, 23:08 Сообщение

CabinetAdmin писал(а):Источник цитаты Как-то так:

Код: Выделить всё

<a href="javascript:void(0)" onclick="window.open('http://url.html','MyPopUp','width=800,height=600,left=200,top=200')">Нажми на меня</a>

Это же можно в навигацию в блок влепить?


width=800,height=600 - размеры
left=200,top=200 - отступы от краёв, можно удалить, окно откроется в левом верхнем углу.

или в advertisement management, только там в дивах все просит....хотел наше радио в блок влепенить в навигацию
http://orderandchaos2.ru/ - сделал в навигации, но там окно только открывается лишь в моб. версии и то на весь экран. в компьютерной версии оно вообще не ссылается.

Код: Выделить всё

<li><a href="http://nashe1.hostingradio.ru/nashe-128.mp3">Наше Радио</a> <ul> <li><a href="http://nashe1.hostingradio.ru/nashe-128.mp3">Наше</a></li> </ul>

Как в итоге сделать чтобы было окошко небольшое без утери перехода с форума именно в навигации
Till I die



Похожие темы

Вернуться в «HTML модификации»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость