Приветствую Вас Прохожий | RSS Пятница, 09.12.2016, 04:54
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 10
Гостей: 8
Пользователей: 2
alexman91, LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Генератор HTML кода iframe в окне ajax для uCoz

Генератор HTML кода iframe в окне ajax для uCoz Генератор, HTML, кода, iframe, окне, ajax, uCoz
Генерация кода iframe, иногда требуется на быструю руку разместить у себя тот же кусок видео или фильма на сайте или форуме, так вот при помощи генератора вбивая все необходимое можно воссоздать полный HTML код который смело копируем после и вставляем в страницу вашей новости с условием что вы имеете все права на использование HTML кода.
В коде используется имя по умолчанию, далее ссылка на видео материал (тот что используется самим хостингом в фрэйме) окантовка для окна, так же скролинг если есть необходимость перемещаться в окантованном окне , далее размеры окна по высоте и ширине, по умолчанию используется размеры плеера от ВК.
Все исходные коды я позаимствовал у господина webo4ka с веденными изменениями для использования в других целях, ранее выставлялась его работа но так же с моей модернизацией, просто понравился чуток дизайн и я решил сделать некоторые другие вариаций для использования новичками в свое удобство.
Так же вероятно в таком же виде сделаю генератор для условий к примеру генераций скрипта для авто тегов к определенному модулю uCoz. В планах многое, но если есть потребность в потребители как говорится, если ваши комментарий продвинут идею, то я смело за неё возьмусь, но как известно это касается новичков, так как чайники не пользуются подобным, у них уже все наработано в голове.

Установка:
Вариант с кодом вывода генератора в окне ajax:

