web頁面之切換輸入域組

2021-06-18 20:57:44 字數 723 閱讀 6399

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語言中頁面框架的實現方法,對於其各個屬性,給與了詳細的介紹並且給出使用例項。相信在閱讀本文之後會使您對使用框架規劃頁面有...