Показать сообщение отдельно
  #1 (permalink)  
Старый 19.07.2015, 13:53
Новичок на форуме
Отправить личное сообщение для kudy Посмотреть профиль Найти все сообщения от kudy
 
Регистрация: 19.07.2015
Сообщений: 1

Бегунок JS. помогите
// Смайлики.
SMILES = [];

function addSmile(regexp, img, title, past){
	var smile = {"regexp": regexp, "img": img, "title": title, "past": past};
	SMILES[SMILES.length] = smile;
}

caseChatLine = $Create('div', 'caseChatLine', '');
$id('chatwrap').appendChild(caseChatLine);
caseChatLine.appendChild($id('chatline'));

smilesBtn = $Create('div', 'smiles-btn', '');
smilesBtn.innerHTML = '☺';
smilesBtn.onclick = function(){
	ShowHideID('smile-menu');
	$id('smile-menu').style.top = $id('chatline').offsetTop - $id('smile-menu').offsetHeight + 'px';
}
caseChatLine.insertBefore(smilesBtn, $id('chatline'));

addSmile(/\$sm0sm\$/g, 'http://smayly.ru/gallery/anime/Catail/1.gif', 'Cat1', '$sm0sm$');
addSmile(/\$sm1sm\$/g, 'http://smayly.ru/gallery/anime/Catail/2.gif', 'Cat2', '$sm1sm$');
addSmile(/\$sm2sm\$/g, 'http://smayly.ru/gallery/anime/Catail/3.gif', 'Cat3', '$sm2sm$');
addSmile(/\$sm3sm\$/g, 'http://smayly.ru/gallery/anime/Catail/4.gif', 'Cat4', '$sm3sm$');
addSmile(/\$sm4sm\$/g, 'http://smayly.ru/gallery/anime/Catail/5.gif', 'Cat5', '$sm4sm$');
addSmile(/\$sm5sm\$/g, 'http://smayly.ru/gallery/anime/Catail/6.gif', 'Cat6', '$sm5sm$');
addSmile(/\$sm6sm\$/g, 'http://smayly.ru/gallery/anime/Catail/7.gif', 'Cat7', '$sm6sm$');
addSmile(/\$sm7sm\$/g, 'http://smayly.ru/gallery/anime/Catail/8.gif', 'Cat8', '$sm7sm$');
addSmile(/\$sm8sm\$/g, 'http://smayly.ru/gallery/anime/Catail/9.gif', 'Cat9', '$sm8sm$');
addSmile(/\$sm9sm\$/g, 'http://smayly.ru/gallery/anime/Catail/10.gif', 'Cat10', '$sm9sm$');
addSmile(/\$sm10sm\$/g, 'http://smayly.ru/gallery/anime/Catail/11.gif', 'Cat11', '$sm10sm$');
addSmile(/\$sm11sm\$/g, 'http://smayly.ru/gallery/anime/Catail/12.gif', 'Cat12', '$sm11sm$');
addSmile(/\$sm12sm\$/g, 'http://smayly.ru/gallery/anime/Catail/13.gif', 'Cat13', '$sm12sm$');
addSmile(/\$sm13sm\$/g, 'http://smayly.ru/gallery/anime/Catail/14.gif', 'Cat14', '$sm13sm$');
addSmile(/\$sm14sm\$/g, 'http://smayly.ru/gallery/anime/Catail/15.gif', 'Cat15', '$sm14sm$');
addSmile(/\$sm15sm\$/g, 'http://smayly.ru/gallery/anime/Catail/16.gif', 'Cat16', '$sm15sm$');
addSmile(/\$sm16sm\$/g, 'http://smayly.ru/gallery/anime/Catail/17.gif', 'Cat17', '$sm16sm$');
addSmile(/\$sm17sm\$/g, 'http://smayly.ru/gallery/anime/Catail/18.gif', 'Cat18', '$sm17sm$');
addSmile(/\$sm18sm\$/g, 'http://smayly.ru/gallery/anime/Catail/19.gif', 'Cat19', '$sm18sm$');
addSmile(/\$sm19sm\$/g, 'http://smayly.ru/gallery/anime/Catail/20.gif', 'Cat20', '$sm19sm$');
addSmile(/\$sm20sm\$/g, 'http://smayly.ru/gallery/anime/Catail/21.gif', 'Cat21', '$sm20sm$');
addSmile(/\$sm21sm\$/g, 'http://smayly.ru/gallery/anime/Catail/22.gif', 'Cat22', '$sm21sm$');
addSmile(/\$sm22sm\$/g, 'http://smayly.ru/gallery/anime/Catail/23.gif', 'Cat23', '$sm22sm$');
addSmile(/\$sm23sm\$/g, 'http://smayly.ru/gallery/anime/Catail/24.gif', 'Cat24', '$sm23sm$');
addSmile(/\$sm24sm\$/g, 'http://smayly.ru/gallery/anime/Catail/25.gif', 'Cat25', '$sm24sm$');
addSmile(/\$sm25sm\$/g, 'http://smayly.ru/gallery/anime/Catail/26.gif', 'Cat26', '$sm25sm$');
addSmile(/\$sm26sm\$/g, 'http://smayly.ru/gallery/anime/Catail/27.gif', 'Cat27', '$sm26sm$');
addSmile(/\$sm27sm\$/g, 'http://smayly.ru/gallery/anime/Catail/28.gif', 'Cat28', '$sm27sm$');
addSmile(/\$sm28sm\$/g, 'http://smayly.ru/gallery/anime/Catail/29.gif', 'Cat29', '$sm28sm$');
addSmile(/\$sm29sm\$/g, 'http://smayly.ru/gallery/anime/Catail/30.gif', 'Cat30', '$sm29sm$');
addSmile(/\$sm30sm\$/g, 'http://smayly.ru/gallery/anime/Catail/31.gif', 'Cat31', '$sm30sm$');
addSmile(/\$sm31sm\$/g, 'http://smayly.ru/gallery/anime/Catail/32.gif', 'Cat32', '$sm31sm$');
addSmile(/\$sm32sm\$/g, 'http://smayly.ru/gallery/anime/Catail/33.gif', 'Cat33', '$sm32sm$');
addSmile(/\$sm33sm\$/g, 'http://smayly.ru/gallery/anime/Catail/34.gif', 'Cat34', '$sm33sm$');
addSmile(/\$sm34sm\$/g, 'http://smayly.ru/gallery/anime/Catail/35.gif', 'Cat35', '$sm34sm$');
addSmile(/\$sm35sm\$/g, 'http://smayly.ru/gallery/anime/Catail/36.gif', 'Cat36', '$sm35sm$');
addSmile(/\$sm36sm\$/g, 'http://smayly.ru/gallery/anime/Catail/37.gif', 'Cat37', '$sm36sm$');
addSmile(/\$sm37sm\$/g, 'http://smayly.ru/gallery/anime/Catail/38.gif', 'Cat38', '$sm37sm$');
addSmile(/\$sm38sm\$/g, 'http://smayly.ru/gallery/anime/Catail/39.gif', 'Cat39', '$sm38sm$');
addSmile(/\$sm39sm\$/g, 'http://smayly.ru/gallery/anime/Catail/40.gif', 'Cat40', '$sm39sm$');
addSmile(/\$sm40sm\$/g, 'http://smayly.ru/gallery/anime/Catail/41.gif', 'Cat41', '$sm40sm$');
addSmile(/\$sm41sm\$/g, 'http://smayly.ru/gallery/anime/Catail/42.gif', 'Cat42', '$sm41sm$');
addSmile(/\$sm42sm\$/g, 'http://smayly.ru/gallery/anime/Catail/43.gif', 'Cat43', '$sm42sm$');
addSmile(/\$sm43sm\$/g, 'http://smayly.ru/gallery/anime/Catail/44.gif', 'Cat44', '$sm43sm$');
addSmile(/\$sm44sm\$/g, 'http://smayly.ru/gallery/anime/Catail/45.gif', 'Cat45', '$sm44sm$');
addSmile(/\$sm45sm\$/g, 'http://smayly.ru/gallery/anime/Catail/46.gif', 'Cat46', '$sm45sm$');
addSmile(/\$sm46sm\$/g, 'http://smayly.ru/gallery/anime/Catail/47.gif', 'Cat47', '$sm46sm$');
addSmile(/\$sm47sm\$/g, 'http://smayly.ru/gallery/anime/Catail/48.gif', 'Cat48', '$sm47sm$');

