导航:首页 > 观影指南 > 电影院中编辑座位信息用js如何写

电影院中编辑座位信息用js如何写

发布时间:2023-05-16 17:54:00

① 用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>
阅读全文

与电影院中编辑座位信息用js如何写相关的资料

热点内容
五十度灰午夜神马电影 浏览:468
微电影一个人 浏览:652
赵奕欢的最新电影 浏览:179
汨罗友谊国际影城有哪些电影 浏览:632
李嘉欣哪个电影比较 浏览:746
贾玲拍的最新电影 浏览:988
音乐小动物的电影 浏览:252
世界著名电影100 浏览:428
土拨鼠之日类似的微电影 浏览:778
如何看到还没播出的电影 浏览:11
一部电影一家三口超能力 浏览:594
二战士兵看守鬼屋是什么电影 浏览:633
经典微电影香水有毒6 浏览:689
合肥吴山广场电影院 浏览:973
最早音乐电影是什么 浏览:858
电视看最新电影软件 浏览:443
情人节电影分析 浏览:528
哪个电影灯泡爆炸 浏览:564
钢铁侠第一部电影 浏览:99
美国的超自然恐怖电影有哪些 浏览:868