标签: highlight

如何保持列表元素点击后突出显示?

这个问题是关于ListItems的突出显示.

我通过使用以下类突出显示列表项.

ul.category_list li {
  background: none repeat scroll 0 0 #B73737;
  border-bottom: 1px solid #CCCCCC;
  color: #953131;
  display: block;
  height: 29px;
  width: 242px;
}

ul.category_list li a:link,ul.category_list a:visited { 
        display: block; width: 227px; height: 18px; padding: 5px 0 6px 15px;
        background: #fff; text-decoration: none; color: #666; }

    ul.category_list li a:hover { 
        display: block; width: 227px; height: 18px; padding: 5px 0 6px 15px;
        background: #e5e5e5 url(../images/disc_apps/nav_over.jpg) no-repeat; text-decoration: none; color: #666; }

    ul.category_list li a:active { 
        display: block; width: 227px; …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery highlight html-lists

0
推荐指数
1
解决办法
8853
查看次数

jQuery toggleClass - 一次突出显示一个链接?

我有一个页面上的链接列表,当用户点击我希望它突出显示的链接时,同时我希望其余的链接变得不突出.在http://api.jquery.com/toggleClass/中间的演示 完全符合我的要求,但它允许您一次突出显示许多链接.任何人都可以建议我需要调整以使其工作吗?非常感谢.

jquery highlight toggle

0
推荐指数
1
解决办法
2256
查看次数

添加类以使用PHP突出显示所选菜单的最简单方法是什么?

我在所有页面都有这样的菜单,并且想要添加一个CSS类来根据页面突出显示所选菜单.

这是最简单的方法吗?

<div id="menu">
   <a href="index.php" class="item-menu">Home</a>
   <a href="projects.php" class="item-menu">Projects</a>   
   <a href="contact.php" class="item-menu">Contact</a>            
</div>
Run Code Online (Sandbox Code Playgroud)

菜单代码menu.php位于所有页面中调用的文件内.我可以用曲折的方式实现我想要的东西(使用IF或其他东西),但我正在寻找一个简单的解决方案.

css php menu highlight

0
推荐指数
1
解决办法
1119
查看次数

Google地图标记突出显示

我有一个在地图上放置标记的scipt,每个标记都有它的唯一ID设置如下:

marker = new google.maps.Marker({
        position: position,
        map: map,
        icon: markerImg,
        id: uniqueid()
    });
Run Code Online (Sandbox Code Playgroud)

将每个标记推送到聚类器后,我运行一个函数,构建一个包含地图上所有标记的侧栏.该侧栏的每个div代表一个标记:

<div id="sidebar">
   <div id="marker1234"></div>
   <div id="marker1235"></div>
   <div id="marker1236"></div>
   ...
</div>
Run Code Online (Sandbox Code Playgroud)

如何创建一个悬停div的功能,突出显示地图上的相应标记?问题是我不知道如何通过其ID来定位单个标记.

我看到了一些像这样的解决方案http://www.geocodezip.com/v3_MW_example_hoverchange.html(在StackOverflow上找到),但它依赖于另一种方法来构建侧边栏...

PS.我想避免在每次悬停标记列表时循环所有标记...

sidebar highlight hover google-maps-api-3 marker

0
推荐指数
1
解决办法
7605
查看次数

Highchart工具提示的奇怪行为

我的Highchart中的工具提示表现得很奇怪.它过着自己的生活.它没有显示我悬停点的工具提示,但随机显示任意点的工具提示.

这是一个JSFiddle示例:http://jsfiddle.net/AeV7h/9/

$(function () {

var data=[[28,0],[24,3],[16,10]];
var param= { WodTag: "cur_spd", Name: "Current speed", Color: "#C6C6C6", LineStyle: "Solid", SeriesType: "line", LineWidth: 2, TickInterval: null,  MinValue: null, MaxValue: null, Decimals: 2 };

$('#container').highcharts({
        chart: {
            height: 700,
            width: 400,
            plotBorderWidth: 1,
            plotBorderColor: '#E4E4E4',
        },
        xAxis: {
            title: {
                useHTML: true,
                text: param.Name + "( m/s  )",
            },
            gridLineWidth: 1,
            min: param.MinValue,
            max: param.MaxValue,
            gridLineDashStyle: 'Dot',
            tickInterval: param.TickInterval
        },
        yAxis: {
            title: {
                text: 'Depth(m)',
            },
            reversed: true, …
Run Code Online (Sandbox Code Playgroud)

highlight tooltip hover highcharts highstock

0
推荐指数
1
解决办法
104
查看次数

如何保持cts:从匹配内​​部XML标签突出显示?

我正在尝试使用REST API搜索某些内容并突出显示MarkLogic中XML内容(如google)中的搜索字符串.问题是当我在搜索字符串中包含"ME"时,它会在内容中突出显示"i"标记(html斜体标记)和"Me".我创建了一个包含一些元素的文档,并在文档上运行了单词查询.例如XML内容:

         <resources>
         <title> some data from me</title>
         <desc> more data <i> from </i> somewhere by me </desc>
         </resources>
Run Code Online (Sandbox Code Playgroud)

我创建了一个文档,其中包含根节点"resources"和子元素"title"和"desc",并使用word-query搜索文档中的搜索字符串.

现在,当我搜索"some me"时,它会检索内容

         <resources>
         <title> <<span class="highlight">some</span> data from <<span class="highlight">me</span>
          </title>
         <desc> more data <<span class="highlight">i</span>> from <<span class="highlight">i</span>> somewhere by <span class="highlight">me</span>              </desc>
         </resources>
Run Code Online (Sandbox Code Playgroud)

网址:

localhost:9000/v1/search?q=some me&collection=Data&start=0&pageLength=10&options=Transformation&format=json
Run Code Online (Sandbox Code Playgroud)

我正在使用cts:突出显示突出显示,有些事情如下:

cts:highlight($final-result, $query, fn:concat('<span class="highlight">',$cts:text,'</span>')), $custom-config)
Run Code Online (Sandbox Code Playgroud)

关于为什么html元素在这里被突出显示的任何想法?提前致谢.

api rest search highlight marklogic

0
推荐指数
1
解决办法
148
查看次数

Python Selenium - 高亮元素不做任何事情

我正在尝试使用 python selenium 突出显示以下网页上的元素。我正在使用此处发布的解决方案:如何使用 Selenium-Python 突出显示网页上的元素?但它根本不会产生任何效果。我没有收到任何错误消息,它只是没有突出显示我选择的元素。有没有人遇到过同样的问题?这是我的代码:

from selenium import webdriver
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.action_chains import ActionChains
import time

chromeOptions = webdriver.ChromeOptions()
driver = webdriver.Chrome()
driver.maximize_window()
url = "https://learn.letskodeit.com/p/practice"
driver.get(url)

def highlight(element):
    """Highlights (blinks) a Selenium Webdriver element"""
    driver = element._parent
    def apply_style(s):
        driver.execute_script("arguments[0].setAttribute('style', arguments[1]);",
                              element, s)
    original_style = element.get_attribute('style')
    apply_style("border: 2px solid red;")
    time.sleep(.3)
    apply_style(original_style)


open_window_elem = driver.find_element_by_id("openwindow")
highlight(open_window_elem)
Run Code Online (Sandbox Code Playgroud)

python selenium highlight selenium-chromedriver

0
推荐指数
1
解决办法
2994
查看次数

在Atom编辑器中的HTML中突出显示JavaScript

因此,我是Atom的新手,我注意到当我<script>在HTML中使用它时,它不会突出显示任何内容,我想知道这是否正常,如果是的话,如何使Atom在<script>标记内突出显示JavaScript 在HTML中?

在此处输入图片说明

html javascript syntax-highlighting highlight atom-editor

0
推荐指数
2
解决办法
715
查看次数

使用 PDFKit 删除突出显示注释

我使用 swift 和 PDFKit 成功地将突出显示注释添加到 pdf 中,但我无法弄清楚如何让用户再次删除突出显示。

用户可以正常选择文本,然后从 UIMenu 中选择“突出显示”或“删除突出显示”。

为了在选择文本时自定义 pdfView,我更改了显示的菜单 - 首先删除默认操作:

extension PDFView {
    override public func canPerformAction(_ action: Selector, withSender sender: Any?) -> Bool {
        return false
    }
}
Run Code Online (Sandbox Code Playgroud)

然后在 viewDidLoad() 中我设置了自定义 UIMenuItems:

let menuItem1 = UIMenuItem(title: "Highlight", action: #selector(highlightSelection(_:)))        
let menuItem2 = UIMenuItem(title: "Remove highlight", action: #selector(removeHighlightSelection(_:)))
UIMenuController.shared.menuItems = [menuItem1, menuItem2]
Run Code Online (Sandbox Code Playgroud)

选择突出显示时:

@objc func highlightSelection(_ sender: UIMenuItem) {
            let selections = pdfViewer.currentSelection?.selectionsByLine()
            guard let page = selections?.first?.pages.first else { return }

            selections?.forEach({ selection in
                let …
Run Code Online (Sandbox Code Playgroud)

pdf annotations highlight pdfkit swift

0
推荐指数
1
解决办法
2294
查看次数

选择选项上的jQuery Highlight元素

我在下拉样式选择框中有一个值列表,例如

<select id="places">
<option>Italy</option>
<option>France</option>
<option>Germany</option>
<option>Spain</option>
</select>
Run Code Online (Sandbox Code Playgroud)

我在页面上的div中也有相同的值列表,例如

<div>
<span>Italy</span>
<span>France</span>
<span>Germany</span>
<span>Spain</span>
</div>
Run Code Online (Sandbox Code Playgroud)

使用JQuery,我希望如此 - 当选择下拉列表中的值时,会简要突出显示div中的等效选项.

我一直在努力使用jQuery高亮插件,但我相信更快的方法可能是使用JjQuery UI的高亮类.提前道歉是一个菜鸟:)

javascript jquery select release highlight

-1
推荐指数
1
解决办法
4907
查看次数