Красивый и удобный обмен кнопками трех типов в окне ajax как на сайте ucozon.
Пример можно рассмотреть нажав в своем профиле
Взять кнопку сайта этот код вставляем в любое место в блоке под профилем к примеру
заменяем ссылки на свой картинки 3 штуки
http://ucozon.ru/SCRIN1/88x31_1.gif
http://ucozon.ru/SCRIN1/88x31_2.gif
http://ucozon.ru/SCRIN1/88x31_3.gif
Code
<link type="text/css" rel="StyleSheet" href="http://ucozon.ru/script/ajax_obmen_knop/bBccodUcozon.css" />
<script type="text/javascript" src="/bBccodUcozon.js"></script>
<script type="text/javascript">
baner_knopka = function(){
new _uWnd('myName','Вы можете взять кнопку на наш сайт ucozon',300,200,{min:1,shadow:1,header:1,max:1,resize:1},'<div align="left"><center><table border="0" cellpadding="5" cellspacing="0" width="285" height="188" style="border:1px dashed #969696;"><tr><td style="vertical-align: top; letter-spacing: 0pt; word-spacing: 0pt;">Если вы хотите взять кнопку нашего саита то кликните по любой которая вам понравилась 1 раз и получите код HTML для размещения в любом месте вашего саита.<br><div style="display:none;"><input value="3" class="inp" id="zapet"></div><img src="http://ucozon.ru/SCRIN1/88x31_3.gif" onclick="make();" id="ok"> <div style="display:none;"><input value="2" class="inp" id="zapet1"></div> <img src="http://ucozon.ru/SCRIN1/88x31_2.gif" onclick="make1();" id="ok"> <div style="display:none;"><input value="4" class="inp" id="zapet2"></div> <img src="http://ucozon.ru/SCRIN1/88x31_4.gif" onclick="make2();" id="ok"> <span class="des" id="htm">Скопировать код и вставить в любое место <div class="bbCodeBlock"><div class="code" style="border: 1px inset ; overflow: auto; max-height: 200px; max-width: 300px; background-color: rgb(240, 240, 240);"><!--uzc--><span class="resalt" id="html"></span><!--/uzc--></div><center><img type="img" src="http://ucozon.ru/SCRIN5/sclyer.gif" onclick="JavaScript:window.location.reload();"></center></div></td></tr></table></center></div>');
}
</script>
данный скрипт копируем и вставляем в /bBccodUcozon.js файл редактируя под свой картинки и ссылки на сайт
кнопки всего 3 и кода тоже 3 по этому делать нужно одинаково в трех.
1 меняем ссылку на свой сайт для кнопки кода , для этого заменяем в трех местах ссылку нашу http://ucozon.ru на вашу.
2 заменяем ссылку на картинку http://ucozon.ru/SCRIN1/88x31_ с учетом того что продолжение ссылки имеет 1, 2, 3 к примеру так
http://ucozon.ru/SCRIN1/88x31_
1.gifhttp://ucozon.ru/SCRIN1/88x31_
2.gifhttp://ucozon.ru/SCRIN1/88x31_
3.gifсоздаем 3 кнопки и заливаем их к себе на сайт и называем их так что бы последний символ был цифра 1и2и3 как в примере 88x31_3.gif
скрипт работает так что при нажатие на кнопку идет выбор цифры и подставляется нужная при нажатие.
Больше не чего не меняем.
Code
function make(){
document.getElementById('html').innerHTML +='<!--UcozOn banner1--><a title="Видео уроки для uCoz" target="_blank" href="http://ucozon.ru"><img border="0px" alt="Видео уроки для uCoz" src="http://ucozon.ru/SCRIN1/88x31_'+document.getElementById('zapet').value+'.gif"></a><!--/UcozOn banner1-->';
document.getElementById('htm').style.display = 'block';
document.getElementById('htm1').style.display = 'block';
document.getElementById('htm0').style.display = 'block';}
function make1(){
document.getElementById('html').innerHTML +='<!--UcozOn banner2--><a title="Видео уроки для uCoz" target="_blank" href="http://ucozon.ru"><img border="0px" alt="Видео уроки для uCoz" src="http://ucozon.ru/SCRIN1/88x31_'+document.getElementById('zapet1').value+'.gif"></a><!--/UcozOn banner2-->';
document.getElementById('htm').style.display = 'block';
document.getElementById('htm1').style.display = 'block';
document.getElementById('htm0').style.display = 'block';}
function make2(){
document.getElementById('html').innerHTML +='<!--UcozOn banner3--><a title="Видео уроки для uCoz" target="_blank" href="http://ucozon.ru"><img border="0px" alt="Видео уроки для uCoz" src="http://ucozon.ru/SCRIN1/88x31_'+document.getElementById('zapet2').value+'.gif"></a><!--/UcozOn banner3-->';
document.getElementById('htm').style.display = 'block';
document.getElementById('htm1').style.display = 'block';
document.getElementById('htm0').style.display = 'block';}
этот скрипт вставляем в то место где будет кнопка вызова окна
Code
<a href="javascript://" onclick="baner_knopka();"><blink>Взять кнопку сайта </blink></a>
автор mdbaner
сайт автора http://ucozon.ru/
нимание Наша кнопка в окне ajax трех типов как на сайте ucozon является собственностью сайта ucozon.ru
при копирование материала указывать источник ucozon.ru кликабельнои ссылкой обязательно!