Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.07.2015, 23:05
Аватар для wlad2
Кандидат Javascript-наук
Отправить личное сообщение для wlad2 Посмотреть профиль Найти все сообщения от wlad2
 
Регистрация: 16.10.2010
Сообщений: 117

найти html тег h1 внутри <header> и сделать кликабельным — 150 р
нужен JS скрипт
сделать с такого

<header><h1>тут любой текст</h1>


такое
<header><h1><a href="/">тут любой текст</a></h1>


оплата по факту, вебмани или яд
пишите в ветку сразу скрипт, тот кто быстрее справится получит средства
Ответить с цитированием
  #2 (permalink)  
Старый 23.07.2015, 23:13
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

А можно весь список огласить? Пожалуйста. А то все частями по 150, так "развести" может

Последний раз редактировалось laimas, 23.07.2015 в 23:16.
Ответить с цитированием
  #3 (permalink)  
Старый 23.07.2015, 23:18
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 23.12.2013
Сообщений: 1,856

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<header><h1>тут любой текст</h1></header>
<script>
var h1 = document.querySelector('header h1');

h1.innerHTML = '<a href="/">' + h1.innerHTML + '</a>';
</script>  
</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 23.07.2015, 23:43
Аватар для wlad2
Кандидат Javascript-наук
Отправить личное сообщение для wlad2 Посмотреть профиль Найти все сообщения от wlad2
 
Регистрация: 16.10.2010
Сообщений: 117

Safort,
на сайте выбивает Uncaught TypeError: Cannot read property 'innerHTML' of null
Ответить с цитированием
  #5 (permalink)  
Старый 23.07.2015, 23:46
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

<script>
window.onload = function(){
var h1 = document.querySelector('header h1');
h1.innerHTML = '<a href="/">' + h1.innerHTML + '</a>';
}
</script>
Ответить с цитированием
  #6 (permalink)  
Старый 23.07.2015, 23:46
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 23.12.2013
Сообщений: 1,856

В примере что я дал выше всё работает. По всей видимости у тебя скрипт запускается до того как создалась нужная часть DOM. Покажи проблемную страницу.
Ответить с цитированием
  #7 (permalink)  
Старый 23.07.2015, 23:55
Аватар для wlad2
Кандидат Javascript-наук
Отправить личное сообщение для wlad2 Посмотреть профиль Найти все сообщения от wlad2
 
Регистрация: 16.10.2010
Сообщений: 117

Safort, работает подключил setTimeout
Ответить с цитированием
  #8 (permalink)  
Старый 24.07.2015, 02:30
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от wlad2
подключил setTimeout
Лучше через window.onload
и лучше обрамлять снаружи, ибо контент внутри меньше самого тега h1
Ответить с цитированием
  #9 (permalink)  
Старый 24.07.2015, 02:35
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от Deff
лучше обрамлять снаружи
Только в HTML5 <a><h1></h1></a> будет валидным, иначе нет.
Ответить с цитированием
  #10 (permalink)  
Старый 24.07.2015, 03:36
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

laimas,
Возможно тогда выручит атрибут onclick c locаftion.href ? + css cursor: pointer;

Последний раз редактировалось Deff, 24.07.2015 в 03:38.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Где найти скрипт - Социальный Замок для html ? klimentino Общие вопросы Javascript 1 25.10.2013 06:39
Подсветка HTML внутри TEXTAREA inetusr Общие вопросы Javascript 2 24.02.2009 17:22