jsp html 实现隐藏输入框,点击可以取消隐藏&&弹出输入框
2014-12-17 11:41
405 查看
jsp代码:
<script language="javascript" type="text/javascript">
function chg (){
if(document.getElementById('mydiv').style.display=="none"){
document.getElementById('mydiv').style.display="";
}
}
</script>
html代码:
echo "<input type='button' value='评论' onclick='chg()'>
<div id='mydiv' style='display:none;'>
<form id='myform' >
<input type='textbox' id='pinlun' >
<input type='submit' id='sbmt' value='提交' >
</form>
</div>";
、、、、、、、、、、、、、、
<script language="javascript" type="text/javascript">
function review(){
var ret = prompt("请输入评论内容!","");
if (ret == null){
return false;
}else if (ret.replace(/^\s+|\s+$/g,"") == ""){
alert("输入内容为空!");
return false;
}
document.getElementById("TextBox1").value=ret;
}
function transmit(){
var ret = prompt("请输入转发感慨!","");
if (ret == null){
return false;
}else if (ret.replace(/^\s+|\s+$/g,"") == ""){
alert("输入内容为空!");
return false;
}
document.getElementById("TextBox1").value=ret;
}
</script>
$review_button_name='review'.$user_id."_".$row['user_id'];
$transmit_button_name='transmit'.$user_id."_".$row['user_id'];
echo "<a href='blogProcess.php' onclick='return review()' class='href_style'>评论</a>
<a href='blogProcess.php' onclick='return transmit()' class='href_style'>转发</a>";
<script language="javascript" type="text/javascript">
function chg (){
if(document.getElementById('mydiv').style.display=="none"){
document.getElementById('mydiv').style.display="";
}
}
</script>
html代码:
echo "<input type='button' value='评论' onclick='chg()'>
<div id='mydiv' style='display:none;'>
<form id='myform' >
<input type='textbox' id='pinlun' >
<input type='submit' id='sbmt' value='提交' >
</form>
</div>";
、、、、、、、、、、、、、、
<script language="javascript" type="text/javascript">
function review(){
var ret = prompt("请输入评论内容!","");
if (ret == null){
return false;
}else if (ret.replace(/^\s+|\s+$/g,"") == ""){
alert("输入内容为空!");
return false;
}
document.getElementById("TextBox1").value=ret;
}
function transmit(){
var ret = prompt("请输入转发感慨!","");
if (ret == null){
return false;
}else if (ret.replace(/^\s+|\s+$/g,"") == ""){
alert("输入内容为空!");
return false;
}
document.getElementById("TextBox1").value=ret;
}
</script>
$review_button_name='review'.$user_id."_".$row['user_id'];
$transmit_button_name='transmit'.$user_id."_".$row['user_id'];
echo "<a href='blogProcess.php' onclick='return review()' class='href_style'>评论</a>
<a href='blogProcess.php' onclick='return transmit()' class='href_style'>转发</a>";
相关文章推荐
- 在页面中,我们经常看到,一个button按钮,如果属标点击,就会触发一个窗口的显示,如果二次点击并可以隐藏,那么如何通过JAVA配合html来实现这一功能呢?
- javaScript实现点击输入框弹出窗体选择信息
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- 利用javaScript实现点击输入框弹出窗体选择信息
- html中用href 实现点击链接弹出文件下载对话框
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- jsp中点击图片弹出文件上传界面及实现预览
- 点击按钮弹出 确定 取消 对话框
- jsp中点击图片弹出文件上传界面及预览功能的实现
- Eclipse下支持编写HTML/JS/CSS/JSP页面的自动提示,在<=abcd......就可以。
- jquery实现点击元素,如果弹出层隐藏则显示,显示则隐藏
- [HTML]如何实现导航栏的从左滑入效果:点击隐藏,再次点击消失
- qt实现点击输入框弹出输入面板和改变窗口的位置
- 点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码
- 弹出对话框+隐藏控件实现实现对确定和取消的判断
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- 统计报表中嵌入<a>标签,点击实现弹出清单功能
- 点击输入框弹出输入键盘,点击输入框外侧隐藏输入键盘
- Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
- 点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码