document.writehtml inside a div
document.writehtml inside a div
hi我正在处理一个调用网络摄像头的表单,到目前为止一切都很好,但我想在表单表中显示对齐网络摄像头屏幕我希望网络摄像头的输出显示在id为"cam"的div中。有人能帮我吗
这是我的javascript
<script>
document.getElementById("cam").innerHTML = document.write(webcam.get_html(320, 420));
</script>
这是我的html
<body bgcolor="Darkgrey">
<form name="entry" method="POST" action="" id="entry">
<table border="1" bgcolor="Silver">
<tr>
<td>
</td>
<td>
<h2><b>Candidate Entry</b><h2>
</td>
</tr>
<tr>
<td>
Code
</td>
<td>
<input type="text" name="vouchno" value="New" onkeypress="return isNumberKey(event)" readonly="readonly" size="8" maxlength="8">
Date
<input type="text" name="vouchdt" id="popupDatepicker" tabindex="1"></td>
<td>
<input type="text" name="councode" size="1" maxlength="2"><input type="text" name="counvouch" size="8" maxlength="8">
</td>
<td><div id="cam">
<input type=button value="Configure..." onClick="webcam.configure()">
<input type=button value="Take Snapshot" onClick="take_snapshot()">
<div id="upload_results" style="background-color:#eee;"></div>
</div>
</td>
</tr>
<tr>
<td>
Name
</td>
<td>
<input type="text" name="name" value="" maxlength="40" size="45" tabindex="2">
</td>
</tr>
<tr>
<td>
Address
</td>
<td>
<textarea name="add" row="3" cols="40" tabindex="3">
</textarea>
</td>
</tr>
<tr>
<td>
City
</td>
<td>
<input type="text" name="city" size="20" maxlength="20"value="" tabindex="4">
Pin
<input type="text" name="pin" size="6" maxlength="6"value="" tabindex="5">
</td>
</tr>
<tr>
<td>
Nationality
</td>
<td>
<input type="text" name="ntn" value="" size="10" maxlength="10" tabindex="6">
</td>
</tr>
<tr>
<td>
Mobile No
</td>
<td>
<input type="text" name="mob" value="" tabindex="7">
</td>
</tr>
<tr>
<td>
Date of Birth
</td>
<td>
<input type="text" name="dob" id="popupDatepicker2" tabindex="8">
</td>
<td>
Age
</td>
<td width="9px">
<input type="text" name="age" size="3" maxlength="3" value="" tabindex="9">
</td>
<td width="10px">
Sex
</td>
<td>
<select name="sex" tabindex="12">
<option value="m">Male</option>
<option value="f">Female</option>
</select>
</td>
</tr>
<tr>
<td>
Religion
</td>
<td>
<input type="text" name="rel" value="" size="20" maxlength="20" tabindex="11">
</td>
<td>
Martial Status
</td>
<td>
<select name="status" tabindex="12">
<option value="">--select--</option>
<option value="1">Married</option>
<option value="2">Unmarried</option>
</select>
</td>
</tr>
<tr>
<td>
Passport No.
</td>
<td>
<input type="text" name="pass" value="" size="15" maxlength="15" tabindex="13">
</td>
<td>
Place of Issue
</td>
<td>
<input type="text" name="poi" size="20" maxlenght-20 tabindex="14">
</td>
<td>
Date of Issue
</td>
<td>
<input type="text" name="doi" id="popupDatepicker4" tabindex="15">
</td>
</tr>
<tr>
<td>
Profession
</td>
<td>
<input type="text" name="prof" size="20" maxlenght="20" value="" tabindex="16">
</td>
<td>
Amount
</td>
<td>
<input type="text" id="amt" name="amt" value="" onblur="calculateText()" tabindex="17">
</td>
</tr>
<tr>
<td>
Payment
</td>
<td>
<input type="text" id="pay" name="pay" value="" tabindex="20" >
</td>
<td>
Received
</td>
<td>
<input type="text" id="resc" name="resc" value="" onblur="calculateText()" tabindex="18">
</td>
</tr>
<tr>
<td>
Agent
</td>
<td>
<input type="tetx" name="agnt" value="" size="40" maxlength="40" tabindex="21">
</td>
<td>
Balance
</td>
<td>
<input type="text" id="bal" name="bal" readonly="readonly" value="" onblur="calculateText()" tabindex="19">
</td>
</tr>
<tr>
<td>
Mofa No.
</td>
<td>
<input type="text" name="mofa" value="" size="20" maxlength="20" tabindex="22">
</td>
</tr>
<tr>
<td>
Remarks
</td>
<td>
<input type="text" name="rem" size="60" maxlength="60" value="" tabindex="23">
</td>
</tr>
<table border="0" align="center">
<tr>
<td>
<input type="submit" name="save" value="Save">
<td>
<input type="submit" name="print" value="Print">
</td>
<td>
<input type="submit" name="close" value="Cancel">
</td>
</tr>
</table>
</table>
</form>
</body>
</html>
document.write
将内容写入文档,因此更改:
document.getElementById("cam").innerHTML = document.write(webcam.get_html(320, 420));
至
document.getElementById("cam").innerHTML = webcam.get_html(320, 420);
更改:
document.getElementById("cam").innerHTML = document.write(webcam.get_html(320, 420));
至:
document.getElementById("cam").innerHTML = webcam.get_html(320, 420);
参考编号:http://www.w3schools.com/jsref/prop_html_innerhtml.asp
相关文章:
- 添加文字和评论功能更新Div
- 点击后隐藏潜水?(但如果Div是一面旗帜呢?)
- 使用JavaScript动态插入DIV的成本有多高
- DIV并排,位置不正确
- Div根据<选择>菜单
- Href:当前DIV中的目标ID
- Onchange没有'不要显示或隐藏Div
- 绝对定位不适用于Javascript DIV
- 在Rails中更新Div,而不更改更新请求后的视图
- how to convert html <div> to pdf
- 如何在不影响其他元素的情况下扩展DIV
- 使用jQuery在页面上浮动DIV
- 如何通过点击机身上的任何位置来关闭弹出的DIV
- 单击按钮时Div Increment
- 只从DIV删除图像,而不是整个网站
- 禁用Tab键以进行具有特定Div ID的输入
- Div Span inside a Div Span....DivSpanception
- jQuery Div inside Div
- How to I .append() user input inside a <div> tag?
- document.writehtml inside a div