VPF::<a> сменить на <del> - Форум программистов

ProgramerForever

Дата 17.9.2008, 03:56 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 554
Регистрация: 15.11.2006
Где: Новосибирск

Репутация: 1
Всего: 5

Добрый день. Передо мной встала такая задача: есть ссылки на страничке, необходимо с помощью JavaScript сделать так, что при щелчке на ссылке, текст ссылки заменялся на зачёркнутый, т.е. ссылка становилась неактивной (<del>).

whyte

Дата 17.9.2008, 09:59 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 29
Регистрация: 6.6.2008

Репутация: нет
Всего: нет

При правильной организации структуры документа можно пользоваться методами DOM.
Можно использовать removeChild и appendChild.

chertoss

Дата 17.9.2008, 10:06 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 88
Регистрация: 28.7.2008

Репутация: 1
Всего: 2

а можно эмулировать, как то так к примеру

Код


<a href="#" onclick="this.style.textDecoration = 'line-through'; this.style.cursor='default'; this.style.color='black'; this.href = 'javascript:void(0)';" onfocus="this.blur()">sdgsg</a>

ProgramerForever

Дата 18.9.2008, 15:32 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 554
Регистрация: 15.11.2006
Где: Новосибирск

Репутация: 1
Всего: 5

При выполнении кода

Код


<a href="http://InfraRed.Ucoz.ru"
target="_blank" 
onclick="this.style.textDecoration = 'line-through';
this.style.cursor='default';
this.style.color='black';
this.href = 'javascript:void(0)';"
onfocus="this.blur()">Text 1</a>

открывается новая страница, но там нет нужной страницы, т.е.

Код


this.href = 'javascript:void(0)';

выполняется до перехода по ссылке. Если же в том поле поставить URL, то ссылка после клика остаётся "живой", хотя и зачёркнутой. Нужно, чтобы ссылка переставала быть активной и была зачёркнутой, но и чтобы страница открывалась. Может внутрь onclick поставить другую JavaScript-функцию с параметром, которая(функция ) открывала бы нужную страницу? Как это сделать?

Пробовал

Код


<a href="http://InfraRed.Ucoz.ru"
target="blank" 
onclick="this.style.textDecoration = 'line-through';
this.style.cursor='default';
this.style.color='black';
OpenLink(this.href);
this.href = 'javascript:void(0)';"
onfocus="this.blur()">Text 1</a>

<script language="JavaScript">
function OpenLink(Link);
{
myWin = open(Link);
}
</script>

Ссылка остаётся живой :(

Это сообщение отредактировал(а) ProgramerForever - 18.9.2008, 15:47

chertoss

Дата 18.9.2008, 15:53 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 88
Регистрация: 28.7.2008

Репутация: 1
Всего: 2

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
  <title></title>
  <script language="JavaScript" type="text/javascript">
  /*<![CDATA[*/
  function foo() {
    var a = document.getElementById("link");
    a.style.textDecoration = "line-through";
    a.style.cursor = "default";
    a.style.color = "black";
    if(a.href != "javascript:void(0)"){
    window.open(a.href);
    }
    a.href = "javascript:void(0)";
  }
  /*]]>*/
  </script>
</head>

<body>
 <a href="http://InfraRed.Ucoz.ru" onclick="foo()" id="link" onfocus="this.blur()">Text 1</a>
</body>

</html>

ProgramerForever

Дата 18.9.2008, 16:08 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 554
Регистрация: 15.11.2006
Где: Новосибирск

Репутация: 1
Всего: 5

Окончательный вариант:

Код


<head>
  <title>JavaScript Test</title>
  <script language="JavaScript" type="text/javascript">
  function foo(link) {
    var a = document.getElementById(link);
    a.style.textDecoration = "line-through";
    a.style.cursor = "default";
    a.style.color = "black";
    if(a.href != "javascript:void(0)"){
    window.open(a.href);
    }
    a.href = "javascript:void(0)";
  }
  </script>
</head>

<body align='center'>
    <b>
        <a href="http://InfraRed.Ucoz.ru" onclick="foo(this.id)" id="link1" onfocus="this.blur()">Text 1</a><br>
        <a href="http://InfraRed.Ucoz.ru" onclick="foo(this.id)" id="link2" onfocus="this.blur()">Text 2</a><br>
        <a href="http://InfraRed.Ucoz.ru" onclick="foo(this.id)" id="link3" onfocus="this.blur()">Text 3</a><br>
        <a href="http://InfraRed.Ucoz.ru" onclick="foo(this.id)" id="link4" onfocus="this.blur()">Text 4</a><br>
        <a href="http://InfraRed.Ucoz.ru" onclick="foo(this.id)" id="link5" onfocus="this.blur()">Text 5</a><br>
        <a href="http://InfraRed.Ucoz.ru" onclick="foo(this.id)" id="link6" onfocus="this.blur()">Text 6</a>
    </b>
</body>

chertoss

Дата 18.9.2008, 16:33 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 88
Регистрация: 28.7.2008

Репутация: 1
Всего: 2

ну я просто пищу для размышлений дал smile

ksnk

Дата 18.9.2008, 16:35 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

chertoss, imho, вот так немного меньше букв и расставлены они более структурированно ;-)

Код


<head>
  <title></title>
  <style>
    a.disabled {
       text-decoration:line-through;
       cursor:default;
       color:black;
    }
  </style> 
  <script type="text/javascript">
  function foo(a) {
     if (a.className && a.className=="disabled") 
         return false ;
     a.className="disabled";
  }
  </script>
</head>
<body>
 <a target="_blank" href="http://InfraRed.Ucoz.ru" onclick="return foo(this)">Text 1</a>
</body>
</html>

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

ProgramerForever

Дата 18.9.2008, 20:37 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 554
Регистрация: 15.11.2006
Где: Новосибирск

Репутация: 1
Всего: 5

СпасиБО БОльшое. Всё работает!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »