Главная arrow icon Вопросы arrow icon Технологии arrow icon Создание сайтов arrow icon Почему не работает?

Почему не работает? - вопрос №1014918

<!-- Смотри комментарии -->

<!DOCTYPE html>

<html><head><title>EditLabel</title></head>

<body id=«mybody» onresize=«changesizewindow()»>

<script type=«text/JavaScript» language=«JavaScript»>

var startX; var startY; var deltaX; var deltaY; var element = ''; var myshape = new String; var firstclick = true;

var data = new Array(4096); var brush = 'blue'; var s = new String; var x; var y; var i; var c; var labelisleft = true;

myshape = 'point';//'line';

var tmp = myshape=='point'?'point':'line';

var second; var strbar = new String; var refreshIntervalId;

</script>

<script type=«text/JavaScript» language=«JavaScript»>

//--------------------------------------------------------------------------------------------------------------------------------------
//  not show не высвечивает
//--------------------------------------------------------------------------------------------------------------------------------------
start( (document.body.clientWidth-130)/64, (document.body.clientHeight-130)/32 );

</script>

</body>

<script type=«text/JavaScript» language=«JavaScript»>

function selectbrushmouseleft(color)
{

brush = color;
document.getElementById('brushcolormouseleft').style.backgroundColor = brush;

}

function selectbrushmouseright(color)
{

brush = color;
document.getElementById('brushcolormouseright').style.backgroundColor = brush;

}

function progress()
{

alert('bt'); // false

second += 1;
strbar = 'progress: ';
//--------------------------------------------------------------------------------------------------------------------------------------
//  not show <font… не высвечивает
//--------------------------------------------------------------------------------------------------------------------------------------
for(c=0;c<second;c++) { strbar += '<font style=«color: red»><sub>*</sub></font>' };
document.getElementById('progressbar').innerHTML = strbar;

}

function labelleft()
{

alert('ll'); // true

second = 0;
refreshIntervalId = setInterval(progress, 700);
for( i = 0; i < 2048; i++) { document.getElementById(i).style.backgroundColor = document.getElementById(i+5000).style.backgroundColor };
clearInterval(refreshIntervalId);
document.getElementById('progressbar').innerHTML = 'progress';
labelisleft = true;

}

function labelright()
{

alert('lr');// true

second = 0;
refreshIntervalId = setInterval(progress, 700);
for( i = 0; i < 2048; i++) { document.getElementById(i).style.backgroundColor = document.getElementById(i+10000).style.backgroundColor };
clearInterval(refreshIntervalId);
document.getElementById('progressbar').innerHTML = 'progress';
labelisleft = false;

}

function mousemove(targetEvent)
{

alert('mm'); // false

deltaX = targetEvent.clientX — startX;
deltaY = targetEvent.clientY — startY;

if (deltaX<0) deltaX = deltaX*(-1);
if (deltaY<0) deltaY = deltaY*(-1);

if (deltaX<deltaY)
{

alert('mm x<y'); // false

step=deltaY/deltaX
for(x=0;x<deltaX;x++) { for(y=0;y<step;y++) { document.all[element+x+y*64].style.backgroundColor = brush } };

}
else
{

alert('mm x>y'); //false

step=deltaX/deltaY
for(y=0;y<deltaY;y++) { for(x=0;x<step;x++) { document.all[element+x+y*64].style.backgroundColor = brush } };

};

}

//--------------------------------------------------------------------------------------------------------------------------------------
// нет вызова draw...
//--------------------------------------------------------------------------------------------------------------------------------------
function draw(targetId, targetEvent)
{

alert('draw');

switch(myshape)
{

case 'point':

alert('point'); //false

document.getElementById(targetId).style.backgroundColor = brush;

if (labelisleft) { document.getElementById(targetId+5000).style.backgroundColor = brush }
else { document.getElementById(targetId+10000).style.backgroundColor = brush };

break;

case 'line':

alert('line'); //false

if (firstclick)
{

alert('line'); //false

firstclick = false;
startX = targetEvent.clientX;
startY = targetEvent.clientY
element = targetEvent.srcElement.id

}
else
{
firstclick = true;
};

break;

}

}

