Как сделать ссылку на выделенный текст на другой странице - PullRequest
Новая
       54

Как сделать ссылку на выделенный текст на другой странице

0 голосов
/ 18 апреля 2011

У меня есть статическая HTML-страница, где я использую теги span и javascript для выделения выделенных фрагментов текста.На отдельной странице я хотел бы вернуться к этой HTML-странице и указать, что подсветка активна. См. Приведенный ниже код.

Проблема заключается в обязательном теге style = "background: transparent" .Он должен быть там, чтобы выделение было активным только при нажатии, но это также означает, что когда я пытаюсь сделать ссылку на эту страницу, как указано ниже, выделение не активно.

Любая помощь будет оченьоценили.Спасибо.

При нажатии на эту ссылку выделяются определенные части текста в документе. 

<span title="Warscape"><a title="Warscape" onclick="highlightSpan(this.getAttribute('title'))" href="">Warscape</a></span>

Этот текст выделяется при нажатии. 

<span title="Warscape" class="highlight" style="background: transparent">During this month while we have been building Fort No 1 Spring field Missouri, quite a No of Regiments have arrived from the north &amp; now the Army of the Frontier [is?] formed</span>

Код для ссылки на страницу с подсветкой. 

<a href="j_62sept.html?highlight=Warscape">

CSS re.выделение 

.highlight {background:#bcdbda;}

Javascript re.подсветка 

function highlightSpan(spanTitle)
{
var spans = document.getElementsByTagName("span");
// take away color
for (var i = 0; i < spans.length; ++i)
{
    spans[i].style.backgroundColor = "transparent";
}
// add color
for (var i = 0; i < spans.length; ++i)
{
    if (spans[i].getAttribute('title') == spanTitle)
    { 
        spans[i].style.backgroundColor = "#bcdbda";       
    } 
}
}

Ответы [ 2 ]

0 голосов
/ 18 апреля 2011

Это интересный вопрос. Если вы хотите, чтобы javascript обрабатывал параметры в URL, вы можете использовать параметр window.location.href, чтобы вытащить его. Итак, довольно просто следующая функция: 

function CheckForHighlight(){
    href = window.location.href;
    values = href.split('?')[1] // Remove the url
    highlight = values.split('=')[1]; // Grab the second parmeter
    highlightSpan(highlight); // Highlight it!

}

Обратите внимание, что это очень простой пример. Я призываю к простоте обучения, и эта функция может быть расширена для динамического анализа всех URL-адресов. Мозговая тренировка для вас!

0 голосов
/ 18 апреля 2011

когда вы нажимаете ссылки на страницу, где происходит выделение (<a href="j_62sept.html?highlight=Warscape"> ), вам нужно как-то прочитать значение строки запроса на этой странице, чтобы выделить правильный интервал.Вы можете использовать JavaScript для этого.Смотрите этот пример: http://www.bloggingdeveloper.com/post/JavaScript-QueryString-ParseGet-QueryString-with-Client-Side-JavaScript.aspx

...