电影院中编辑座位信息用js如何写
A. 用javascript如何写一个具有按钮,这个按钮上边有一个图标 和文字 如何实现
这不是一个真正的“按钮”,它只是一个IMG、或者一个DIV什么的的背景,都有onclick()事件的。那些花哨的“按钮”,绝大多数都是图片。如果你想做的花哨,你就给这个“按钮”(其实是图片)加上事件就行了,比如onmouseover(就换成图片1)onmouseout(就换成原图)onclick(就换成图片2)。。我做的项目里都是用的图片,现在网页上的<input type="button">已经很少了,大多用的是图片。。。希望对你有用
B. 电影院的后台页面排座 怎么用js做
这个怎么回答,一点点写呗
C. 电影院座位放脚的怎么收起来
应该不同的影厅座位情况不一样吧?如果是有不同影厅的情况,那么最起码应该有如下表和字段:
1. 影厅座位信息表:
ID(主键) 影厅ID(外键) 排号 座位号(或者使用排号+座号的方式如6.1就代表6排1号,两字段合并)
这个表应该基本上是静态的,因为影厅的座位信息基本不会动。
2. 电影场次表:
ID(主键) 电影ID 时间 影厅ID ……
3. 电影票售出情况表:
ID(主键,电影票号) 场次号(2表的主键) 座位号(1表的主键) ……
应该是点击某一场次的电影,才会出现你说的这个界面,根据数据库中2表和1表,可以先取出该影厅的所有座位情况并显示;其次根据2表和3表取出所有已售电影票,遍历刚才的座位,将已售出的座位换颜色即可。
当然这里只是给一个思路,具体实现可能还是比较复杂,要考虑的很多,权当一个参考吧。
D. 用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文件有利于结构和行为的分离。
E. 我想要用js做一个电影院的选座位的程序
js的ajax无刷新提交数据实现。
鼠标单击选中某一个座位,自动提交数据保存到数据库。
相关的ajax无刷新提交数据,你可以网络一下,有很多相关的资料。
F. 电影院怎么找到自己的座位
在影院里找座位利用电影票上的座位号。
上面写着几排就找第几排,一般是从前排往后数,例如是第五排,从第一排数到第五个就是了(第一排也算在内),然后就是一排中的专第几个座位了,一般是你走向座位的右边开始数,是第几个就数到第几个。
电影院最好位置是在8—9的地方,若是排数为10—15的小厅,5—6排位置最佳;若是16—20排数的中厅,7—8排最佳。
电影院选择位置建议:
1、在选择位置的时候,我们需要先看看自己的选择的电影它是在几号厅,看看这个影厅是较大的影厅还是较小的,看电影的时候最佳的位置是在影厅的中间靠后的位置比较好。
2、选择位置的时候一定要避免在前排,因为坐在影厅的前排看电影的话会一直将头仰着,这样一会就会让我们的脖子变得疲劳,会让我们在电影院看电影的舒服感大打折扣。
3、在看电影的时候,一定要考虑到自己的听觉,一般的电影院中的音响是放在两边的墙壁上面的,所以在影厅中的中间位置听觉是最弱的,在选择的时候最好是在选择在中间靠边一点的位置。
G. js信息输错后输入框后提示红字代码如何编写
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
H. 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>
I. 如何用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>