//--------------------------------------------------------------------------------------------------------------------------------------
//  not show не выводит
//--------------------------------------------------------------------------------------------------------------------------------------
function start(w, h)
{

alert('start')

if ( w > h ) { w = h } else { h = w };

s = '<table cellspacing=0 cellpadding=0><tr><td>';
s += '<table border=1 cellspacing=0 cellpadding=0><tr><td>';
s += '<table id=mylabel cellspacing=0 cellpadding=0>';
i = 0;
for( y = 0; y < 32; y++ )
{
s += '<tr>';
for( x = 0; x < 64; x++ )
{

//--------------------------------------------------------------------------------------------------------------------------------------
// 1. нет вызова draw...
// 2. не выводит title?
//--------------------------------------------------------------------------------------------------------------------------------------
s += '<td id=' + i + ' onclick=draw(' + i + ', event) onmouseover=«if(!firstclick){mousemove(event)}» width=' + w + ' height=' + h + 'title="' + tmp + '"> </td>'; i += 1;
};
s += '</tr>';
};
s += '</table></td></tr></table></td><td>';

s += '<table border=1 cellspacing=0 cellpadding=0><tr><td>';
s += '<table cellspacing=0 cellpadding=0><tr><td>';
i = 5000;
s += '<table id=labelleft cellspacing=0 cellpadding=0 onclick=labelleft() style=«cursor: hand;» title=«left»>';
for( y = 0; y < 32; y++ )
{
s += '<tr>';
for( x = 0; x < 64; x++ )
{
s += '<td id=' + i + ' width=1 height=1> </td>'; i += 1;
};
s += '</tr>';
};
s += '</table></td><td>';
i = 10000;
s += '<table id=labelright cellspacing=0 cellpadding=0 onclick=labelright() style=«cursor: hand;» title=«right»>';
for( y = 0; y < 32; y++ )
{
s += '<tr>';
for( x = 0; x < 64; x++ )
{
s += '<td id=' + i + ' width=1 height=1> </td>'; i += 1;
};
s += '</tr>';
};
s+='</table></td></tr></table></td></tr></table>';

s+='<table border=1 cellspacing=0 cellpadding=0 width=70 height=255>';
s+='<tr><td id=«brushcolormouseleft» colspan=2> </td></tr>';
s+='<tr><td id=«brushcolormouseright» colspan=2> </td></tr>';
//--------------------------------------------------------------------------------------------------------------------------------------
// onmouseright is true?
//--------------------------------------------------------------------------------------------------------------------------------------
s+='<tr><td bgColor=#ff0000 onclick=selectbrushmouseleft("#ff0000") onmouseright=selectbrushmouseright(«red»)> </td><td bgColor=#ff5555 onclick=selectbrush("#ff5555")> </td></tr>';
s+='<tr><td bgColor=orange onclick=selectbrushmouseleft(«orange»)> </td><td bgColor=lightorange onclick=selectbrushmouseright(«lightorange»)> </td></tr>';
s+='<tr><td bgColor=yellow onclick=selectbrushmouseleft(«yellow»)> </td><td bgColor=lightyellow onclick=selectbrushmouseright(«lightyellow»)> </td></tr>';
s+='<tr><td bgColor=green onclick=selectbrushmouseleft(«green»)> </td><td bgColor=lightgreen onclick=selectbrushmouseright(«lightgreen»)> </td></tr>';
s+='<tr><td bgColor=blue onclick=selectbrushmouseleft(«blue»)> </td><td bgColor=lightblue onclick=selectbrushmouseright(«lightblue»)> </td></tr>';
s+='<tr><td bgColor=braun onclick=selectbrushmouseleft(«braun»)> </td><td bgColor=lightbraun onclick=selectbrushmouseright(«lightbraun»)> </td></tr>';
s+='<tr><td bgColor=gray onclick=selectbrushmouseleft(«gray»)> </td><td bgColor=lightgray onclick=selectbrushmouseright(«lightgray»)> </td></tr>';
s+='<tr><td bgColor=white onclick=selectbrushmouseleft(«white»)> </td><td bgColor=black onclick=selectbrushmouseright(«black»)> </td></tr>';
s+='</table>';
s += '</td></tr></table>';

for( i = 0; i < 4096; i++) { data[i] = 'black' };

//--------------------------------------------------------------------------------------------------------------------------------------
// Тут включаю, не высвечивает, я не вижу ошибку, помогите

for( i = 0; i < 2048; i++)
{
//document.getElementById(i).style.backgroundColor = data[i];
//document.getElementById(i+5000).style.backgroundColor = data[i];
};

//for( i = 2048; i < 4096; i++) { document.getElementById(i+10000).style.backgroundColor = data[i]; };
//--------------------------------------------------------------------------------------------------------------------------------------

s += '<div id=«progressbar»>progress</div>';

document.write(s);

}

</script>

</html>

Сергей
05.04.14
Технологии / Создание сайтов
1 ответ
коллективное сотрудничество

Лучший ответ по мнению автора

Селезнев Василий Дмитриевич

обращайтесь в личку
08.04.14
Лучший ответ по мнению автора

Alexander
Рейтинг: 17 568
3-й в Технологиях
Читать ответы
Посмотреть всех экспертов из раздела Технологии > Создание сайтов
Пользуйтесь нашим приложением Доступно на Google Play Загрузите в App Store
  • карты visa
  • карты master card
  • карты maestro
  • карты МИР
Мы используем файлы cookie. Пользуясь сайтом, вы принимаете условия нашего соглашения. Принять Детальнее