Программирование > JavaScript & JScript
Построение строки текста с сылкой на функцию...
(1/1)
tarya:
У меня есть мысль, но заранее решил спросить у вас совета.
У меня есть чат,.. ну и как всегда там есть страница в которой все как бы говорят - тоесть лог разговора.
пример:
<table><tr>
<td>
<font color ="#224298" ><a class ="link2"href=\'javascript:addtime("18:22:20")\'>18:22:20</a> <a class ="link2"href=\'javascript:call("tarya")\'><b>tarya</b></a>: <b>malyava</b>, занятой немного, отвлекаюсь</font></td>
</tr>
</table>
это как бы одно сообщение одного юзера.
Решил я подумать и оптимизировать код для того чтоб меньше грузить - быстрее работает.
решил переделать все через CSS и JS.
поковырял немного, получилось:
<p id="FF8000">
<a =\'javascript:addtime("18:22:20")\'>18:22:20</a> <a href=\'javascript:call("tarya")\'>tarya</a>: malyava, занятой немного, отвлекаюсь
</p>
вопрос вот в чем: - реально ли сделать небольшую фунуцию которая бы строила подобный текст а я в нее как параметры передавал только (FF8000 - цвет которым пишет чел), (18:22:20-время), (tarya - ник), (malyava, занятой немного, отвлекаюсь - само сообщение).
Благодарствую за помощь и подсказки.
Спасибо.
tarya:
все, сам и написал все, можно тему закрыть.
Спасибо Таря
Макс:
на форумах принято показівать решение, если ты сам решил проблему
tarya:
Извиняюсь за неграмотность.
Тестовый вариант, дорабатываю немного.
function w(color, time, nike, text)
{
document.write(\'<p style="color: #\'+color+\';">\');
document.write(\'<a href=\\\'javascript:addtime("\'+time+\'")\\\'>\'+time+\'</a> \');
document.write(\'<a href=\\\'javascript:call("\'+nike+\'")\\\'>\'+nike+\'</a>: \');
document.write(text);
document.write(\'</p>\');
}
вызывается:
<SCRIPT>
w("FF8000", "18:22:20", "Вася322321", "бла бла бла бла45565465 5656 65664 55656 656 6");
w("DA8000", "18:23:20", "Вася", "бла бла б4342423424fdfdsfdsfdsdfd5465 5656 65664 55656 656 6");
получается все по уму. Скажу что если ранее на построение лога в среднем уходило по моему конкретному примеру 14,6 кб - сейчас 3,37 кб. - думаю сужественная разница.
Сейчас делаю (тыпаюсь) на лету заменять ссылки на картинки тегом. тоесть %smile/% заменить на полный тег
tarya:
доработал - вместе с смайликами:
Смайлики с текстом %smiles!% - заменяется на полный тег
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<STYLE>
p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-decoration: none;
margin: 0 3px 0 0;
padding: 0em;
}
</STYLE>
<SCRIPT>
function call(name)
{
parent.chatform.document.chatform.name.value = name;
parent.chatform.document.chatform.formbody.focus();
}
function addtime(time)
{
obj=parent.document.chatform.formbody;
obj.value += " "+time+" ";
parent.document.all.chatform.formbody.focus();
}
function ReplaceDemo(ss)
{
var r, re;
re = /%/g;
ree = /!%/g;
r = ss.replace(ree, \'.gif" border="0" align="absmiddle"> \');
r = r.replace(re, \'<img src="images/c/\');
return(r);
}
function w(color, time, nike, text)
{
document.write(\'<p style="color: #\'+color+\';">\');
document.write(\'<a href=\\\'javascript:addtime("\'+time+\'")\\\'>\'+time+\'</a> \');
document.write(\'<a href=\\\'javascript:call("\'+nike+\'")\\\'>\'+nike+\'</a>: \');
document.write(ReplaceDemo(text));
document.write(\'</p>\');
}
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<SCRIPT>
w("FF8000", "18:22:20", "Вася322321", "бла бла бла бла45565465 %smile!%%smile!%%smile!% 65664 55656 656 6");
w("DA8000", "18:23:20", "Вася", "бла бла б4342423424fdfdsfdsfdsdfd5465 5656 65664 55656 656 6");
w("000", "18:24:20", "В3errewrwя", "бла бла %smile!% бла45565465 5dfdsfdsfdsfs fgd fdsfdsg fgf sdfd656 %smile!% 55656 656 6 бла бла бла бла45565465 5dfdsfdsfdsfs fgd fdsfdsg fgf sdfd656 65664 55656 656 6бла бла бла бла45565465 5dfdsfdsfdsfs fgd fdsfdsg fgf sdfd656 65664 55656 656 6бла бла бла бла45565465 5dfdsfdsfdsfs fgd fdsfdsg fgf sdfd656 65664 55656 656 6бла бла бла бла45565465 5dfdsfdsfdsfs fgd fdsfdsg fgf sdfd656 65664 55656 656 6бла бла бла бла45565465 5dfdsfdsfdsfs fgd fdsfdsg fgf sdfd656 65664 55656 656 6бла бла бла бла45565465 5dfdsfdsfdsfs fgd fdsfdsg fgf sdfd656 65664 55656 656 6");
w("FF8099", "18:25:50", "Вewr", "бла бла бла бла45dsfdsfsfds fhfsdk fdsjhf skf656 6");
w("D900D9", "18:26:20", "Вddfdfся", "бла бла %smile!% бла45565465 5656 65664 55656 656 6");
w("FF6600", "18:27:28", "Ваfdsdsffся", "бла бла бла бла45565465 5656 65664 55656 656 6");
</SCRIPT>
</body>
</html>
Навигация
Перейти к полной версии