VPF::Про квадрат... - Форум программистов

12345c

Дата 6.4.2006, 15:31 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

dstorm81, smartov, интересные решения. Понять можно многозначно, как оказывается. Действительно, "он должен постепенно расширяться от центра ", а от какого центра - непонятно. Я понял сначала, что от центра пересечения секторов, потом - что от центра текущего квадрата. А ваши решения от какого центра? smile

Потом можно будет сделать галерею решений, статью к ней написать, положить в "Наши скрипты", например.

dstorm81

Дата 6.4.2006, 19:33 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

он должен постепенно расширяться от центра до определенного размера или до момента
снятия курсора мыши с сектора.
это явно армейская фраза по типу
копайте траншею от меня и до обеда smile

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

Rexar

Дата 6.4.2006, 22:04 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 14.12.2005

Репутация: нет
Всего: 0

Работа с DIV.

Это я устанавливаю отступ слева на 100:
document.all["div1"].style.left=100;

ВОПРОС: "как установить Z-INDEX"
document.all["div1"].style.z-index=100; - Не работает.

Это сообщение отредактировал(а) Rexar - 6.4.2006, 23:30

12345c

Дата 6.4.2006, 23:25 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

document.getElement......().offsetWidth (есть в кодах выше) . Писать же надо в style.width и приписывать 'px' для валидности.

Rexar

Дата 7.4.2006, 00:07 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 14.12.2005

Репутация: нет
Всего: 0

Я сделал эту задачу вот так:

Код


<html>
<head>
<script language="javascript">
function move(obj)
{
doc=document.all[obj].style.width;
r=parseInt(doc);
r=r+2;
document.all[obj].style.width=r;
document.all[obj].style.height=r;
doc=document.all[obj].style.top;
doc=parseInt(doc);
doc=doc-1;
document.all[obj].style.top=doc;
doc=document.all[obj].style.left;
doc=parseInt(doc);
doc=doc-1;
document.all[obj].style.left=doc;
document.all[obj].style.left=doc;
z1=document.all['div1'].style.zIndex;
z2=document.all['div2'].style.zIndex;
z3=document.all['div3'].style.zIndex;
z4=document.all['div4'].style.zIndex;
if (z1>z2) {maxx=z1;} else{maxx=z2;}
if (z3>maxx) {maxx=z3;}
if (z4>maxx) {maxx=z4;}
document.all[obj].style.zIndex=maxx+1;
}
</script>
</head>
<div id="div1" onMouseOver="move('div1')" style="position:absolute; z-index:1; top:100; left:100; background-color:#FF0000; width:100; height:100; "></div> 
<div id="div2" onMouseOver="move('div2')" style="position:absolute; z-index:2; top:100; left:200;background-color:#0000FF; width:100; height:100;"></div> 
<div id="div3" onMouseOver="move('div3')" style="position:absolute; z-index:3; top:200; left:100; background-color:#00CC00; width:100; height:100;"></div> 
<div id="div4" onMouseOver="move('div4')" style="position:absolute; z-index:4; top:200; left:200;background-color:#FFCC00; width:100; height:100;"></div> 
</html>

Только минус один- Когда мышь попадает на поле DIV, то квадратик увеличивается на 1 пиксел...

Вопрос:"Как сделать так, чтобы когда мышь находится на Div'e чтоб выполнялась функция до тех пор, пока мышь не будет убрана с Div'a "

Это сообщение отредактировал(а) Rexar - 7.4.2006, 00:10

smartov

Дата 7.4.2006, 10:59 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 7
Всего: 259

Rexar, ну ты уж товарищ совсем обленился...
Тебе практически готовый код показали... Нужно же и самому думать...
Гугли функцию setInterval

dstorm81

Дата 1.5.2006, 16:59 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

хотя и поздно ужо, но все таки добил ресторинг, может внукам нашим пригодится? smile

Код


<html>
<head>
<title>::growing and restoring 4 squares::</title>
<script>
var r=1;
var rMin=w=h=0;
var rMax='';
var tmr,mArr,tmr1='';
var spd=10;
function growUp()
{
obj1=document.getElementById(growUp.arguments[0]).style;
obj2=document.getElementById(growUp.arguments[5]).style;
obj3=document.getElementById(growUp.arguments[10]).style;
obj4=document.getElementById(growUp.arguments[15]).style;
mArr=new Array(obj1,obj2,obj3,obj4);
if(
(parseInt(obj1.width)>rMin && parseInt(obj1.height)>rMin)&&(parseInt(obj2.width)>rMin && parseInt(obj2.height)>rMin) && 
(parseInt(obj3.width)>rMin && parseInt(obj3.height)>rMin)&&(parseInt(obj4.width)>rMin && parseInt(obj4.height)>rMin)
)
    {
    for(i=0;i<mArr.length;i++)
        {
        mArr[i].top=parseInt(mArr[i].top)+growUp.arguments[i*5+1];
        mArr[i].left=parseInt(mArr[i].left)+growUp.arguments[i*5+2];
        mArr[i].width=parseInt(mArr[i].width)+growUp.arguments[i*5+3];
        mArr[i].height=parseInt(mArr[i].height)+growUp.arguments[i*5+4];
        }
    }
else{}
}

