Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.11.2011, 19:39
Аспирант
Отправить личное сообщение для nule Посмотреть профиль Найти все сообщения от nule
 
Регистрация: 03.11.2011
Сообщений: 42

Сделать ссылку в тексте кликабельной внутри определенного тега
Приветствую!
Задача сделать кликабельными ссылки внутри тега td класса "code".
Код:
function codelinks() {
var tdclasses = document.getElementsByTagName("td"); 
codes = new Array();
for (i=0; i<tdclasses.length; i++ )
if (tdclasses[i].className == "code"){
codes.push(tdclasses[i]);
}
//сформировали массив из td "code"
codeshtml= new Array();
for (j=0; j<codes.length; j++ )
codeshtml.push(codes[j].innerHTML);
//сформировали массив из html внутри td "code"
var ss=/(http:\/\/.+\.[a-z]{2,3})/gi;
for (k=0; k<codeshtml.length; k++ )
document.getElementsByTagName("td").innerHTML=codeshtml[k].replace(ss, "<a href='$1'>$1</a>");//тут всякая отсебятина
 }
   window.onload = codelinks;
Не могу правильно сформулировать последнюю строку, помеченную как отсебятина.
Помогите пожалуйста.
Спасибо!

Последний раз редактировалось nule, 05.11.2011 в 20:54.
Ответить с цитированием
  #2 (permalink)  
Старый 05.11.2011, 23:32
Интересующийся
Отправить личное сообщение для griffonn Посмотреть профиль Найти все сообщения от griffonn
 
Регистрация: 05.11.2011
Сообщений: 15

function clickable(){
var codeElems = $(".code"); //jQuery
var ss=/(http:\/\/.+\.[a-z]{2,3})/gi;
for (var c=0; c<codeElems.length; c++){
codeElems[c].innerHTML=codeElems[c].innerHTML.replace(ss, '<a href="$1">$1</a>');
}
}

первая строчка внутри функции - селектор для классов из jQuery, вся первая часть вашего кода в одну строку
не забудьте учесть, что ссылки могут быть и без http://, но с www, https://, ftp://, mailto: etc. рекомендую проверять домен по списку готовых
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как получит ссылку на элемент внутри которого запустили JS код? aRpi Events/DOM/Window 20 02.10.2011 13:36
Поиск определенного слова в тексте faforty Общие вопросы Javascript 4 24.09.2011 15:41
По клику на ссылку меняем содержимое внутри блока goooooch Общие вопросы Javascript 6 26.01.2011 15:25
Как сделать ссылку картинку, которая изменяется при наводе курсора на неё? Кирилл Общие вопросы Javascript 2 10.03.2009 15:14
как сделать ссылку перехода на скрипт bazhan Общие вопросы Javascript 6 04.09.2008 10:56