<html>
<head>
<title>Выбор прямоугольной рамки или перещение слоя</title>
<script language="javaScript">
<!--
var app;

function start_drag()
{
  app = document.applets.red;
  show_header("CursorPromt1");

   if( app.get_mouse_state(2)==1 )
   {          // нажата клавища мыши

      if( app.get_selected_in_layer_num('square_green')==0 )
      {       // выбран слой для перемещения

          show_header("CursorPromt3");
          app.start_drag_layer("square_green");
          drag_sq();
          return;
      }

              // выбор размера рамки

      show_header("CursorPromt2");
      app.start_choose_box_layer("show",1,30,30);
//      app.close_change_mode(4);
      drag();
      return;
   }
   setTimeout("start_drag()",200);
}

function drag()
{
  new_obj = "";

  app.open_change_mode(1);
  
  if(app.get_mouse_state(2)==2)
  {  // отпущена клавиша мыши

     app.set_current_layer("show");

    myForm.px.value = app.get_layer_attribs( "xpos" );
    myForm.py.value = app.get_layer_attribs( "ypos" );

    myForm.pw.value = app.get_layer_attribs( "width" );
    myForm.ph.value = app.get_layer_attribs( "height" );

     app.close_change_mode(4);
     start_drag();
   return;
  }
  setTimeout("drag()",200)
}

function drag_sq()
{   // перемещение слоя
 var new_obj="";

   if(app.get_mouse_state(2)==2)
   {
     app.open_change_mode(1);
     app.set_current_layer("square_green");
     document.myForm.xgr.value=app.get_layer_attribs("xpos");
     document.myForm.ygr.value=app.get_layer_attribs("ypos");
     app.close_change_mode(4);
     start_drag();
     return;
   }
   setTimeout("drag_sq()",200)
}

function show_header(szLayer)
{    // смена заголовка
   app = document.applets.red;
   app.open_change_mode(0);

   app.set_layer_attribs("CursorPromt1","visible=0");
   app.set_layer_attribs("CursorPromt2","visible=0");
   app.set_layer_attribs("CursorPromt3","visible=0");

   app.set_layer_attribs(szLayer,"visible=1");

   app.close_change_mode(4);
   return;
}

//-->
</script>
</head>

<body onLoad="start_drag();" topmargin="0" leftmargin="1"> 
<applet 
    code=map_view.class
    name=red
    width=250
    height=250  archive=map_view.zip  codebase="../" mayscript>
 
    <param name=bgcolor value=#7fffd4>
 
    <param name=layers_all value="show square_green CursorPromt1 CursorPromt2 CursorPromt3">
    <param name=layers_draw value="#show #square_green #CursorPromt1 #CursorPromt2 #CursorPromt3">
 
<param name=show value="draw_layer=0x100 
                        border_color_layer=#ff0000
                        border_width_layer=1">

  <param name=square_green value="draw_layer=0xf00 
                        fill_color_layer=#00bb00 border_color_layer=#00bb00
                        xshift=0 xshift=0">
     <param name=square_green_object_0 value="rect 120 120 30 30"> 	

<param name=CursorPromt1 value="draw_layer=0x403 
                        fill_color_layer=#FFF0F5
                        round=6,6
                        visible=1">

  <param name=CursorPromt1_object_0 value="text 0x0 10 0 width=230 height=40
 font=Arial:10,3
 value=%Выбор левого верхнего угла рамки либо выбор слоя (квадрат) для перемещения%
 color=#ff0000"> 

<param name=CursorPromt2 value="draw_layer=0x403 
                        fill_color_layer=#EFFFEF
                        round=6,6
                        visible=0">

  <param name=CursorPromt2_object_0 value="text 0x44 shifts=30,0 
     draw_rect=0,0,200,25  font=*:10,3 
     value='Задание высоты и ширины рамки' color=#000000"> 	

<param name=CursorPromt3 value="draw_layer=0x403 
                        fill_color_layer=#ffffe0
                        round=6,6
                        visible=0">

  <param name=CursorPromt3_object_0 value="text 0x44 shifts=30,0 
     draw_rect=0,0,200,25  font=*:10,3 
     value='Перемещение слоя' color=#008000"> 	
</applet>
</body>
</html>