API_ADDWELL('smile-menu', function(OBJ){
	OBJ.style.display = 'none';
	OBJ.style.position = 'absolute';
	OBJ.style.zIndex = '10';
	caseChatLine.insertBefore(OBJ, $id('chatline'));
	for(var i = 0; i < SMILES.length; i++){
		var TMP = $Add('img', 'smile-' + i, 'smile', 'smile-menu');
		TMP.src = SMILES[i].img;
		TMP.title = SMILES[i].title;
	}
	OBJ.innerHTML += '<button data-dismiss="modal" aria-hidden="true" class="close" onclick="this.parentNode.style.display = \'none\'">×</button>';
});

API_CLASSCLICKEVENTADD(function(TARGET, CLS){
	if(CLS == 'smile'){
		var smid = TARGET.target.id.replace('smile-','');
		$id('chatline').value += SMILES[smid].past;
		ShowHideID('smile-menu');
		$id('chatline').focus();
	}
});

API_PREFIXMESSAGE(function(data, last){
	for(var i = 0; i < SMILES.length; i++){
		data.msg = data.msg.replace(SMILES[i].regexp, '<img src="' + SMILES[i].img + '" title="'+ SMILES[i].title +'">');
	}
});


Если добавить много "смайликов" то рамка уходит в вверх мне нужен бегунок чтоб рамка была определённого размера.
Ответить с цитированием