本文目錄一覽:
js動態添加行 限制插入行數量問題
addRemoveItem(‘add’,’shangpindizhi’) 這個事件似乎在添加之前並沒有判斷maxid等於幾,而是在添加以後判斷的。你應該在document.createElement之前判斷是否等於6,等於6就不執行
script type=”text/javascript”
var maxid = 2 ;
function addRemoveItem(act,target){
if ((!act || act == ‘add’) target){
var $shangpindizhi = typeof(target) != ‘object’ ? document.getElementById(target) : target;
if (!$shangpindizhi) return;
if(maxid=”6″){
var obj = document.createElement(‘div style=”border-bottom:1px #CCC dotted”‘);
obj.innerHTML = “商品地址”+maxid+”:INPUT class=txt id=ProUrl”+maxid+” style=’WIDTH: 215px;’ name=ProUrl”+maxid+” value=;” + ‘input type=”button” value=”-” onclick=”javas’+’cript:addRemoveItem(\’del\’,this.parentNode);” style=”font-size:12px”//div’;
$shangpindizhi.appendChild(obj);
obj = $shangpindizhi = null;
maxid++;
}else{
alert(‘購物車商品超過6個無效!’);
return false;
}
} else if (act == ‘del’ target){
if (typeof(target) != ‘object’) return;
target.parentNode.removeChild(target);
maxid–;
}
}
/script
求JS代碼控制顯示行數,並分頁顯示
首先你這些DIV 是固定死的么?
div1/div
div2/div
div3/div
div4/div
div5/div
div6/div
div7/div
div8/div
div9/div
把下面的複製,運行下子:
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”
html xmlns=””
head
meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /
titlediv分頁顯示_腳本之家_;/title
style type=”text/css”
#frameContent{
width:500px; /*調整顯示區的寬*/
height:200px; /*調整顯示區的高*/
font-size:14px;
line-height:20px;
border:1px solid #000000;
overflow-pageINdex:hidden;
overflow-y:hidden;
word-break:break-all;
}
a{
font-size:12px;
color:#000000;
text-decoration:underline;
}
a:hover{
font-size:12px;
color:#CC0000;
text-decoration:underline;
}
/style
/head
body
div id=”frameContent”
p北京奧運會頒獎禮儀服裝共十六款。其中男裝一款作為升旗手制服。女裝十五款分為五個系列,每一系列分別按照嘉賓引導員、運動員引導員和托盤員的不同職能設計了三個不同款式。在奧運會的302場和殘奧會的472場頒獎儀式上,這五個系列的禮服將分別出現在不同的場館及比賽中。/p
p”青花瓷”系列使用在國家游泳中心水立方、順義水上公園和青島等所有水上項目的頒獎儀式中。 /p
table cellspacing=”0″ cellpadding=”0″ align=”left” border=”0″
tbody
tr
td valign=”top”/td
/tr
tr
td/td
/tr
/tbody
/table
設計靈感取自世界聞名的中國青花瓷器。中國傳統亂針繡的運用形象逼真地再現了青花瓷的暈染效果。魚尾裙的廓形設計凸顯了中國女性的柔美曲線。
/p
p寶藍系列使用在體操、室內球類比賽和擊劍等項目的頒獎現場。服裝採用溫潤典雅的寶藍色作為禮服主色,腰間飾有採用傳統盤金綉製作的腰封,圖案選用最具中國傳統文化審美意趣和美好願望的吉祥紋樣——江山海牙紋、牡丹花紋,凸顯了鮮明的中國特色和民族風格。同時也向全世界人民展示了中國最高超的刺繡工藝。中式的立領配以西式的肩部設計盡現中國女性落落大方的高貴氣質。/p
p國槐綠系列絲緞禮服使用在自行車、射擊、現代五項等項目的頒獎儀式上。禮服寓意蓬勃朝氣的生命和鬱鬱蔥蔥的環境,體現了與自然和諧發展的美好願望及堅守”綠色奧運”的決心。立體銀線綉制的吉祥牡丹和契合女性柔美曲線的捲曲花紋,更顯身段的婀娜多姿和東方女性的恬靜氣質。/p
p”玉脂白”系列將出現在國家體育場、所有的室外球類比賽以及香港馬術比賽中。它巧妙地呼應了奧運獎牌金鑲玉的理念,彩綉腰封和玉佩的設計,既是中國玉文化的完美再現又是對傳統旗袍設計的一次創新。層次豐富的綠色與牙白色絲綢面料的質感完美搭配,更突出了中國女性內斂、含蓄的特質。/p
p粉紅色系列主要出現在拳擊、舉重、摔跤等力量型比賽中,以傳統盤金綉工藝製作的寶相花圖案腰飾,分割出完美的人體比例。領部的設計突出了頸部的優美線條,同時以粉色的柔美來中和比賽的陽剛之氣。/p
p升旗手服裝與青花瓷禮服遙相呼應,在體現中國傳統文化的同時又不失陽剛之氣,將出現在所有的奧運會和殘奧會比賽場館中。/p
p所有的奧運禮服和升旗手制服都綉有”Beijing 2008″的字樣。/p
p”十分具有中國文化特色”是國際奧委會對這些服裝的第一評價。2007年5月23日,由北京奧組委主辦、中國服裝設計師協會和北京市工業促進局協辦的北京奧運會頒獎禮儀服裝設計徵集活動啟動後,共收到有效作品305份,包括服裝成衣137套、效果圖168份。投稿作品中包括全國”十佳”設計師投稿127份,服裝設計專業院校投稿80份。/p
p2007年8月2日—3日,經過初評和複評。由北京奧組委領導、中國藝術及服裝設計界專家、國際奧委會形象景觀專家及冠軍運動員代表組成的評審小組共選出成衣作品30件,包括托盤員禮服8件、嘉賓引導員禮服7件、運動員引導員禮服10件、升旗手制服5件。2007年8月至2008年2月,北京奧組委組織專家召開了十餘次方案修改研討會。入圍設計師在專家組的指導下多次修改方案、製作樣衣。並先後於2007年11月8日和08年2月3日兩次上報北京奧組委執委會審議。最終方案於2008年2月底通過國際奧委會審批。(張宇)/p
!– ..STYLE1 {color: #000000;font-weight: bold;font-size: 14px;} ..STYLE4 {color: #000000} ..STYLE5 {color: #000000; font-weight: bold;} ..STYLE6 {color: #000000}–
/div
P
div id=”pages” style=”font-size:12px;”/div
script language=”javascript”
var obj = document.getElementById(“frameContent”); //獲取內容層
var pages = document.getElementById(“pages”); //獲取翻頁層
var pgindex=1; //當前頁
window.onload = function() //重寫窗體載入的事件
{
var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));//獲取頁面數量
pages.innerHTML = “b共”+allpages+”頁/b”; //輸出頁面數量
for (var i=1;i=allpages;i++){
pages.innerHTML += “a href=\”javascript:showPage(‘”+i+”‘);\”第”+i+”頁/a “;
//循環輸出第幾頁
}
pages.innerHTML += ” a href=\”javascript:gotopage(‘-1’);\”上一頁/a a href=\”javascript:gotopage(‘1’);\”下一頁/a”
}
function gotopage(value){
try{
value==”-1″?showPage(pgindex-1):showPage(pgindex+1);
}catch(e){
}
}
function showPage(pageINdex)
{
obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight); //根據高度,輸出指定的頁
pgindex=pageINdex;
}
/script
/body
/html
能否使用javascript控制表格顯示出固定的行數
function hiddenTrs(id,start,end) // id:table的id;Start:起始行 end:結束行
{
if(typeof id!=”string” || typeof start!=”number” || typeof end!=”number”)return;
var obj=document.getElementById(id);
if(obj==null || obj.tagName.toUpperCase()!=”TABLE” ) return;
for (var i=start;i=end start=0 start=end endobj.rows.length ; i++)
{
obj.rows[i].style.display=”none”
}
}
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/248333.html