電影院中編輯座位信息用js如何寫
A. 用javascript如何寫一個具有按鈕,這個按鈕上邊有一個圖標 和文字 如何實現
這不是一個真正的「按鈕」,它只是一個IMG、或者一個DIV什麼的的背景,都有onclick()事件的。那些花哨的「按鈕」,絕大多數都是圖片。如果你想做的花哨,你就給這個「按鈕」(其實是圖片)加上事件就行了,比如onmouseover(就換成圖片1)onmouseout(就換成原圖)onclick(就換成圖片2)。。我做的項目里都是用的圖片,現在網頁上的<input type="button">已經很少了,大多用的是圖片。。。希望對你有用
B. 電影院的後台頁面排座 怎麼用js做
這個怎麼回答,一點點寫唄
C. 電影院座位放腳的怎麼收起來
應該不同的影廳座位情況不一樣吧?如果是有不同影廳的情況,那麼最起碼應該有如下表和欄位:
1. 影廳座位信息表:
ID(主鍵) 影廳ID(外鍵) 排號 座位號(或者使用排號+座號的方式如6.1就代表6排1號,兩欄位合並)
這個表應該基本上是靜態的,因為影廳的座位信息基本不會動。
2. 電影場次表:
ID(主鍵) 電影ID 時間 影廳ID ……
3. 電影票售出情況表:
ID(主鍵,電影票號) 場次號(2表的主鍵) 座位號(1表的主鍵) ……
應該是點擊某一場次的電影,才會出現你說的這個界面,根據資料庫中2表和1表,可以先取出該影廳的所有座位情況並顯示;其次根據2表和3表取出所有已售電影票,遍歷剛才的座位,將已售出的座位換顏色即可。
當然這里只是給一個思路,具體實現可能還是比較復雜,要考慮的很多,權當一個參考吧。
D. 用JS設計一個頁面,在頁面上顯示信息"現在是XXXX年XX月XX日XX點XX分XX秒(星期X),歡迎您到訪我的站點".
<script>
//setTimeout
var info = "現在是"+date.getFullYear()+"年";
info += (date.getMonth()+1)+"月";
info += (date.getDate())+"日";
info += date.getHours() + "點";
info += date.getMinutes()+"分";
info += date.getSeconds()+"秒";
info += "(星期"+(date.getDay()+1)+")";
</script>
運行模式
JavaScript是一種屬於網路的高級腳本語言,已經被廣泛用於Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。
是一種解釋性腳本語言(代碼不進行預編譯)。
主要用來向HTML(標准通用標記語言下的一個應用)頁面添加交互行為。
可以直接嵌入HTML頁面,但寫成單獨的js文件有利於結構和行為的分離。
E. 我想要用js做一個電影院的選座位的程序
js的ajax無刷新提交數據實現。
滑鼠單擊選中某一個座位,自動提交數據保存到資料庫。
相關的ajax無刷新提交數據,你可以網路一下,有很多相關的資料。
F. 電影院怎麼找到自己的座位
在影院里找座位利用電影票上的座位號。
上面寫著幾排就找第幾排,一般是從前排往後數,例如是第五排,從第一排數到第五個就是了(第一排也算在內),然後就是一排中的專第幾個座位了,一般是你走向座位的右邊開始數,是第幾個就數到第幾個。
電影院最好位置是在8—9的地方,若是排數為10—15的小廳,5—6排位置最佳;若是16—20排數的中廳,7—8排最佳。
電影院選擇位置建議:
1、在選擇位置的時候,我們需要先看看自己的選擇的電影它是在幾號廳,看看這個影廳是較大的影廳還是較小的,看電影的時候最佳的位置是在影廳的中間靠後的位置比較好。
2、選擇位置的時候一定要避免在前排,因為坐在影廳的前排看電影的話會一直將頭仰著,這樣一會就會讓我們的脖子變得疲勞,會讓我們在電影院看電影的舒服感大打折扣。
3、在看電影的時候,一定要考慮到自己的聽覺,一般的電影院中的音響是放在兩邊的牆壁上面的,所以在影廳中的中間位置聽覺是最弱的,在選擇的時候最好是在選擇在中間靠邊一點的位置。
G. js信息輸錯後輸入框後提示紅字代碼如何編寫
需要准備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
H. JS實現座位選擇的問題
代碼如下。js+html。
但是如同上述 黑馬黃子所說。需要考慮數據實時性。自己判斷何時需要提交數據。
<!DOCTYPEhtml>
<html>
<headlang="en">
<metacharset="UTF-8">
<title></title>
<styletype="text/css">
.main{
width:99%;
height:99%;
border:1pxsolid#dddddd;
position:relative;
}
</style>
<scripttype="text/javascript">
functionChoose(){
varmine=this;
this.selections=[];
this.init=function(rows,cloumns,where){
varul=document.createElement("ul");
varsiteNum=1;
for(vari=0;i<cloumns;i++){
for(varj=0;j<rows;j++){
varli=document.createElement("li");
li.style.listStyle="none";
li.style.width="50px";
li.style.height="30px";
li.style.border="1pxsolid#000";
li.style.color="#000";
li.style.background="green";
li.style.fontSize="30px";
li.style.lineHeight="30px";
li.style.textAlign="center";
li.style.cursor="pointer";
li.style.marginLeft=(j*52+10)+"px";
if(j>0){
li.style.marginTop=-32+"px";
}else{
li.style.marginTop=0+"px";
}
li.textContent=siteNum++;
ul.appendChild(li);
}
}
ul.onclick=function(e){
vartarget=e.target||e.srcElement;
if(target.tagName.toUpperCase()==='LI'){
if('red'===target.style.color){
target.style.background="green";
target.style.color="#000";
for(vari=0;i<(mine.selections.length);i++){
if(mine.selections[i]===target.textContent){
mine.selections.splice(i,1);
}
}
}else{
target.style.background="#ccc";
target.style.color='red';
mine.selections.push(target.textContent);
}
}
};
vartoWhere=where||document.body;
toWhere.appendChild(ul);
}
}
window.onload=function(){
varchooser=newChoose();
chooser.init(20,10);
document.getElementById("test").onclick=function(){
console.log(chooser.selections);
}
}
</script>
</head>
<body>
<buttonid="test">測試</button>
</body>
</html>
I. 如何用HTML和JS實現選座位,想要效果如下
<!DOCTYPEHTML>
<html>
<head>
<title>PageTitle</title>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
<script>
varrow=2,col=11,size=20,gap=5;
window.onload=function(){
varwrap=document.createElement("div");
wrap.style.margin="0auto";
wrap.style.width=(size+gap)*col+"px";
for(vari=0;i<row;i++){
varrows=document.createElement("div");
rows.style.float="left";
rows.style.marginBottom=gap+"px";
for(varj=0;j<col;j++){
vardiv=document.createElement("img");
div.src="a.png";
div.style.width=size+"px";
div.style.height=size+"px";
div.style.float="left";
div.style.marginLeft=gap+"px";
div.onclick=function(){
!this.abc?this.src="b.png":this.src="a.png";
this.abc=!this.abc;
}
rows.appendChild(div);
}
wrap.appendChild(rows);
}
document.body.appendChild(wrap);
}
</script>
</head>
<body>
</body>
</html>