小编JGa*_*rdo的帖子
使用ReactJS的工具提示div
目的
我有一个div,我想用反应器做一个工具提示.
HTML
<div>on hover here we will show the tooltip</div>
<div>
<div class="tooltip_custom">this is the tooltip!!</div>
</div>
我习惯使用ng-show带有条件的angularjs <div>,我想知道在reactjs中是否有这样的绑定,或者我怎么能做这个功能？
谢谢
推荐指数
解决办法
查看次数
web.config没有转发到非.aspx页面上的404错误页面
目的
我希望所有丢失页面的URL都转发到我的根页中的404页面 404error.aspx
问题
到目前为止,只有具有.aspx遗嘱的网址才有效.例如,如果输入,4error.aspx您将被重定向到错误页面.
/404error.aspx?aspxerrorpath=/4error.aspx
背景
我不是.NET开发人员,所以我接手了这个使用经典的项目.aspx.因此,我没有使用任何Microsoft产品在模板或框架中构建任何此类产品.我只是在Sublime文本编码.
我已经研究过的
- 404重定向非aspx页面 - 答案不完整或不起作用.
- 404不会为非aspx页面附加aspxerrorpath - 但这与我想要的有点不同.
我查看了许多我在Google上发现的文章,但没有任何实际工作的完整示例.
码
这是我开始使用的完整代码 web.config
web.config中
<configuration>
<system.web>
<customErrors mode="RemoteOnly" defaultRedirect="~/404error.aspx" />
<globalization
fileEncoding="utf-8"
requestEncoding="utf-8"
responseEncoding="utf-8"
culture="en-US"
uiCulture="de-DE"
/>
</system.web>
</configuration>
我也从微软发现了这个例子(404error.aspx是我的修改版)
http://msdn.microsoft.com/en-us/library/vstudio/bb397417%28v=vs.100%29.aspx
web.config(2)
<configuration>
<appSettings/>
<connectionStrings/>
<system.web>
<compilation debug="true" />
<!-- Turn on Custom Errors -->
<customErrors mode="On"
defaultRedirect="/404error.aspx">
<error statusCode="404" redirect="/404Error.aspx"/>
</customErrors>
</system.web>
</configuration>
这也没有处理没有的页面 .aspx
然后我尝试了这个例子
web.config(3)
<?xml version="1.0"?>
<configuration>
<system.web>
<customErrors mode="RemoteOnly" defaultRedirect="~/404error.aspx" />
<error statusCode="404" …推荐指数
解决办法
查看次数
当单击一个复选框时,使用jQuery将类添加到包含li
目的
如果单击该行内的(嵌套)复选框,则突出显示(通过添加background-color到"行" <li>).
背景
在此功能中,我正在处理文件管理系统的界面.当用户单击该复选框时,他们可以删除所有已检查的文件.为了给他们视觉反馈,我希望他们所有选择的文件都有背景颜色.这将通过单击复选框完成,然后我想要<li>着色.
当前状态
我在stackoverflow上找到了各种有用的答案,但在知识方面存在差距并试图填补它.大多数答案使用父元素.但这只能帮助我着色那个拥有复选框的特定父母.
码
我在codepen上有这个演示
jQuery的
$("#this-list :checkbox").on('click', function(){
$(this).parent().toggleClass("checked");
});
CSS
.checked {
background: red;
}
HTML
<div class="container">
<ul id="this-list">
<li>
<div class="row">
<div class="col-md-2">
<input type="checkbox" />
song.mp3
</div>
<div class="col-md-2">
2011
</div>
<div class="col-md-2">
1 gb
</div>
<div class="col-md-2">
2 min
</div>
</div>
</li>
<!-- More <li>s -->
</ul>
</div>
推荐指数
解决办法
查看次数
DIV中的水平滚动,里面有许多小DIV(没有文字)
目的
我有一个固定高度和宽度的主DIV,我希望有很多小DIV可以自由浮动.我有更多的小型DIV,而不是主DIV.然后,它似乎在默认情况下是消失的小DIV的下降主要DIV之外.我希望他们反而消失在右边.
我想触发一个水平滚动条,但没有垂直.
背景
我white-space: nowrap按照http://www.webmasterworld.com/forum83/8844.htm所述进行了测试
如果我在主DIV中只有文本或图像,那么它的工作非常完美.
题
但是当主DIV只包含小DIV时我该怎么办？
推荐指数
解决办法
查看次数
键入文本输入字段时,打印在div中键入的内容
我有一个网站,其中有一个空框和一个输入文本框.我希望能够在该输入框中键入内容并将其打印在空盒子上.
HTML
<div class='printchatbox'></div>
这是空盒子
<input type='text' name='fname' class='chatinput'>
这是输入框.
CSS
.printchatbox
{border-width:thick 10px;border-style: solid;
background-color:#fff;
line-height: 2;color:#6E6A6B;font-size: 14pt;text-align:left;float: middle;
border: 3px solid #969293;width:40%;}
如果有人能告诉我如何做到这一点我会非常感激.谢谢
推荐指数
解决办法
查看次数
jquery砌体图像重叠,直到完成页面调整大小
我发现这个模板演示了我对jquery砌体和图像布局的问题.看一下这个twitter bootstrap模板页面:
第一次加载页面时,所有图像都相互堆叠,直到页面刷新或重新调整大小为止.然后正确显示图像.
这是我的HTML和jQuery有同样的问题:
HTML
<div class="gallery-masonry masonry" style="position: relative; min-height:100px; height: auto;">
<div id="loading">Loading ...</div>
</div>
jQuery的
$.post("functions/photo_functions.php", { f: 'getallphotos'}, function(data) {
$('#loading').hide();
if(data) {
$.each(data.images, function(i, image) {
var img_block = '<div class="item masonry-brick" style="position: absolute; top: 0px; left: 0px;">' +
'<a href="#" class="thumbnail"><img src="'+image.url+'" alt=""></a>' +
'<div class="actions">' +
'<a title="" href="#" class="tip-top" data-original-title="Edit"><i class="icon-pencil icon-white"></i></a>' +
'<a title="" href="#" class="tip-top" data-original-title="Remove"><i class="icon-remove icon-white"></i></a>' +
'</div>' +
'</div>';
$(".gallery-masonry").append(img_block);
});
$('.gallery-masonry').masonry({
itemSelector: …推荐指数
解决办法
查看次数
jQuery表单输入由id选择
码
<form id='a'>
<input id='b' value='dave'>
</form>
题
如何从输入'b'获取值,同时确保它在'a'(类似$('#a:input[id=b]'))内.
我只是问,因为我可能在我的页面中的其他地方有其他输入称为'b',我想确保我从正确的表单中获取值.
推荐指数
解决办法
查看次数
将the_post_thumbnail宽度设置为100%
如何设置,the_post_thumbnail以便它不使用数组的大小,但可以设置为100%宽度和自动高度:
<?php $ht_featured_img = get_option('ht_featured_img');
if ($ht_featured_img == "true") { ?>
<?php if ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) { /* if post has a thumbnail */ ?>
<div class="post-image">
<?php the_post_thumbnail( array(1215,9999) ); ?>
</div><!--post-image-->
<?php } ?>
<?php } ?>
推荐指数
解决办法
查看次数
使用以下方法创建这样的边框:之前和:在CSS中的伪元素之后？
目的
我希望能够创造像一个边界这个在CSS中,可能使用伪元素,然后一个背景图像.
码
HTML
<div id="footer"></div>
CSS
#footer {
background: #4b4b4b;
color: #868686;
padding: 0;
position: relative;
height: 100px;
width: 900px;
}
#footer:before {
content: "";
display: block;
width: 220px;
background-color: #e1e1e1;
height: 8px;
}
推荐指数
解决办法
查看次数
如何避免在瓶子python Web框架中转义html字符？
题
如何在Bottle-Python Web Framework中防止转义字符？
背景
我正在用瓶子(python)制作歌词webapp,我在将它插入数据库之前测试所有数据是正确的,所以,现在,我基本上有一个有"歌名","艺术家"的表格","歌词"(在textarea中)就是这样.
当表单提交它加载包含上述三种输入值(歌曲,歌手及歌词)的网页,一切工作正常,但歌词HTML被转义(发送歌词到模板之前,我全部换成了\n带<br>) .
所以我做了我的研究,并从bottlepy.org的本教程中 发现,瓶子逃脱了html标签以防止XSS攻击,你可以通过设置"!"来禁用它.在变量名之前,太棒了!我找到了解决方案,但是......当我尝试使用它时,它抛出了一个错误:
错误 - 计算机上的错误的屏幕截图
Exception:
SyntaxError('invalid syntax', ('H:\\Server\\htdocs\\letras\\prueba.tpl', 4, 27, "u'<div>Letra: ', _escape( !letra['letra'] ), u'</div>'])\n"))
Traceback (most recent call last):
File "H:\Server\htdocs\letras\bottle.py", line 764, in _handle
return route.call(**args)
File "H:\Server\htdocs\letras\bottle.py", line 1575, in wrapper
rv = callback(*a, **ka)
File "index.py", line 41, in guardar_letra
return template('prueba.tpl', letra = data)
File "H:\Server\htdocs\letras\bottle.py", line 3117, in template
return TEMPLATES[tplid].render(kwargs)
File "H:\Server\htdocs\letras\bottle.py", line 3090, …推荐指数
解决办法
查看次数