VPF::Как менять цвет ссылки. - Форум программистов

Evgen11

Дата 10.5.2010, 06:25 (ссылка)

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

Загрузка ...

Новичок

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

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

Здравствуйте.
Как можно сделать функцию, что бы выводилась ссылка и мигала двумя цветами.
Например.

Код


function link (здесь ссылка в качестве входной переменной){


}

Что бы я мог эту функцию использовать там где нужно вывести мигающую ссылку. Например:

<script>link ("Здесь много интересного");</script>

Это сообщение отредактировал(а) Evgen11 - 10.5.2010, 09:42

Amphiluke

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

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

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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

Вам нужно выводить во время загрузки документа или в любое время после загрузки?

Evgen11

Дата 10.5.2010, 10:04 (ссылка)

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

Загрузка ...

Новичок

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

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

В любое время после загрузки.
Что бы ссылка постоянно мигала двумя цветами - на странице.

Amphiluke

Дата 10.5.2010, 10:37 (ссылка)

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

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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

Ну вот что-то такое.

Код


var lnks = [];
var redClr = true;
window.setInterval(doBlink, 1000);
function doBlink() {
    redClr = !redClr;
    for (var i = 0; i < lnks.length; i++)
        lnks[i].style.color = (redClr) ? "#FF0000" : "#0000FF";
}
function _link(lnkURL, lnkTxt, container) {
    var a = document.createElement("a");
    a.href = lnkURL;
    a.style.color = "#0000FF";
    a.appendChild(document.createTextNode(lnkTxt));
    if (typeof container == "string") container = document.getElementById(container);
    container.appendChild(a);
    lnks.push(a);
}

Функция _link принимает адрес гиперссылки (lnkURL), ее отображаемый текст (lnkTxt) и родительский объект для ссылки (либо его id).

Можно, разумеется, сделать красивее. Избавиться от глобальных переменных и проч. Но идея, думаю, понятна...

Evgen11

Дата 10.5.2010, 11:30 (ссылка)

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

Загрузка ...

Новичок

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

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

Amphiluke, спасибо за помощь, именно то что надо. Я знал что на этом форуме помогут.
Маленький вопрос. Как можно добавлять пробелы перед текстом ссылки. Просто у меня отступ стоит у других ссылок.

Amphiluke

Дата 10.5.2010, 11:33 (ссылка)

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

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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

Цитата(Evgen11 @ 10.5.2010, 15:30

)

Как можно добавлять пробелы перед текстом ссылки.

Смотря что вы разумеете под пробелом. Если это просто пробел (код 0x20), то можно просто подправить строчку

Код


a.appendChild(document.createTextNode(" " + lnkTxt));

Добавлено @ 11:35
Пардон, бред сказал. smile

Правильнее исправить так:

Код


container.appendChild(document.createTextNode(" "));
container.appendChild(a);

Это сообщение отредактировал(а) Amphiluke - 10.5.2010, 11:35

Evgen11

Дата 10.5.2010, 12:00 (ссылка)

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

Загрузка ...

Новичок

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

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

Amphiluke, всё получилось! Спасибо smile

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