function restorIng()
{

obj1=document.getElementById(restorIng.arguments[0]).style;
obj2=document.getElementById(restorIng.arguments[9]).style;
obj3=document.getElementById(restorIng.arguments[18]).style;
obj4=document.getElementById(restorIng.arguments[27]).style;
mArr=new Array(obj1,obj2,obj3,obj4);
    for(i=0;i<mArr.length;i++)
    {
    if(parseInt(mArr[i].width)>rMax){mArr[i].left=parseInt(mArr[i].left)+restorIng.arguments[i*9+1];mArr[i].width=parseInt(mArr[i].width)+restorIng.arguments[i*9+2]}
    if(parseInt(mArr[i].width)<rMax){mArr[i].left=parseInt(mArr[i].left)+restorIng.arguments[i*9+3];mArr[i].width=parseInt(mArr[i].width)+restorIng.arguments[i*9+4]}
    if(parseInt(mArr[i].width)==rMax){w=1;}
    if(parseInt(mArr[i].height)>rMax){mArr[i].top=parseInt(mArr[i].top)+restorIng.arguments[i*9+5];mArr[i].height=parseInt(mArr[i].height)+restorIng.arguments[i*9+6]}
    if(parseInt(mArr[i].height)<rMax){mArr[i].top=parseInt(mArr[i].top)+restorIng.arguments[i*9+7];mArr[i].height=parseInt(mArr[i].height)+restorIng.arguments[i*9+8]}
    if(parseInt(mArr[i].height)==rMax){h=1;}
    if((w+h)==2){clearInterval(tmr1)}
    }
}

function doSmall(){w=h=0;tmr1=setInterval('restorIng("sq1",0,-r,0,r,0,-r,0,r,"sq2",r,-r,-r,r,0,-r,0,r,"sq3",0,-r,0,r,r,-r,-r,r,"sq4",r,-r,-r,r,r,-r,-r,r)',spd);}
</script>
</head>
<body onload=rMax=parseInt(document.getElementById('sq1').style.width)>
<div  id=sq1 style='position:absolute;top:10px;left:10px;width:100px;height:100px;background-color:green;border-width:0;z-index:3;font-size:0px;margin:0px;padding:0px;' 
onmouseover=clearInterval(tmr1);tmr=setInterval('growUp("sq1",0,0,r,r,"sq2",0,r,-r,r,"sq3",r,0,r,-r,"sq4",r,r,-r,-r)',spd); 
onmouseout=clearInterval(tmr);doSmall()></div>
<div  id=sq2 style='position:absolute;top:10px;left:110px;width:100px;height:100px;background-color:red;border-width:0;z-index:3;font-size:0px;margin:0px;padding:0px;' 
onmouseover=clearInterval(tmr1);tmr=setInterval('growUp("sq1",0,0,-r,r,"sq2",0,-r,r,r,"sq3",r,0,-r,-r,"sq4",r,-r,r,-r)',spd);
onmouseout=clearInterval(tmr);doSmall()></div>
<div  id=sq3 style='position:absolute;top:110px;left:10px;width:100px;height:100px;background-color:orange;border-width:0;z-index:3;font-size:0px;margin:0px;padding:0px;' 
onmouseover=clearInterval(tmr1);tmr=setInterval('growUp("sq1",0,0,r,-r,"sq2",0,r,-r,-r,"sq3",-r,0,r,r,"sq4",-r,r,-r,r)',spd);
onmouseout=clearInterval(tmr);doSmall()></div>
<div  id=sq4 style='position:absolute;top:110px;left:110px;width:100px;height:100px;background-color:blue;border-width:0;z-index:3;font-size:0px;margin:0px;padding:0px;' 
onmouseover=clearInterval(tmr1);tmr=setInterval('growUp("sq1",0,0,-r,-r,"sq2",0,-r,r,-r,"sq3",-r,0,-r,r,"sq4",-r,-r,r,r)',spd);
onmouseout=clearInterval(tmr);doSmall()></div>

</body>
</html>

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »