标签: highlight

使用jQuery的datepicker突出显示特定范围内的日期

我需要突出显示开始日期和结束日期之间的日期,我应该能够指定.谁能帮我?

jquery date datepicker highlight

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

防止意外选择/拖动突出显示

我有一个使用html5画布的绘图应用程序.当用户绘图并且笔滑出画布区域时,chrome会以亮蓝色或黄色突出显示页面上的html元素.

屏幕截图

这对绘图体验具有破坏性.有没有办法防止这种亮点发生?

事件处理和绘图代码基于这篇文章:http://jsfiddle.net/rnNFB/1/

var x ;
var y ;

var lower = $('#lower').get(0).getContext('2d') ;
var upper = $('#upper').get(0).getContext('2d') ;

var dragging = false ;

function drawStroke(ctx){
    var i ;
    ctx.strokeStyle='rgba(0,0,0,0.5)' ;
    ctx.lineWidth=10 ;
    ctx.beginPath() ;
    ctx.moveTo(x[0],y[0]) ;
    for (i=1; i < x.length; i++){
        ctx.lineTo(x[i],y[i]) ;
    }
    ctx.stroke() ;
}

$('#upper').mousedown(function(e){
    x=[e.layerX];
    y=[e.layerY];
    dragging=true}) ;

$('#upper').mousemove(function(e){
    if (dragging){
        x.push(e.layerX);
        y.push(e.layerY);
        upper.clearRect(0,0,upper.canvas.width,upper.canvas.height) ;
        drawStroke(upper) ;
    }}) ;

$('#upper').mouseup(function(e){
    dragging = false ;
    upper.clearRect(0,0,upper.canvas.width,upper.canvas.height) ;
    drawStroke(lower) ;
}) ;
Run Code Online (Sandbox Code Playgroud)

如果在画布标签上方添加一些h1标签然后在画布上绘制,在边界框外拖动,您将看到蓝色突出显示.有没有办法防止这种行为?

html5 drawing canvas highlight

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

正则表达式街道地址匹配

虽然我知道匹配街道地址永远不会是完美的,但我希望创建一些大部分时间都能接近的正则表达式.

我想突出一个地址.我在正则表达式上很糟糕,我试图接近但是有人可以帮我理解如何让它变得更好吗?

串:

上午6点 - 11点,Palma Sola小学,6806 Fifth Ave NW,Bradenton,FL 34209来到dsfsd sa fsa fasdf附近的asfsds 5001 west你的妈妈不住在这里我的2005 ford游侠,

正则表达式1:

/\S +(\ d {2,5}\S +)([A | P]?!米\ b)中(([A-ZA-Z |\S +] {1,5}){1,2}) ?([\ S | \,|.] +)(([A-ZA-Z |\S +] {1,30}){1,4})(法院|克拉|街道| ST |驱动|博士|车道| LN |道路| RD | BLVD)([\ S | \,| | \;] +)(([A-ZA-Z |\S +] {1,30}){1,2} )([\ S | \,|.] +)\ b(AK?| AL | AR | AZ | CA | CO | CT | DC | DE | FL | GA | GU …

javascript regex highlight match street-address

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

JQuery在静态HTML页面中搜索,突出显示找到的单词

我一直在尝试使用JQuery在静态HTML页面中进行简单搜索.我不得不提到这是我第一次使用JQuery.

我正在尝试更改页面中找到的单词的背景,这是我到目前为止所尝试的:

myJavascript.js:

$(document).ready(function(){

     $('#searchfor').keyup(function(){
         page = $('#all_text').text();
         searchedText = $('#searchfor').val();
         $("p:contains('"+searchedText+"')").css("color", "white");
    });
});
Run Code Online (Sandbox Code Playgroud)

这是HTML代码:

page.html中:

<html>
<head>
    <title>Test page</title>
</head>
<body bgcolor="#55c066">
<input type="text" id="searchfor"></input>
    <p id="all_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euism modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
    <font color="red">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tinci futurum.</font>
    </p>
</body>
    <script src="jquery-1.7.2.min.js"></script>
    <script src="myJavascript.js"></script>
</html>
Run Code Online (Sandbox Code Playgroud)

在用Firebug检查页面后,我可以看到JQuery中的变量确实从输入字段中获取了值,但我想我搞砸了突出显示部分.

在此先感谢您的帮助!

html css search jquery highlight

19
推荐指数
4
解决办法
7万
查看次数

javascript用户选择突出显示

我正在尝试使用javascript来突出显示用户在单击某个奇数突出显示按钮时选择的文本(如<span style ="background-color:yellow">突出显示的文本</ span>).它只需要与WebKit或Firefox一起使用,但它似乎几乎不可能,因为它必须在以下情况下工作:

<p>this is text</p>
<p>I eat food</p>
Run Code Online (Sandbox Code Playgroud)

当用户在浏览器中选择"is text"到"I eat"时(不能只是在那里放一个跨度).

这种情况:

<span><span>this is text</span>middle text<span>this is text</span></span>
Run Code Online (Sandbox Code Playgroud)

当用户在浏览器中选择"is text"到"this is"时(即使你可以在选择中的每个元素周围包含你的高亮显示,我希望你看到你试图让中间文本突出显示).

这个问题似乎没有在任何地方得到解决,坦率地说我怀疑这是可能的.

如果你可以从选择中得到的Range作为一个完整的html字符串,可以解析然后替换,这是可能的,但据我所知,你不能得到一个范围的原始html ..可怜.

javascript highlight

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

如何确保两个单词保持在同一行?

我正在为自己创建一个人网站.在我的简短生物中,我有一些突出显示的单词(或单词组).在我的一些测试中,我注意到有时两个单词被分开,因此突出显示效果看起来像垃圾.

下面是它应该是什么样子的图片,以及字体变化时的样子:

[看起来像] http://i.imgur.com/MZmyj5S.png

[不要发生这种情况] http://i.imgur.com/yLoYIza.png

请注意"web开发人员"如何被分成两行.有什么方法可以确保他们在一起吗?

提前致谢!-亚当

PS:如果你需要查看我当前的代码,请告诉我; 不要认为这会有所帮助.

html css highlight

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

如何在点击时突出显示表格行?

作为我的项目要求,我必须在onClick上突出显示表格行.有办法做到这一点吗?或者请建议我替代方案?

android highlight android-tablelayout

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

文本编辑器在语句上的垂直线

在其他文本编辑器中,例如Notepad ++,如果其他语句之间的语句有一条垂直线连接if到the elseelsethe end,这使得可视化解析变得更加容易.

示例(由黑框突出显示的垂直线): 在此输入图像描述

我想知道是否有办法在Visual Studio中执行此操作.

ide text-editor highlight visual-studio

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

VS代码 - 在小地图中突出显示所选单词

刚从Atom转移到VS代码(怀旧:P).
我正在寻找一种方法来突出显示小地图中的选定单词.任何想法如何得到这个为VS的代码?

在此输入图像描述

highlight visual-studio-code

17
推荐指数
2
解决办法
1306
查看次数

突出显示Jupyter单元格中的部分代码

有没有办法突出Jupyter细胞的某些线条?类似于下图的东西(我用照片编辑器创建的):

在此输入图像描述

我不是指用光标选择,而是永久性的.例如,当您想要突出显示新添加的代码时,这对于演示文稿非常有用.

css python highlight jupyter-notebook

17
推荐指数
1
解决办法
1541
查看次数