成都创新互联网站制作重庆分公司

javascript选座,JavaScript选座位

初学Java, 在写在线电影购票,想问下 怎么实现买票选座位的功能?

这个应该不难,定义一个行列的坐标系,用来标识每个座位,如果有座位的就标位1,没有座位的就标位0,如果此座位票已售出,就设为99(或者其他也行),至于移动,删除等其实就是改变整个坐标系的值了,然后通过图形方式显示出来,移动呀,删除呀什么的操作可以通过拖动等来实现,考虑到电影院中实际的前排与后排座位是有一定的错开的,所以在绘制的时候,要考虑这个错开距离,这样就美观了。

运河网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联公司于2013年创立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司

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

毕业设计java做的网站订票系统要交可执行程序怎么交?

将Java程序打包成exe可执行文件

第一步:将Java程序通过Eclipse或者JRE导出成Jar包;

第二步:通过exe4j将Jar包程序生成exe可执行文件。

作为毕业设计,要求你交执行程序肯定是有办法实现的啊,当然你也可以用脚本执行,不过既然要交源码,都到这里了打包成exe也就用不了什么时间了

js如何通过年月+点击事件计算星座

给你"计算一下"那个按钮加一个onclick事件,响应函数如下:

function getAstro(m,d){ return "魔羯水瓶双鱼牡羊金牛双子巨蟹狮子处女天秤天蝎射手魔羯".substr(m*2-(d"102223444433".charAt(m-1)- -19)*2,2);}

其中m是月份,d是天, 获取输入框里面的值传进去。

如何用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


当前名称:javascript选座,JavaScript选座位
文章分享:http://cxhlcq.com/article/dseipeg.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部