21 февр. 2012 г.

Blogger javascript

Мой blogger. Seo оптимизация

tweetn

Blogger javascript

Решила написать пост так как когда что то объясняешь,то начинаешь сам лучше понимать. Короче чтобы не запутаться хочу привести пару примеров которые возможно найдут применение на моем блоге uwblogger blogspot.
Пост находиться в стадии разработки/доработки

Я буду приводить код и то что получается:
<input id="l1"onclick="alert('Код 25МИТ3627162ТЕК5');" type="button" value="Нажми чтобы узнать код" />
и
<a HREF="http://mooi-blogger.blogspot.com" onClick="alert('Код 25МИТ3627162ТЕК5')">Узнать код и перейти на страницу</a>
и
<a href="http://mooi-blogger.blogspot.com"
onClick="alert('Code 1919191')";>Узнай код </a>


и
Узнать код и перейти на страницу
и
Узнай код
<a href="http://uwblogger.blogspot.com" onсlick=" window.location='http://uwblogger.blogspot.com/'; return false;">Перейти1</a>
и
<input TYPE='SUBMIT' VALUE='Перейти2' onclick="window.location='http://uwblogger.blogspot.com/';">
и
<a
href="http://uwblogger.blogspot.com"
onClick="return openWindow(this,'mypage')"
>My Page</a>

Перейти1
и

и
My Page

<input id="b1" onclick="alert('Спасибо!');" type="button" value="Нажми Меня" />
<input onclick="confirm( 'Did you fill out a 27B/6?' )" type="button" value="Press to Confirm" />


Вставлем javascript или в тело HTML(выше </head>) или в панель справа как java/HTML,
я вставлю в панель справа, так чтобы потом было проще убрать:

<script type="text/javascript">
var win = null;
var ua = navigator.userAgent;
function nwin(page,name,w,h,pos,infocus)
{
if (pos == "own")
{
pleft = (screen.width-w);
ptop = (screen.height-h);
}
if ((ua.indexOf("MSIE") >=0) || (ua.indexOf("Chrome") >=0))
{
var h=(h*1+53*1);
var w=(w*1-5*1);
}
settings = "width=" + w + ",height=" + h + ",top=" + ptop + ",left=" + pleft + ",scrollbars=yes,resizable=yes"; win=window.open(page,name,settings);
win.focus();
}
</script>
Теперь там где вы хотите использовать этот скрипт вставляем:

<a onclick="nwin('http://uwblogger.blogspot.com/','wa','550','300','own','front'); alert('Код: 112gfhdgsbsvc'); tracker1.submit();" title="Пример по использованию onclick" class=cd  rel=nofollow>Жми здесь не ошибешься!
</a>
Жми здесь не ошибешься!

или
<a onclick="nwin('http://uwblogger.blogspot.com/2012/02/actions-photoshop.html','wa','550','300','own','front'); nwin('http://1.bp.blogspot.com/-Nq1kGt1IBbA/Ty2shMwM-XI/AAAAAAAAA2Q/A3wMndf7pDc/s640/7.png','wb','550','300','own','front'); tracker1.submit();" title="Uwblogger: Как автоматизировать подпись изображений" class=cd rel=nofollow>Подпись изображений action</a>

Подпись изображений action

Обработчики событий JavaScript команд и примеры.

* OnMouseOver - создает событие, когда мышь проходит над активными текст или изображение.
* onMouseOut - создает событие при наведении курсора мыши снимается активной изображение текста.
* onClick - создает событие, когда щелкнули на активный текст или изображение .
* alert - это всплывает диалоговое окно, содержащее текст и кнопку ОК.

Если мы возьмем пример и вместо  onclick поставим onMouseOver, то будем наблюдать такую картину:

<input onclick="alert('Код 999');" type="button" value="Узнать код" />
и
<input onMouseOver="alert('Код 999');" type="button" value="Узнать код" />

и


Или так
<a hreft="http://uwblogger.blogspot.com"
onMouseOver="parent.location='http://mooi-blogger.blogspot.com'";>Перейти на блог</a>
Перейти на блог




Cкопировать в буфер обмена оказалось не так просто как я думала, будем искать
Очень простой и хорощий прием:

function copyToClipboard (text) {
  window.prompt ("Copy to clipboard: Ctrl+C, Enter", text);
}

================
В панельс справа, java script:

<script type="text/javascript">
var win = null;
var ua = navigator.userAgent;
function nwin1(page,name,w,h,pos,infocus)
{
if (pos == "own")
{
pleft = (screen.width-w);
ptop = (screen.height-h);
}
if ((ua.indexOf("MSIE") >=0) || (ua.indexOf("Chrome") >=0))
{
var h=(h*1+53*1);
var w=(w*1-5*1);
}
{
var page1='http://twitter.com/'+page

}
settings = "width=" + w + ",height=" + h + ",top=" + ptop + ",left=" + pleft + ",scrollbars=yes,resizable=yes"; win=window.open(page1,name,settings);
win.focus();
}
</script>

В тексте:
<a onclick="nwin1('mooiblogger','wa','550','300','own','front'); alert('Код: 112gfhdgsbsvc'); tracker1.submit();" title="onclick" class=cd  rel=nofollow>HET IS HIER
</a>

HET IS HIER



=======================
<a class="Lol" title="Lol proba" onclick="this.innerHTML='LOL LOL'; alert('Ihr Lol:\n\n' + 'LOL LOL LOL' + '\n\n\Sie werden lol')" href="http://uwblogger.blogspot.com/p/terms.html" rel="nofollow" target="_blank">Lol anzeigen</a><br />
</span>

Lol anzeigen

=======================
Меню с картинками на блогспот
Blogger javascript onclick