小编Jas*_*son的帖子

选择元素中的文本(类似于用鼠标突出显示)

我希望让用户单击一个链接,然后在另一个元素(不是输入)中选择HTML文本.

通过"选择",我的意思与通过将鼠标拖过它来选择文本的方式相同.这是一个研究的熊,因为每个人都在谈论其他术语中的"选择"或"突出".

这可能吗?我的代码到目前为止:

HTML:

<a href="javascript:" onclick="SelectText('xhtml-code')">Select Code</a>
<code id="xhtml-code">Some Code here </code>
Run Code Online (Sandbox Code Playgroud)

JS:

function SelectText(element) {
    $("#" + element).select();
}
Run Code Online (Sandbox Code Playgroud)

我错过了一些明显的东西吗?

javascript jquery

408
推荐指数
8
解决办法
29万
查看次数

使DIV填充整个表格单元格

我已经看过这个问题并且用Google搜索了一下,但到目前为止还没有任何效果.我现在认为它是2010年(那些问题/答案很老,而且很好,没有答案)我们有CSS3!有没有办法让一个div使用CSS填充整个表格单元格的宽度和高度?

我不知道单元格的宽度和/或高度是提前的,并且将div的宽度和高度设置为100%不起作用.

另外,我需要div的原因是因为我需要绝对将一些元素放在单元格之外,并且position: relative不适用于tds,所以我需要一个包装div.

css

151
推荐指数
8
解决办法
20万
查看次数

你如何检测清除"搜索"HTML5输入?

在HTML5中,search输入类型在右侧显示一个小X,将清除文本框(至少在Chrome中,可能是其他文件框).有没有办法检测这个X在javascript或jQuery中被点击的时间,比如检测到什么时候单击该框或进行某种位置点击检测(x-position/y-position)?

javascript jquery events html5 javascript-events

135
推荐指数
7
解决办法
8万
查看次数

从Tab键顺序中明确排除html元素

无论如何要从HTML表单的Tab键顺序中排除元素.

所以如果我有以下内容

<input type=text name=username>
<input type=text name=password>
<input type=button name=forgotpassword>
<input type=submit name=login>
Run Code Online (Sandbox Code Playgroud)

我知道我可以使用tabindex作为1,2,3,4,但我不想对所有字段进行编号.我的应用程序是动态创建字段.

谢谢

贾森

html forms tabindex

54
推荐指数
1
解决办法
2万
查看次数

根据EXACT文本内容选择元素

我有一个div列表,所有div都包含一个p被归类为的标签index.这些p标签的文本内容是从1到n的数字(尽管可能不超过30-40).我有以下选择器,在初步测试中工作正常:

var ad = $('.existing_ad .index:contains('+index+')').parents('.existing_ad');
Run Code Online (Sandbox Code Playgroud)

index我从p标签中检索的数字索引在哪里,是.existing_ad父类的div.正如我所说,这很好......直到我的数字更高.例如,当索引为1时,它选择.existing_ad索引具有A 1 IN IT 的s ,例如1,10-19,21,31等.

我怎样才能获得索引n

jquery

40
推荐指数
2
解决办法
2万
查看次数

使用CSS从中间扩展div而不是上下左侧

我不确定这是否可行,但我认为使用CSS变换来创建一个效果,其中div从其中心扩展到预定的高度和宽度,而不是仅从左上角开始.

例如,如果我有(演示)

<div id="square"></div>
Run Code Online (Sandbox Code Playgroud)

和(供应商前缀为了简洁而遗漏)

#square {
    width: 10px;
    height: 10px;
    background: blue;
    transition: width 1s, height 1s;
}
#square:hover {
    width: 100px;
    height: 100px;
}
Run Code Online (Sandbox Code Playgroud)

在悬停时,这会将方块向右扩展到100px.我想从中间扩展它.

