Дракошина разработка на предмет подсчёта соционических характеристик в типе или их совокупности.
[html:3ae384c8d4]
<style>
<!--
table.socmain {
border: 2 solid black;
align: center;
valign: middle;
cursor: pointer;
}
th.socmain {
border: 1 none black;
text-align: center;
vertical-align: middle;
background-image: none;
}
td.socmain {
border: 1 solid darkgray;
text-align: center;
vertical-align: middle;
width: 100px;
height: 100px;
font-family: Prestige, sans-serif;
font-size: 14px;
font-weight: bold;
color: darkblue;
background-color: white;
}
td.socmainsel {
border: 1 solid darkgray;
text-align: center;
vertical-align: middle;
width: 100px;
height: 100px;
font-family: Prestige, sans-serif;
font-size: 14px;
font-weight: normal;
font-weight: bold;
color: lightyellow;
background-color: darkblue;
}
td.socmain0 {
border: 1 solid darkgray;
text-align: center;
vertical-align: middle;
width: 100px;
height: 100px;
font-family: Prestige, sans-serif;
font-size: 14px;
font-weight: bold;
color: darkblue;
background-color: white;
}
td.socmain1 {
border: 1 solid darkgray;
text-align: center;
vertical-align: middle;
width: 100px;
height: 100px;
font-family: Prestige, sans-serif;
font-size: 14px;
font-weight: bold;
color: darkblue;
background-color: #CCFFFF;
}
td.socmain2 {
border: 1 solid darkgray;
text-align: center;
vertical-align: middle;
width: 100px;
height: 100px;
font-family: Prestige, sans-serif;
font-size: 14px;
font-weight: bold;
color: darkblue;
background-color: #66CCCC;
}
td.socmain3 {
border: 1 solid darkgray;
text-align: center;
vertical-align: middle;
width: 100px;
height: 100px;
font-family: Prestige, sans-serif;
font-size: 14px;
font-weight: bold;
color: darkblue;
background-color: #339999;
}
td.socmain4 {
border: 1 solid darkgray;
text-align: center;
vertical-align: middle;
width: 100px;
height: 100px;
font-family: Prestige, sans-serif;
font-size: 14px;
font-weight: bold;
color: darkblue;
background-color: #336666;
}
-->
</style>
<script language=JavaScript type='text/javascript'>
<!--
var f1 = new Array(1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0);
var f2 = new Array(1,1,1,1,0,0,0,0,1,1,1,1,0,0,0,0);
var f3 = new Array(1,1,0,0,1,1,0,0,1,1,0,0,1,1,0,0);
var f4 = new Array(1,0,0,1,1,0,0,1,1,0,0,1,1,0,0,1);
function cellselect () {
id=event.srcElement.id;
if (!id) return;
cell=document.getElementById(id);
if (cell.className=="socmainsel") {
cell.className="socmain";
} else {
cell.className="socmainsel";
}
cf10=0; cf20=0; cf30=0; cf40=0;
cf11=0; cf21=0; cf31=0; cf41=0;
issel=0; nextnum=1;
while (next=document.getElementById('p'+nextnum++)) {
if (next.className=="socmainsel") {
cf10+=f1[nextnum-2];
cf20+=f2[nextnum-2];
cf30+=f3[nextnum-2];
cf40+=f4[nextnum-2];
cf11+=1-f1[nextnum-2];
cf21+=1-f2[nextnum-2];
cf31+=1-f3[nextnum-2];
cf41+=1-f4[nextnum-2];
issel=1;
}
}
// alert('Рац:'+cf10+', Ирр:'+cf11+', Экстр:'+cf20+', Интр:'+cf21+', Сенс:'+cf30+', Инт:'+cf31+', Лог:'+cf40+', Этика:'+cf41);
document.getElementById('f10').innerText = cf10;
document.getElementById('f20').innerText = cf20;
document.getElementById('f30').innerText = cf30;
document.getElementById('f40').innerText = cf40;
document.getElementById('f11').innerText = cf11;
document.getElementById('f21').innerText = cf21;
document.getElementById('f31').innerText = cf31;
document.getElementById('f41').innerText = cf41;
nextnum=1;
while (next=document.getElementById('p'+nextnum++)) {
if (next.className!="socmainsel") {
if (issel) {
sum = 0;
sum += (f1[nextnum-2]) ? (cf10 ? 1 : 0) : ( cf11 ? 1 : 0);
sum += (f2[nextnum-2]) ? (cf20 ? 1 : 0) : ( cf21 ? 1 : 0);
sum += (f3[nextnum-2]) ? (cf30 ? 1 : 0) : ( cf31 ? 1 : 0);
sum += (f4[nextnum-2]) ? (cf40 ? 1 : 0) : ( cf41 ? 1 : 0);
next.className="socmain"+sum;
} else {
next.className="socmain";
}
}
}
}
-->
</script>
<table width=100% height=100% border=0 onclick="javascript
:cellselect();">
<tr valign=middle><td align=center>
<table class=socmain>
<tr>
<th class=socmain></th>
<th class=socmain>СЛ</th>
<th class=socmain>СЭ</th>
<th class=socmain>ИЭ</th>
<th class=socmain>ИЛ</th>
</tr>
<tr>
<th class=socmain>РЭ</th>
<td id=p1 class=socmain>Штирлиц</td>
<td id=p2 class=socmain>Гюго</td>
<td id=p3 class=socmain>Гамлет</td>
<td id=p4 class=socmain>Джек</td>
</tr>
<tr>
<th class=socmain>РИ</th>
<td id=p5 class=socmain>Максим</td>
<td id=p6 class=socmain>Драйзер</td>
<td id=p7 class=socmain>Достоевский</td>
<td id=p8 class=socmain>Робеспьер</td>
</tr>
<tr>
<th class=socmain>ИЭ</th>
<td id=p9 class=socmain>Жуков</td>
<td id=p10 class=socmain>Цезарь</td>
<td id=p11 class=socmain>Гексли</td>
<td id=p12 class=socmain>Дон-Кихот</td>
</tr>
<tr>
<th class=socmain>ИИ</th>
<td id=p13 class=socmain>Габен</td>
<td id=p14 class=socmain>Дюма</td>
<td id=p15 class=socmain>Есенин</td>
<td id=p16 class=socmain>Бальзак</td>
</tr>
</table>
<table border=0 width=400px>
<tr>
<td width=25%>Рац: <b id=f10>0[/b]</td>
<td width=25%>Экстр: <b id=f20>0[/b]</td>
<td width=25%>Сенс: <b id=f30>0[/b]</td>
<td width=25%>Логика: <b id=f40>0[/b]</td>
</tr>
<tr>
<td width=25%>Ирр: <b id=f11>0[/b]</td>
<td width=25%>Интр: <b id=f21>0[/b]</td>
<td width=25%>Инт: <b id=f31>0[/b]</td>
<td width=25%>Этика: <b id=f41>0[/b]</td>
</tr>
</table>
</td></tr>
</table>
[/html:3ae384c8d4]
Нажимаешь на тип и получаешь единички на то, что у него есть и нолики на то, чего нет.
Нажимаешь на два и больше типов - получаешь, что есть у них в совокупности.
Да, ещё про цвета (Дракоша допиши здесь)
Белый - конфликтёр.
....
База данных соционики
Комбинированный вид
