Лента Каталог Файлы Форумы Услуги
ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
83   •   Посмотреть все темы

Цветовая палитра!

 
1 2

11
PixeJl @PixeJl
Всем привет. Помогите пожалуйста как сделать цветовую палитру.. когда зашел на чат там есть настройки тоисть (цвет ника, текста, авка...) и там надо писать № цвета..
Так вот подскажите как сделать по другому. Типо нажимаешь на на что-то и выскакивает сразу палитра как выберешь цвет ник меняется.
Если кто то и знает.. напишите в точность что куда.. а то рехнусь. Заранее спасибо!

4619
11
PixeJl @PixeJl
Так помоги как это все сделать

607
schizzo @schizzo
PixeJl пишет:

Всем привет. Помогите пожалуйста как сделать цветовую палитру.. когда зашел на чат там есть настройки тоисть (цвет ника, текста, авка...) и там надо писать № цвета..
Так вот подскажите как сделать по другому. Типо нажимаешь на на что-то и выскакивает сразу палитра как выберешь цвет ник меняется.
Если кто то и знает.. напишите в точность что куда.. а то рехнусь. Заранее спасибо!

можно просто взять код палитры и втавить, и при выборе нужного цвета скопировать в строку.

11
PixeJl @PixeJl
Та єтоя знаю.. Но мне надо.. что-бы не заходить а просто сразу я видел там палитру

5923
Скайпи @Скайпи
<script>
$(document).ready(function(){

$('#colorpickerHolder').ColorPicker({flat: true});


$('#colorpickerField').ColorPicker({
onSubmit: function(hsb, hex, rgb) {
$('#colorpickerField').val(hex);
},
onBeforeShow: function () {
$(this).ColorPickerSetColor(this.value);
}
})
.bind('keyup', function(){
$(this).ColorPickerSetColor(this.value);
});



$('#colorSelector').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$('#colorSelector div').css('backgroundColor', '#' + hex);
}

});


});
</script>

11
PixeJl @PixeJl
Спс.. Только не смейтесь.. но куда его вставлять?

3445
Андрей @VitrOn
скачай этот файл, и залей его в корень чата **********
потом в настройках смени код со стандартного (там где параметры цвета ника и текста) на этот
<tr><td name=colortable>Настройка <br>ника/фразы</td><td>
<script>

</script>

<select onchange='selfield=this.value;'>
<option value=0>для ника<option value=1>для текста
</select>
<br>
<embed src=http://mpchat.com/blank/color.swf width=190 height=50>
<br>
<script>
var selfield=0;
function sendcolor(selcolor) {
if(selfield==0) document.set.colornick.value=selcolor.substr(1,6);
if(selfield==1) document.set.color.value=selcolor.substr(1,6);
setall();
}

var nickcolor='';
print='#<input type=text name=colornick size=6 maxlength=6 class=text value='+nickcolor+'> ';
document.write(print);

if(fontsize_on==1){
print='<select name=fontsize1 class=text onchange=setall()>';
for(i=1;i<5;i++) if(''==i) print+='<option value='+i+' selected>'+i; else print+='<option value='+i+'>'+i;
print+='</select> ';
document.write(print);
}

if(fontface_on==1){
print='<select name=fontface1 class=text onchange=setall()>';
for(i=0;i<jsfonts.length;i++) if(''==jsfonts[i]) print+='<option value='+i+' selected>'+jsfonts[i]; else print+='<option value='+i+'>'+jsfonts[i];
print+='</select> ';
document.write(print);
}
document.write('<br>');

var color='';
print='#<input type=text name=color size=6 maxlength=6 class=text value='+color+'> ';
document.write(print);

if(fontsize_on==1){
print='<select name=fontsize2 class=text onchange=setall()>';
for(i=1;i<5;i++) if(''==i) print+='<option value='+i+' selected>'+i; else print+='<option value='+i+'>'+i;
print+='</select> ';
document.write(print);
}

if(fontface_on==1){
print='<select name=fontface2 class=text onchange=setall()>';
for(i=0;i<jsfonts.length;i++) if(''==jsfonts[i]) print+='<option value='+i+' selected>'+jsfonts[i]; else print+='<option value='+i+'>'+jsfonts[i];
print+='</select> ';
document.write(print);
}
</script>

<div id=setform></div>
<script>setall();</script>
</td></tr>

11
PixeJl @PixeJl
Спс Все получилось)

39
Bra-kom @Bra-kom
Очень симпатично вышло. Только не пойму одного. Выбрал цвет, нажал Go
, но в графе ник кода цвета не вывелось. Можно ли это как-то изменить, или это глюк чата?

37
sfivty @sfivty
присоединяюсь Bra-kom!

20090
Dimitry @Dimitry
работает в IE уж точно

1410
Антон @tonik
А Опере- не работает...

20090
Dimitry @Dimitry
всё работаеи в опере и в фаерфоксе, проверил не раз, в моём чате по крайней мере **********

549
PlumLi @PlumLi
Пользователи жалуются что если что-либо изменять в настройках и после нажать "сохранить" то цвета выбранные ранее в этой палитре сбрасываются, можно как-то вылечить?

274
Павел @DJ_FANTASY
вылечить можно - внимательнее посмотри скрипт ********** и выдерни его. Я ещё очень давно его оттуда сам выдерал. Тоже были такие проблемы, но эт овсё из за того. что некоторые скрипты не довыдерал тогда 😀

549
PlumLi @PlumLi
ничего не понимаю, уже взял полностью весь код с ********** - все равно цветовые коды не сохраняются

20090
Dimitry @Dimitry
из шаблона если поможет

<html>
<head>
<Title>Настройки</title>
<META http-equiv='Content-Type' content='text/html; charset=windows-1251'>
<link rel='STYLESHEET' type='text/css' href='style.css'>
<script>
var print='';
function setall(){
if(document.set.fontsize1)
size1=" size="+document.set.fontsize1.value; else size1='';
if(document.set.colornick)
color1=" color="+document.set.colornick.value; else color1='';
if(document.set.fontface1)
face1=" face='"+jsfonts[document.set.fontface1.value]+"'"; else face1='';
if(document.set.fontsize2)
size2=" size="+document.set.fontsize2.value; else size2='';
if(document.set.color)
color2=" color="+document.set.color.value; else color2='';
if(document.set.fontface2)
face2=" face='"+jsfonts[document.set.fontface2.value]+"'"; else face2='';

out1="<a href=# onclick='return false;'><font "+size1+color1+face1+">%nick%</font></a>";
out2="<font "+size2+color2+face2+">мой текст в чате</font>";
document.getElementById("setform").innerHTML=out1+' '+out2;
}
</script>
</head>

<body class=set-body>
<center>
<b>Настройки</b>
<script>
if(saveok!='') {
if(saveok==0) print='<font color=red>Сохранение данных невозможно!</font><br>';
if(saveok==1) print='<font color=336699> Данные успешно сохранены!</font><br>';
if(saveok==2) print='<font color=336699> Данные успешно сохранены!</font><br><font color=red>Загрузка фотографии невозможна!</font><br>';
if(saveok==3) print='<font color=336699> Данные успешно сохранены!</font><br><font color=red>Загрузка аватора невозможна!</font><br>';


if(setpass=='0') print+='<font color=ff0000>Пароль не изменён. <br>(неправильно введён или пользователь незарег.)</font><br>';
if(setpass=='1') print+='<font color=336699>Пароль изменён. Перезайдите в чат!</font><br>';

print='<br>'+print+'<a href="javascript:window.close();">закрыть</a>';
document.write(print);
}
</script>
<form action='' method=post enctype="multipart/form-data" name=set onsubmit="document.set.submit.value='Подождите ...';document.set.submit.disabled=true;">
<input type=hidden name=save value=ok>
<input type=hidden name=id value=%id%>
<input type=hidden name=adminsess value=%adminsess%>

<table border=1><tr><td>Имя</td><td>

<input type=text name=name maxlength=20 class=text value='%name%'>

</td><tr><td>День рожд.</td><td>
<script>
var print='<select name=day class=text><option value="\">--</option>';
var sel='';
for(i=1;i<32;i++){
if(i<10) i0='0'+i; else i0=i;
if('%day%'==i) sel='selected'; else sel='';
print+='<option value='+i+' '+sel+'>'+i0+'</option>';
}
print+='</select> . <select name=month class=text><option value="\">--</option>';

for(i=1;i<13;i++){
if(i<10) i0='0'+i; else i0=i;
if('%month%'==i) sel='selected'; else sel='';
print+='<option value='+i+' '+sel+'>'+i0+'</option>';
}
print+='</select> . <select name=year class=text><option value="\">----</option>';

for(i=1951;i<2000;i++){
if('%year%'==i) sel='selected'; else sel='';
print+='<option value='+i+' '+sel+'>'+i+'</option>';
}
print+='</select>';

document.write(print);
</script>

</td><tr><td>Пол</td><td>

<script>
if('%mw%'==1) sel='selected'; else sel='';
print='<select name=mw class=text>';
print+='<option value=0>мужской</option>';
print+='<option value=1 '+sel+'>женский</option>';
print+='</select>';
document.write(print);
</script>

</td><tr><td>Страна</td><td>
<input type=text name=land maxlength=20 class=text value=%land%>
</td><tr><td>Город</td><td>
<input type=text name=stadt maxlength=40 class=text value=%stadt%>
</td><tr><td>Сайт</td><td>
<input type=text name=home class=text value=%home%>
</td><tr><td>Email</td><td>
<input type=text name=email class=text value='%email%'><br>
(при смене укажите старый пароль)<br>
<script>
if('%emailview%'==1) sel='checked'; else sel='';
print='<input type=checkbox name=emailview '+sel+'> - отображать в анкете<br>';
document.write(print);
if('%subscribe%'==1) sel='checked'; else sel='';
print='<input type=checkbox name=subscribe '+sel+'> - подписаться на рассылку';
document.write(print);
</script>
</td><tr><td>ICQ</td><td>
<input type=text name=icq maxlength=20 class=text value=%icq%>

