Кнопка ВКонтакте
 

Создал кнопку в javascript

var btn = document.createElement (('v' == '\v') ? '<input name="myName">' : 'input'); btn.name = 'myName';
btn.type = 'button';
btn.id = 'myUniqueID';
btn.value = 'Кнопка';
btn.style.cssText = 'color: red; ...';
 
document.getElementById ('im_send_wrap').appendChild (btn);

По сути, он должен добавить кнопку после кнопки "Отправить", но он делает так:

как сделать что-бы кнопка стаяла компактно где нибудь рядом с "Отправить"?

Исправил код на

var btn = document.createElement (('v' == '\v') ? '<input name="myName">' : 'input'); btn.name = 'myName';
btn.type = 'button';
btn.id = 'myUniqueID';
btn.value = 'Кнопка';
btn.style.cssText = 'color: red; ...';
 
document.getElementById ('im_rc_em_D83DDE33').parentNode.insertBefore (btn, document.getElementById ('im_rc_em_D83DDE33'));

теперь кнопка стоит перед первым смайликом. Но теперь проблема в том, что кнопка как то выбивается из композиции. Как сделать её по стилю такой же как кнопка "Отправить"?

очевидно посмотреть на стили этой кнопки и применить к своей

мне интересно это
что за сравнение?

конкретно про это сравнение не нашёл, но
https://developer.mozilla.org/en-US/....createElement
понятно, что до Gecko 2.0 createElement можно было юзать нестандартным образом в режиме совместимости, а начиная с Gecko 2.0 этого эффекта уже не получить

про символ вертикальной табуляции я тоже в курсе \v

Логично, но кнопка выгладит вот так

<div class="button_blue im_send_cont fl_l">
<button id="im_send" onclick="IM.send()">Отправить</button>
</div>

И где тут взять стиль?

в отладчике (хрома например)

ответь лучше откуда ты нарыл про 'v' == '\v'

тс пропал, но очевидно он сам не знает (код достался по наследству от дедушки, а тот не предполагал, что через пару лет поддержку Gecko < 2.0 никто осуществлять не будет)
мамонты тоже вымерли/не читают подобных тем
поэтому оставим диггерам информацию о том, с какого х-я символ v должен быть равен вертикальной табуляции :D

сказал bes и нашёл вот эту статью http://habrahabr.ru/post/50544/
очевидно в Gecko < 2.0 была такая же ситуация, а IE тогда ещё не было дедушка не поддерживал IE :D

bes, я не отвечал пару дней т.к. временно находился без сети. Что касается дедушки ты возможно прав, т.к. я неосмысленно слил этот скрипт с какого то форума. Со стилем конечно нубанул, но сейчас что то примерное есть. В принципе тема насколько возможно решена, теперь мне просто осталось поиграть с стилем.
P.S.если руки разогнутся, и кнопка получится идеальной, выложу код.

почти один в один ;)

<style>
.button_blue button {
	border-top-color: #789ABF;
	border-bottom-color: #5980A9;
	border-left-color: #5980A9;
	border-right-color: #5980A9;
	color: #FFF;
	text-shadow: 0 1px 0 #45688E;
	background: url(http://st0.vk.me/images/button_vk.png) #6181a6 repeat-x top;
	background-position: 0px -16px;
	padding: 5px 14px 6px;
	border: 1px solid;
	font-size: 11px;
	cursor: pointer;
	outline: none;
	font-family: tahoma;
	border-radius: 2px;
}
.button_blue button:hover {
	background-position: 0px -8px;
}
.button_blue button:active {
	background: #5e80a5;
}
</style>
<div class="button_blue button_wide button_big" id="quick_auth_button">
	<button id="quick_login_button">Войти</button>
</div>