Копируем код и вставляем в любое место вашего сайта, внимание работает только на хостинге uCoz:
Code
<style>
.button {background: #6289B1; border: 1px solid transparent; border-radius: 3px; padding: 3px 12px; color: #fff !important; font: bold 16px arial; text-decoration: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);}
.button:hover {background: #587FA7;}
.titles {background: #6289B1; border: 1px solid transparent; border-radius: 3px; padding: 8px 12px; color: #fff !important; font: bold 16px arial; text-decoration: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);}
.textare {width:100%; background: #fff; border: 1px solid #ccc; box-shadow: inset 0px 2px 5px #e5e5e5; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; font: 14px arial; color:#777;}
.selected {background: #fff; border: 1px solid #ccc; box-shadow: inset 0px 2px 5px #e5e5e5; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; font: 14px arial; color:#777;}
.input {width:95; background: #fff; border: 1px solid #ccc; box-shadow: inset 0px 2px 5px #e5e5e5; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; font: 14px arial; color:#777;}
</style>

<script type="text/javascript">
function nrmurl(){$("#rchp, #normurl").show(); $("#nrml, #chpy").hide();} function chpyrl(){$("#rchp, #normurl").hide(); $("#nrml, #chpy").show();} function iframe_ucozon(){new _uWnd('link','Генератор HTML кода для Iframe',540,320,{align:1,shadow:1,autosize:1,maxh:520,minh:155,resize:1},'<div id="normurl"><fieldset><legend>Форма ввода информации</legend> <div id="move1_UcozOn_Ru"><div class="titles"><center>Ведите URL страницы или видео с vk.com & youtube.com</center></div><br> <input type="text" id="urls" class="textare" value=""><br><br><div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 1 из 5</z><a href="javascript://" onclick="urls();" class="button">Далее</a></div> <br><br></div> <div id="move2_UcozOn_Ru" style="display:none;"><div class="titles"><center>Отмете наличие бордюра - окантовки фрэйма</center></div> <br><center> <select class="selected" id="border"> <option selected="selected" value="0">Нет обводки</option> <option value="1">Толщина линий 1 px</option> <option value="2">Толщина линий 2 px</option> <option value="3">Толщина линий 3 px</option> <option value="4">Толщина линий 4 px</option> <option value="5">Толщина линий 5 px</option> </select> </center><br><div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 2 из 5</z><a href="javascript://" onclick="border();" class="button">Далее</a></div><br><br></div><div id="move3_UcozOn_Ru" style="display:none;"><div class="titles"><center>Отмете наличие скроллинга полосы прокрутки фрэйма</center></div><br> <center> <select class="selected" id="scroll"> <option selected="selected" value="auto">Авто прокрутка</option> <option value="yes">Есть прокрутка</option> <option value="no">Нет прокурутки</option> </select> </center> <br><div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 3 из 5</z><a href="javascript://" onclick="scroll();" class="button">Далее</a></div><br><br></div> <div id="move4_UcozOn_Ru" style="display:none;"><div class="titles"><center>Ширина фрэйма px</center></div><br> <center><input type="text" id="width_UcozOn_Ru" class="input" value="640"></center> <br><div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 4 из 5</z><a href="javascript://" onclick="width_UcozOn_Ru();" class="button">Далее</a></div><br><br></div> <div id="move5_UcozOn_Ru" style="display:none;"><div class="titles"><center>Высота фрэйма px</center></div><br> <center><input type="text" id="height_UcozOn_Ru" class="input" value="480"></center> <br><div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 5 из 5</z><a href="javascript://" onclick="rezultat();" class="button">Далее</a></div><br><br></div><div id="rezultat" style="display:none;"></div></fieldset>');}
</script>
<a class="searchSbmFl" href="javascript:iframe_ucozon();" style="text-decoration: none;"> Генератор фрэйма </a>
<script src="http://ucozon.ru/_dr/62/6203_gen_frame.js"></script>
Для использования без окна на странице сайт как указано на примере ниже:

Достаточно разместить следующий код:
Code
<style>
.button {background: #6289B1; border: 1px solid transparent; border-radius: 3px; padding: 3px 12px; color: #fff !important; font: bold 16px arial; text-decoration: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);}
.button:hover {background: #587FA7;}
.titles {background: #6289B1; border: 1px solid transparent; border-radius: 3px; padding: 8px 12px; color: #fff !important; font: bold 16px arial; text-decoration: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);}
.textare {width:100%; background: #fff; border: 1px solid #ccc; box-shadow: inset 0px 2px 5px #e5e5e5; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; font: 14px arial; color:#777;}
.selected {background: #fff; border: 1px solid #ccc; box-shadow: inset 0px 2px 5px #e5e5e5; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; font: 14px arial; color:#777;}
.input {width:95; background: #fff; border: 1px solid #ccc; box-shadow: inset 0px 2px 5px #e5e5e5; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; font: 14px arial; color:#777;}
</style>
<center><h2>Генератор создания IFRAME кода</h2></center>
<div id="move1_UcozOn_Ru">
<div class="titles"><center>Ведите URL страницы или видео с vk.com & youtube.com</center></div>
<br>
<input type="text" id="urls" class="textare" value="">
<br><br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 1 из 5</z><a href="javascript://" onclick="urls();" class="button">Далее</a></div>
<br><br>
</div>

<div id="move2_UcozOn_Ru" style="display:none;">
<div class="titles"><center>Отмете наличие бордюра - окантовки фрэйма</center></div>
<br>
<center> <select class="selected" id="border">
  <option selected="selected" value="0">Нет обводки</option>
  <option value="1">Толщина линий 1 px</option>
  <option value="2">Толщина линий 2 px</option>
  <option value="3">Толщина линий 3 px</option>
  <option value="4">Толщина линий 4 px</option>
  <option value="5">Толщина линий 5 px</option>
</select> </center>
<br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 2 из 5</z><a href="javascript://" onclick="border();" class="button">Далее</a></div>
<br><br>
</div>

<div id="move3_UcozOn_Ru" style="display:none;">
<div class="titles"><center>Отмете наличие скроллинга полосы прокрутки фрэйма</center></div>
<br>
<center> <select class="selected" id="scroll">
  <option selected="selected" value="auto">Авто прокрутка</option>
  <option value="yes">Есть прокрутка</option>
  <option value="no">Нет прокурутки</option>
</select> </center>
<br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 3 из 5</z><a href="javascript://" onclick="scroll();" class="button">Далее</a></div>
<br><br>
</div>

<div id="move4_UcozOn_Ru" style="display:none;">
<div class="titles"><center>Ширина фрэйма px</center></div>
<br>
<center><input type="text" id="width_UcozOn_Ru" class="input" value="640"></center>
<br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 4 из 5</z><a href="javascript://" onclick="width_UcozOn_Ru();" class="button">Далее</a></div>
<br><br>
</div>

<div id="move5_UcozOn_Ru" style="display:none;">
<div class="titles"><center>Высота фрэйма px</center></div>
<br>
<center><input type="text" id="height_UcozOn_Ru" class="input" value="480"></center>
<br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 5 из 5</z><a href="javascript://" onclick="rezultat();" class="button">Далее</a></div>
<br><br>
</div>
<div id="rezultat" style="display:none;"></div>
<script src="http://ucozon.ru/_dr/62/6203_gen_frame.js"></script>
Автор\Источник: http://ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 5.9Kb
Просмотров: 2475 | Рейтинг: 5.0/1 | |Категория: Скрипты Разное | Добавил: мир | Дата: 01.11.2012 | Скачали: 4 | Теги: ajax, iframe, html, генератор, кода, ucoz, Окне
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru