正文
javascript选座,JavaScript选座位
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
初学Java, 在写在线电影购票,想问下 怎么实现买票选座位的功能?
这个应该不难,定义一个行列的坐标系,用来标识每个座位,如果有座位的就标位1,没有座位的就标位0,如果此座位票已售出,就设为99(或者其他也行),至于移动,删除等其实就是改变整个坐标系的值了,然后通过图形方式显示出来,移动呀,删除呀什么的操作可以通过拖动等来实现,考虑到电影院中实际的前排与后排座位是有一定的错开的,所以在绘制的时候,要考虑这个错开距离,这样就美观了。
相关问答
Q1: JS实现座位选择的问题
代码如下。js+html。
但是如同上述 黑马黄子所说。需要考虑数据实时性。自己判断何时需要提交数据。
!DOCTYPE html
html
head lang="en"
meta charset="UTF-8"
title/title
style type="text/css"
.main{
width: 99%;
height:99%;
border: 1px solid #dddddd;
position: relative;
}
/style
script type="text/javascript"
function Choose(){
var mine = this;
this.selections =[];
this.init = function(rows,cloumns,where){
var ul = document.createElement("ul");
var siteNum=1;
for(var i =0;icloumns;i++){
for(var j=0;jrows;j++){
var li = document.createElement("li");
li.style.listStyle = "none";
li.style.width = "50px";
li.style.height = "30px";
li.style.border ="1px solid #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(j0){
li.style.marginTop = -32 +"px";
}else{
li.style.marginTop = 0 +"px";
}
li.textContent = siteNum++;
ul.appendChild(li);
}
}
ul.onclick = function(e){
var target = e.target || e.srcElement;
if(target.tagName.toUpperCase() ==='LI'){
if('red'===target.style.color){
target.style.background ="green";
target.style.color= "#000";
for(var i=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);
}
}
};
var toWhere = where || document.body;
toWhere.appendChild(ul);
}
}
window.onload = function(){
var chooser = new Choose();
chooser.init(20,10);
document.getElementById("test").onclick = function(){
console.log(chooser.selections);
}
}
/script
/head
body
button id="test"测试/button
/body
/html
Q2: 毕业设计java做的网站订票系统要交可执行程序怎么交？
将Java程序打包成exe可执行文件
第一步：将Java程序通过Eclipse或者JRE导出成Jar包；
第二步：通过exe4j将Jar包程序生成exe可执行文件。
作为毕业设计，要求你交执行程序肯定是有办法实现的啊，当然你也可以用脚本执行，不过既然要交源码，都到这里了打包成exe也就用不了什么时间了
Q3: js如何通过年月+点击事件计算星座
给你"计算一下"那个按钮加一个onclick事件，响应函数如下：
function getAstro(m,d){ return "魔羯水瓶双鱼牡羊金牛双子巨蟹狮子处女天秤天蝎射手魔羯".substr(m*2-(d"102223444433".charAt(m-1)- -19)*2,2);}
其中m是月份，d是天， 获取输入框里面的值传进去。
Q4: 如何用HTML和JS实现选座位，想要效果如下
!DOCTYPE HTML
html
head
titlePage Title/title
meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /
script
var row=2,col=11,size=20,gap=5;
window.onload=function(){
var wrap=document.createElement("div");
wrap.style.margin="0 auto";
wrap.style.width=(size+gap)*col+"px";
for(var i=0;irow;i++){
var rows=document.createElement("div");
rows.style.float="left";
rows.style.marginBottom=gap+"px";
for(var j=0;jcol;j++){
var div=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
