小编Emi*_*lie的帖子
如何在不知道高度之前进行高度过渡？
我想在CSS中进行高度转换,但我注意到我必须静态调整高度才能使其正常工作.
这是我的代码使用静态高度:
<!-- HTML --->
<div class="content show">
<form method="post" action="">
<label>Lastname
<input type="text" name="lastname">
</label>
<label>Firstname
<input type="text" name="firstname">
</label>
</form>
</div>
/* CSS */
.content{
overflow:hidden;
}
.content.show{
height:433px !important; <<--------- //I would not define this height
transition:0.5s;
-webkit-transform:translateY(0);
}
.content.hidden{
height:60px;
transition:0.5s;
-webkit-transform:translateY(0);
}
这是我想要的自动高度代码:
<!-- HTML --->
<div class="content show">
<form method="post" action="">
<label>Lastname
<input type="text" name="lastname">
</label>
<label>Firstname
<input type="text" name="firstname">
</label>
</form>
</div>
/* CSS */
.content{
overflow:hidden;
}
.content.show{
height:auto !important; <<<----------
transition:0.5s; …推荐指数
解决办法
查看次数
输入带有起始值和结束值的双倍值
我必须在一个范围内选择一些值,包括起始值和结束值,如下图所示:
我用<input type="range">HTML元素搜索,但它不能有两个选择器.
我可以使用JavaScript(如果不存在自然方式,甚至是库)或PHP,当然还有HTML和CSS.我没有找到类似的东西,所以你是我最后的希望.
你知道吗？
PS:我知道我可以使用两个基本输入,但是客户希望有这样的图形化唯一输入.
推荐指数
解决办法
查看次数
获取Java类中文件的真实路径
我得到一个这样的文件:
String myFile = "D:/dev/workspace/MyProject/WebContent/stats/stats.csv";
File statsFile = new File(myFile);
但我想只有相对路径stats/stats.csv.我不想在我的代码中编写完整的路径.
在servlet中,我这样做:
File statsFile = new File(this.getServletContext().getRealPath("/") + "stats/stats.csv");
但这里不是servlet.那么java类中的等价方式是什么？
推荐指数
解决办法
查看次数
jQuery gzoom插件不起作用
我试图用jQuery(辉煌)插件gzoom(http://lab.gianiaz.com/jquery/gzoom/或http://www.chouselive.co.za/demo/pictures/)在我的图像上添加缩放zoom/gzoom.php).
但它不起作用.我的图片刚刚调整大小,但没有缩放.
这是我的代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test gzoom</title>
<link rel="stylesheet" href="css/jquery-ui-1.7.1.custom.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/jquery.gzoom.css" type="text/css" media="screen">
<style>
div#zoom{
cursor: crosshair;
}
</style>
</head>
<body>
<div id="gzoomwrap">
<div id="zoom" class="zoom minizoompan">
<span class="loader">loading...</span>
<img src='img/myImage.png'/>
</div>
<!-- START gzoom zoom bar -->
<div class="ui-icon ui-icon-circle-minus gzoombutton"> </div>
<div class="gzoomSlider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" style="width: 258px;"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all"></a></div>
<div class="ui-icon ui-icon-circle-plus gzoombutton"> </div>
<br style="clear:both">
<!-- …推荐指数
解决办法
查看次数
javascript RegExp不会过滤数字
我的javascript正则表达式出了问题.
它不会停止数字和"!" 性格虽然应该.它适用于其他特殊角色,当然我已经对它进行了调查,看它是否真的进行了测试等等......而且确实如此.即使我的String中有数字,它也会返回true.
这是RegExp:
new RegExp("^[^\\- ][A-Za-z\u00C00-\u017F\\- ]+"); // \u00C00-\u017F = À-S(latin)
它是验证表单中的名字.
问题很奇怪,因为我在java中的服务器端具有完全相同的正则表达式,并且它工作得很好.
谢谢你的回答:)
推荐指数
解决办法
查看次数
标签 统计
javascript ×2
css ×1
css3 ×1
filepath ×1
html ×1
html5 ×1
image-zoom ×1
input ×1
java ×1
path ×1
php ×1
range ×1
regex ×1
transition ×1
validation ×1
zoom ×1