Как я могу автоматически выделить определенный символ в тексте ссылки, используя JQuery + CSS? - PullRequest
Новая
       23

Как я могу автоматически выделить определенный символ в тексте ссылки, используя JQuery + CSS?

2 голосов
/ 13 мая 2010

Я добавляю горячие клавиши в веб-приложение, чтобы использовать сочетания клавиш для наших CSR, чтобы уменьшить травмы и увеличить количество звонков в час. Я использую ASP.net UserControl для ввода JavaScript на страницу, и он отлично работает.

Я хочу, чтобы элемент управления "просто работал", чтобы при назначении горячих клавиш с использованием декларативного синтаксиса, если в тексте ссылки присутствовала горячая клавиша, она выделялась автоматически, поэтому разработчику не нужно делать что угодно, а также для поддержания последовательности в визуальных подсказках.

Вот код для назначения горячих клавиш, если это имеет значение: 

<uc:HotKeysControl ID="theHotkeys" runat="server" Visible="true">
<uc:HotKey ControlName="AccStatus$btnInvoiceEverBill" KeyCode="ctrl+v" />
<uc:HotKey ControlName="AccStatus$btnRefund" KeyCode="ctrl+u" />
<uc:HotKey ControlName="thirdControl" KeyCode="ctrl+p" />
</uc:HotKeysControl>

Я хочу что-то вроде: 

<a href="whatever" name="thirdControl">Make a <span class=hotkey">P</span>ayment</a>

... но я не женат на идее ввести туда 1011 *, если есть лучший способ.

Как я могу сделать это в CSS или JQuery? Есть ли способ передать письмо стилю CSS и изменить цвет отображаемого текста? Должен ли я генерировать JavaScript для выделения текста при загрузке страницы?

Что бы вы сделали / сделали в этой ситуации?

1 Ответ

1 голос
/ 14 мая 2010

Что-то вроде: 

$("a:contains('Payment')").html(function(i, old_html) {
  old_html.replace(/Payment/, '<span class="hotkey">P</span>ayment');
})
...