我知道我可能会使用transform: scale(x)(演示),但这并没有真正为我提供一个非常"像素完美"的布局(因为它是基于百分比的),它也不会影响周围的布局(使其他文档流中的元素调整为其大小调整).这基本上是我想要做的,除非文档流相应地受到影响.

有没有人知道没有javascript的方法吗?

css css3 css-transitions

32
推荐指数
1
解决办法
5万
查看次数

webkit-transform覆盖了Chrome 13中的z-index排序

更新

很抱歉没有添加细微的细节,我们也将很多div元素叠加在一起z-index.在解决了这个问题之后,似乎webkit-transform实际上与z-index排序混淆了,而实际问题与动画本身无关.

结束更新

我目前正处于一个项目中,我们开发了一个非常重视CSS3动画的应用程序.我们div-webkit-transform和来制作很多元素-webkit-transition.

一切都很好,直到今天,页面的所有待动画元素都消失了.谷歌浏览器似乎已经从12.xx升级到13.0.782.107m,现在,突然之间,带有-webkit前缀的CSS3属性已经停止工作,并且已经应用​​了这个属性的元素不再显示.-webkit-transform通过Chrome调试器删除属性会使元素再次可见.

有没有其他人遇到过同样的问题,或者知道如何解决这个问题?

我可能会补充一点,我试图仅删除-webkit前缀(只留下transform),然后显示缺少的元素,但之后根本不会为元素设置动画,因为transform不支持CSS3属性.

我一直在使用也试过el.style.webkitTransformel.style.WebkitTransform,没有成功.

将传递一些示例代码来解释.期望的结果是sq1离开并揭示sq2.

HTML:
<div id="sq1" style="z-index:10;">
<div id="sq2" style="z-index:5;">

JS
/* fetch the element */
var el = document.getElementById("sq1");
/* apply CSS */
el.style["-webkit-transition"] = "-webkit-transform 500ms linear";
el.style["-webkit-transform"] = "translate3d(30px, 30px, 0px)";
Run Code Online (Sandbox Code Playgroud)

javascript css webkit google-chrome css3

31
推荐指数
2
解决办法
2万
查看次数

如何在Jinja2中使用正则表达式?

我是Jinja2的新手,到目前为止,我已经能够完成我想要的大部分工作.但是,我需要使用正则表达式,我似乎无法在文档或谷歌上找到任何东西.

我想在Javascript中创建一个模仿此行为的宏:

function myFunc(str) {
    return str.replace(/someregexhere/, '').replace(' ', '_');
}
Run Code Online (Sandbox Code Playgroud)

这将删除字符串中的字符,然后用下划线替换空格.我怎么能用Jinja2做到这一点?

regex jinja2

26
推荐指数
1
解决办法
3万
查看次数

MySQL:即使没有记录,也选择范围内的所有日期

我有一个用户数据库.我想基于用户群增长创建一个图表.我现在的查询是:

SELECT DATE(datecreated), count(*) AS number FROM users 
WHERE DATE(datecreated) > '2009-06-21' AND DATE(datecreated) <= DATE(NOW())
GROUP BY DATE(datecreated) ORDER BY datecreated ASC
Run Code Online (Sandbox Code Playgroud)

几乎返回了我想要的东西.如果我们有一天获得0个用户,则该日期不会返回为0值,只会跳过该值,并且会返回至少有一个用户的第二天.我怎样才能得到类似的东西(伪造的反应):

date1 5
date2 8
date3 0
date4 0
date5 9
etc...
Run Code Online (Sandbox Code Playgroud)

零日期与其他日期按顺序显示?

谢谢!

mysql date gaps-and-islands

25
推荐指数
3
解决办法
3万
查看次数

使用jQuery/JS来确定星期几

是否有使用JavaScript或jQuery的方法来确定它是星期几?例如,如果用户在框中选择的日期是星期日,我可以提醒他们.

javascript jquery date

25
推荐指数
4
解决办法
6万
查看次数