① 用jqueyr 或者 JS 寫一個選擇座位的腳本,詳情如圖
.....光給張圖 不知道 紅滾耐大 藍 灰 的樣式, 怎麼大豎匹配座位 也看不出來
$(座位的selector).click(function(){
var attr_class=$(this).attr('class');
if(attr_class=='灰畝鍵'){
return false;
}
if(attr_class=='紅'){
$(this).removeClass('紅');
$(this).addClass('藍');
return ;
}
if(attr_class=='藍'){
$(座位的selector).each(function(){
$(this).removeClass('紅');
});
$(this).removeClass('藍');
$(this).addClass('紅');
return ;
}
});
② 用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文件有利於結構和行為的分離。
③ 用Asp.net做類似電影院的售票系統中的座位顯示
用asp.net的ajax控制項,可不斷刷新數據容器,從DataBase取數據,從而得到當前座位信息
④ 我想要用js做一個電影院的選座位的程序
js的ajax無刷新提交數據實現。
滑鼠單擊選中某一個座位,自動提交數據保存到資料庫。
相關的ajax無刷新提交數據,你可以網路一下,有很多相關的資料。
⑤ 用java寫個簡單的電影院座位預約,10個座位2行。前面的座位10000文,後面的20000文,
importjava.util.Scanner;
/**
*
*@author12052010
*@DateDecember05,2014
*
*/
publicclassFilm{
publicstaticvoidmain(String[]args){
Scannerinput=newScanner(System.in);
int[][]num=newint[2][10];
intfg1,fg2;//標志顧客選擇的座位fg1:排數fg2:列數
for(inti=0;i<num.length;i++){
for(intj=0;j<num[i].length;j++)
num[i][j]=0;//賦初值,所有座位沒有被預定
}
randomBook(num);
System.out.print(" -----------電影院座位訂票情況(0:還沒被預定1:已經被預定)------------");
for(inti=0;i<num.length;i++){
System.out.println("");
for(intj=0;j<num[i].length;j++)
System.out.print(""+num[i][j]);
}
/**
*顧客輸進的排數必須符合0or1
*/
do{
System.out.print(" Inputfg1:");
fg1=input.nextInt();
}while(fg1<0||fg1>2);
/**
*顧客輸進的列數必須符合0-9
*/
do{
System.out.print("Inputfg2:");
fg2=input.nextInt();
}while(fg2<0||fg2>9);
if(num[fg1][fg2]==1){
System.out.print(" 已經被人訂了,不好意思");
}else{
System.out.print(" 你要訂的座位是:"+fg1+"排"+fg2+"列,票價:");
if(fg1==1)
System.out.print("10000文");
else
System.out.print("20000文");
}
}
/**
*隨即設置電影院的座位被預定
*/
publicstaticvoidrandomBook(int[][]num){
for(inti=0;i<num.length;i++){
for(intj=0;j<num[i].length;j++){
//隨機設置
num[i][j]=(int)(Math.random()*2);
}
}
}
}
⑥ 如何用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>
⑦ <button>傳值問題,html中js如何用button傳值並跳轉到一個新的頁面
首先。action的屬性是在form上的。但是鬧游要想在另一個頁面去獲取到表單傳遞過來的值。需要後台實現。例如php
<form action="get.php" method="get">
<input value="123" name="inputValue">
<button type="submit"></button>
</form>
get.php代碼
<?php
echo $_GET["inputValue"];這樣就可以輸出傳遞過來的值。
?>
另一液凳銷種方式就是用到cookie的存儲方式去傳遞。一個頁面存值。另一個粗或頁面去讀取。
同樣的方式還有localstorage的本地存儲方式去傳遞。
⑧ 如何實現android實現電影院選座位的功能
這個應該不難,定義一個行列的坐標系,用來標識每個座位,如果有座位的就標位1,沒有座位的就標位0,如果此座位票已售出,就設為99(或者其他也行),至於移動,刪除等其實就是改變整個坐標系的差氏值了,然後通過圖形方式顯示出來,移動呀,刪除呀什麼的操作可以通過拖動等來實現,考慮到電影院中實際的前排虛嘩散與後排座位是有一定蘆輪的錯開的,所以在繪制的時候,要考慮這個錯開距離,這樣就美觀了。
⑨ 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>