① 用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>