• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Готовые решения. HTML, CSS, условные uCoz операторы. » Оформленная в uWind окне кнопка с «Получить код кнопки» .... (... предложите другое название - сменю ... ヅ ...)
Оформленная в uWind окне кнопка с «Получить код кнопки» ....
Дата: Среда, 05.05.2010, 06:25 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


..
Короче, кому сам код не интересен, вот готовое решение:

Вариант #2

Скриншот:

Файлы:
Прикрепление (HTML)
Прикрепление (XML)

... Кому, всё же интересно - смотрим дальше - тут не очень много ...

Сначала XML-код:

Quote (XML-код)
<?xml version="1.0" encoding="utf-8"?>
<ajax>
<cmd p="content"><![CDATA[
<!--StartTextareaKnopka2-->
<fieldset style="width:230px;text-align:center;padding:2px;border:1px solid #F60;"><legend style="padding:1px;border:0 none;"><strong>Моя кнопочка ヅ</strong></legend><img style="margin:3px;border:none;" src="http://likbezz.ucoz.ru/_theme/baner/88x31.gif" width="88" height="31" alt="«Уголок аццкого кодера»" /><br /><strong style="text-align:center;display:block;">Код кнопки:</strong>
<textarea name="Моя кнопочка" cols="" rows="5" onclick="select(this);" style="width:96%;margin:0;height:50px;"><a title="«Уголок аццкого кодера» - Моя кнопочка ... ヅ" href="http://likbezz.ucoz.ru/" target="_blank" style="text-decoration:none;border:none;"><img src="http://likbezz.ucoz.ru/_theme/baner/88x31.gif" width="88" height="31" border="0" alt="«Уголок аццкого кодера»" /></a></textarea><div style="text-align:center;">[<a href="javascript://" onclick="_uWnd.close('myButtonCode');return false;"><b>Закрыть окно</b></a>]</div></fieldset>
<!--/EndTextareaKnopka2-->
]]></cmd>
</ajax>

Где:

Quote (Разбор)
<fieldset style="width:230px;text-align:center;padding:2px;border:1px solid #F60;"> - здесь и далее - ваши стили, для отображения содержимого в uWind окне....
<img style="margin:3px;border:none;" src="http://likbezz.ucoz.ru/_theme/baner/88x31.gif" - пример вашего банера/кнопки ... и т.д. ...
<textarea name="Моя кнопочка" cols="" rows="5" onclick="select(this);" - содержимое, то есть код вашей кнопки ... все символы должны быть переведены в вот такой формат «"» = «&_quot;», «<» = «&_lt;», «>» = «&_gt;» ... и так далее ... естественно без знака поддчеркивания ....
onclick="select(this); - функция выделения содержимого «textarea», при клике ...
<a href="javascript://" onclick="_uWnd.close('myButtonCode');return false;"> - ссылка лри клике закрывающая окно ... можно опустить ...
где: _uWnd.close('myButtonCode') - имя вашего окна ...
<!--/EndTextareaKnopka2--> - мои коментарии - удалить ...

Quote (HTML-код)
<!--StartTextareaKnopka.v2-->
<div style="text-align:center;">
<fieldset style="width:160px;text-align:center;margin:0 auto;padding:2px 1px;border:1px solid silver;">
<legend style="padding:1px;border:none;"><strong>Наша кнопочка ヅ</strong></legend><img style="margin:3px;border:none;" src="http://likbezz.ucoz.ru/_theme/baner/88x31.gif" width="88" height="31" alt="«Уголок аццкого кодера»" /><br /><strong style="text-align:center;display:block;">[<a title="Код моей кнопочки" href="javascript://" onclick="new _uWnd('myButtonCode','Код моей кнопочки...',270,185,{max:1,min:1,autosize:1,maxh:270,closeonesc:1,resize:0,align:'center'},{url:'http://likbezz.ucoz.ru/_fr/0/knopka-v2.xml'});return false;">Получить код кнопки</a>]</strong></fieldset></div>
<!--/EndTextareaKnopka.v2-->

Где:

Quote (Разбор)
<div style="text-align:center;"> - здесь и далее - ваши стили для оформления объекта на странице ....
<img style="margin:3px;border:none;" src="http://likbezz.ucoz.ru/_theme/baner/88x31.gif" - пример вашего банера/кнопки ... и т.д. ...
<a title="Код моей кнопочки" href="javascript://" onclick="new _uWnd .... - ссылка на открытие uWind окна ... Дале внимательно ... кто не знаком с этим ...
Разбираем функцио открытия....
onclick="new _uWnd('myButtonCode','Код моей кнопочки...',270,185,{max:1,min:1,autosize:1,maxh:270,closeonesc:1,resize:0,align:'center'},{url:'http://likbezz.ucoz.ru/_fr/0/knopka-v2.xml'});return false;"
<!--/EndTextareaKnopka.v2--> - мои коменты - удалить ...

