仓库平面图编辑无刷新效果——页面代码(由于代码长度问题所以分开发)

最新推荐文章于 2024-11-11 19:52:48 发布

原创

最新推荐文章于 2024-11-11 19:52:48 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#stylesheet #input #div #button #class #table

该博客介绍了如何在网页中实现仓库平面图编辑的无刷新效果。通过使用JavaScript和CSS，结合HTML元素如input、div和button，创建了一个交互式的仓位编辑界面，允许用户在不刷新页面的情况下进行仓库仓位的添加、编辑和删除操作。

<% @ Page Language = " C# " AutoEventWireup = " true " CodeBehind = " DepotAreaEdit.aspx.cs " Inherits = " erpwuliu.Depot.DepotAreaEdit " %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
     < title > 仓位编辑 </ title >
     < link href ="../css/function_page.css" rel ="stylesheet" type ="text/css" />
     < link href ="../css/bookmark1.css" rel ="stylesheet" type ="text/css" />
     < link href ="../css/depot.css" rel ="stylesheet" type ="text/css" />
     < link href ="../css/jsdom.css" rel ="stylesheet" type ="text/css" />
     < script src ="../js/jsdom.js" type ="text/javascript" ></ script >
     < script type ="text/javascript" src ="../js/DepotAreaEdit.js" ></ script >
</ head >
< body >
< script type ="text/javascript" >
document.attachEvent( " oncontextmenu " ,menuShow);
document.attachEvent( " onclick " ,hideMenu);
document.onmouseup = endDrag;
</ script >
     < form id ="form1" runat ="server" >

         < div id ="ParentWindow" class ="CreateFullWindow" style ="z-index: 101" ></ div >
< div id ="ppWindow" class ="ppWindow" style ="height: 0px; width: 0px; z-index: 102;" >
< div class ="titlebar" style ="width: 450px;" >< table width ="100%" border ="0" >
< tr >
     < td align ="left" valign ="middle" ><

最低0.47元/天解锁文章