</td><tr><td>О себе</td><td>

<textarea rows=3 cols=30 wrap=auto name=about >%about%</textarea>

</td>

<script>
if(icon_on==1){
var icon='%icon%';
print='<tr><td>Иконка</td><td><input name=icon class=text> - <a href=index.php?inc=icon target=_blank>выбрать номер</a><br>';
if(icon!='') print+='<img src='+icon+'>';
print+='</td></tr>';
document.write(print);
}
if(icon_on>1) {
var icon='%icon%';
if(icon_on==100) maxsize='128x32'; else maxsize=icon_on+'x'+icon_on;
print='<tr><td>Иконка(max '+maxsize+')</td><td><input name=icon type=file class=text><br>';
if(icon!='') print+='<img src='+icon+'><br><input name=icondel type=checkbox > - удалить<br>';
print+='</td></tr>';
document.write(print);
}

var foto='%foto%';
print='<tr><td>Фотография</td><td><input name=foto type=file class=text><br>';
if(foto!='-') print+='<a href='+foto+' target=_blank title="Посмотреть в полном размере"><img src='+foto+' width=150 border=0></a><br><input name=fotodel type=checkbox > - удалить';
print+='</td></tr>';
document.write(print);

if(avator_on==1){
var avator='%avator%';
print='<tr><td>Аватор на форуме</td><td><input name=avator type=file class=text><br>';
if(avator) print+='<img src='+avator+'><br><input name=avatordel type=checkbox > - удалить';
print+='</td></tr>';
document.write(print);
}

if(signature_on==1){
print='<tr><td>Подпись на форуме</td><td><input name=signature type=text maxlength=100 class=text value=\'%signature%\'></td></tr>';
document.write(print);
}
</script>
<tr><td name=colortable>Настройка <br>ника/фразы</td><td>
<script>

</script>

<select onchange='selfield=this.value;'>
<option value=0>для ника<option value=1>для текста
</select>
<br>
<embed src=http://mpchat.com/blank/color.swf width=190 height=50>
<br>
<script>
var selfield=0;
function sendcolor(selcolor) {
if(selfield==0) document.set.colornick.value=selcolor.substr(1,6);
if(selfield==1) document.set.color.value=selcolor.substr(1,6);
setall();
}

var nickcolor='%nickcolor%';
print='#<input type=text name=colornick size=6 maxlength=6 class=text value='+nickcolor+'> ';
document.write(print);

if(fontsize_on==1){
print='<select name=fontsize1 class=text onchange=setall()>';
for(i=1;i<5;i++) if('%fontsize1%'==i) print+='<option value='+i+' selected>'+i; else print+='<option value='+i+'>'+i;
print+='</select> ';
document.write(print);
}

if(fontface_on==1){
print='<select name=fontface1 class=text onchange=setall()>';
for(i=0;i<jsfonts.length;i++) if('%fontface1%'==jsfonts[i]) print+='<option value='+i+' selected>'+jsfonts[i]; else print+='<option value='+i+'>'+jsfonts[i];
print+='</select> ';
document.write(print);
}
document.write('<br>');

var color='%color%';
print='#<input type=text name=color size=6 maxlength=6 class=text value='+color+'> ';
document.write(print);

if(fontsize_on==1){
print='<select name=fontsize2 class=text onchange=setall()>';
for(i=1;i<5;i++) if('%fontsize2%'==i) print+='<option value='+i+' selected>'+i; else print+='<option value='+i+'>'+i;
print+='</select> ';
document.write(print);
}

if(fontface_on==1){
print='<select name=fontface2 class=text onchange=setall()>';
for(i=0;i<jsfonts.length;i++) if('%fontface2%'==jsfonts[i]) print+='<option value='+i+' selected>'+jsfonts[i]; else print+='<option value='+i+'>'+jsfonts[i];
print+='</select> ';
document.write(print);
}
</script>

<div id=setform></div>
<script>setall();</script>
</td></tr>
<tr><td>Поле1</td><td><input name=field1 class=text value='%field1%'></td></tr>
<tr><td>Поле2</td><td><input name=field2 class=text value='%field2%'></td></tr>
<tr><td>Изменить пароль</td><td>
<input type=password name=altpass class=text> - старый пароль <br>
<input type=password name=newpass class=text> - новый пароль
</td></tr>
</table><br>
<center><input type=submit name=submit value=Сохранить class=ok></center>
</form>
</center>
</body>
</html>

39
Bra-kom @Bra-kom
Не поможет))
Насколько я помню, я изменил 2 вещи:

В скриптах:
вместо
document.getElementById("setn").innerHTML=out1;
document.getElementById("setm").innerHTML=out2;
это
document.getElementById("setform").innerHTML=out1+' '+out2;

и
<embed src=http://mpchat.com/blank/color.swf width=190 height=50>

на
<embed src=**********color.swf width=190 height=50>

Остальное взял с ********** )

Отредактировано Bra-kom - 18.10.2010
20090
Dimitry @Dimitry
ну я щас исходник скопировал а вы брали через ХТМЛ код, а это не верно!