Где:
Quote (Разбор)
'myButtonCode' - имя окна - используется при обращении к нему, в данном случае, для закрытия. Уникальное.
'Код моей кнопочки...' - надпись в шапке окна ...
270,185 - размеры - по горизонтали и по вертикали ...
max:1,min:1 - отображать ли кнопку Minimize (свернуть) и Maximize (развернуть) вот эти ...
autosize:1 - автоопределение размеров - то есть, будет ли окошко подогнано под содержимое ...
maxh:270 - максимальная высота окна ...
closeonesc:1 - - закрывать ли окно при нажатии клавиши Esc ...
resize:0 - разрешить изменение размеров окна, то есть - позволить пользователю растягивать окно или нет ...
align:'center' - позиционирование содержимого..
{url:'http://likbezz.ucoz.ru/_fr/0/knopka-v2.xml'} - ссылка на xml-документ - только с вашего домена ... ヅ

Flesh

Прикрепления: knopka-v2.xml (1.3 Kb) · knopka-v2.html (2.2 Kb) · 7722235.gif (0.2 Kb) · 1053795.png (2.5 Kb)

 
Дата: Среда, 05.05.2010, 08:10 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


For eleklim, ваша кнопочка ...

Создаете новый блок ... хотя, у вас «Статистика» .... хм ... пустует ... можно и туда ..., кстати, по поводу статистики - напомните позже ....

Далее, заходите в ПУ » Главная » Файловый менеджер ... создаёте папку с именем «xml» ... (!!) а ещё лучше » Создаёте сначала папку «theme», а в ней уже папку «xml»..

Скачиваете вот этот файл .... к себе, на рабочий стол, например, и заливаете его в папку «xml» ... (на сервер)
Если поменяете адрес, то есть папку с вашей кнопочкой, придётся его править ...

Прикрепление (XML)

Заходите на сайт, включаете «конструктор» .... (жесть .... ヅ) .... переходите на вкладку - HTML и после всего, что там уже есть, вставляете код.... Будет ниже...

Скрин:

Вот код для блока:

Quote (Код для блока)
<div style="text-align:center;margin:0 auto;">
<fieldset style="width:170px;text-align:center;padding:3px;border:1px solid #F60;">
<legend style="padding:1px 3px;border:none;"><strong>Наша кнопочка ヅ</strong></legend><img style="margin:3px;border:none;" src="http://eleklim.ucoz.ru/gif/2f0d0460cd.gif" width="44" height="50" alt="Наша кнопка" /><br /><strong style="text-align:center;display:block;">[<a title="LoadFile" href="javascript://" onclick="new _uWnd('myButtonCode','Код моейкнопочки...',270,185,{max:1,min:1,autosize:1,maxh:270,closeonesc:1,resize:1,align:'center'},{url:'http://likbezz.ucoz.ru/_fr/0/knopka-v1-e.xml'});return false;">Получить код кнопки</a>]</strong></fieldset></div>
<!--/EndTextareaKnopka.v1-e-->

Затем... (!!!) тут - внимательно (!!!) ...
В файловом менеджере, в котором вы создавали папки и залимали xml-ловский файл на сервер - узнаёте его ссылку, то есть ссылку на файл «knopka-v1-e.xml»...

Далее, снова в «конструкторе» - редактируем блок, куда вы вставили код «Код для блока», находим вот такие значки ... ... {url:'http://likbezz.ucoz.ru/_fr/0/knopka-v1-e.xml'} и меняем на свою ссылку к файлу.
Получится должно примерно вот так: {url:'http://eleklim.ucoz.ru/theme/xml/knopka-v1-e.xml'} - если вы создали папку «theme», а в ней папку «xml».. и туда положили файл ...
Или вот так: {url:'http://eleklim.ucoz.ru/xml/knopka-v1-e.xml'} - если вы просто создали папку «xml» ...

По идее, во перечитал, вроде, понятно ...

Что должно получится: (без курсора ... ヅ)

Скрин:

Прикрепление ... (что должно получится ...)

Flesh

Прикрепления: knopka-v1-e.xml (1.2 Kb) · 9364142.png (11.1 Kb) · 4195025.png (3.6 Kb) · knopka-v1-e.html (2.1 Kb) · 3063887.png (5.7 Kb)

 
Дата: Суббота, 05.06.2010, 08:53 |
eleklim
Полковник
Группа: Проверенные
Сообщений: 235
Награды: 0
Репутация: 0
Статус: Offline


Узнаю, узнаю кнопочку... )))
А как сделать, чтобы окно с кодом не всплывало, а находилось под кнопкой?


 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Готовые решения. HTML, CSS, условные uCoz операторы. » Оформленная в uWind окне кнопка с «Получить код кнопки» .... (... предложите другое название - сменю ... ヅ ...)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия