web開發頁面中,可能會有一種情況,根據不同的型別,顯示不同的輸入域,如果輸入域過多,靠乙個個的隱藏或顯示輸入域**量很多,且不容易維護。我們可以給輸入域的樣式class進行設定,對其進行控制,顯示隱藏,就可以比較容易達到效果,且**量比較少。
待補充。
1.引入js庫,css樣式
/oms/css/oms.css" rel="stylesheet" type="text/css" />
2.頁面**如下:
style="margin-top: 1px;">
基本條件
需求型別:
產品型別:
業務型別:
產品級別:
衛星/感測器:
請選擇解析度:
請選擇雲量<=:
...專題模型:
3.對輸入域組的操作切換的js**如下:
//檢視需求基本條件資訊,根據內容型別展示不同的資訊項
function viewreqcontent()else if(reqcontenttype=="<%=require.reqcontenttype_img_amap%>")else if(reqcontenttype=="<%=require.reqcontenttype_topic%>")}
本例的實現原理是,通過對不同的輸入域組指定樣式,以class定義,並不是真正的css,是邏輯上指定的名字而已,對這些不同的class名操作,切換它們的不同展現形式,來實現業務上的介面要求。
同步頁面切換按鈕組的實現
本文採用偽 的方式實現,理解思路即可。在本文中,每頁最大能顯示5個按鈕,當前頁置高亮。先來看看實現的效果,當前頁為3時,如下圖所示 當前頁為5時,如下所示 每頁顯示的按鈕數量為pagesinglecount 每頁起始位置的按鈕標號為initialbtn 每頁結束位置的按鈕標號為maxbtninsin...
web不同頁面通訊 安全跨域通訊
在子頁面向父頁面傳送訊息,使用 parent.postmessage 在父頁面向子頁面傳送訊息,使用 window.frames index postmessage data 傳送的資料 origin 傳送的源 bool 可選 false 事件冒泡 true 事件捕獲 window.postmess...
Web頁面設計之頁面框架的使用
web頁面設計之頁面框架的使用 web頁面設計之頁面框架的使用,web,框架,frameset,frame,iframe,框架是頁面設計中不可缺少的元素之一,本文詳細介紹了html語言中頁面框架的實現方法,對於其各個屬性,給與了詳細的介紹並且給出使用例項。相信在閱讀本文之後會使您對使用框架規劃頁面有...