Изменение ссылки с помощью события onclick

Question

Изменение ссылки с помощью события onclick

0

Я пытаюсь выяснить, есть ли способ сделать так, чтобы, когда кто-то нажимает на ссылку (которая открывается в новом окне), она заканчивает изменение адреса ссылки при каждом последующем щелчке. Например, если кто-то нажимает на гиперссылку1, он переводит их на page1.html при первом обходе, page2.html на втором, page3.html на третьем.

Я попытался заставить это работать с помощью jquery и anchorobject.href, но я не очень хорошо разбираюсь в jquery и понятия не имею, как продвигаться от этого.

Любая помощь будет принята с благодарностью. Благодарю!

user3061277 25 апр. 2014, в 20:26

Источник

0

Пожалуйста, включите код, который вы пробовали, и дайте нам знать, что пошло не так.
showdev 25 апр. 2014, в 18:02
0

Вы должны будете использовать параметр URL, локальное хранилище или серверное решение для отслеживания индекса. Вы также можете использовать сценарии, чтобы связать значение href ссылки с именем файла страницы, если это надежно.
isherwood 25 апр. 2014, в 18:09

Теги:

jquery

hyperlink

href

2 ответа

Ещё вопросы

Пожалуйста, включите код, который вы пробовали, и дайте нам знать, что пошло не так.
Вы должны будете использовать параметр URL, локальное хранилище или серверное решение для отслеживания индекса. Вы также можете использовать сценарии, чтобы связать значение href ссылки с именем файла страницы, если это надежно.

mortezaipo · Answer 1 · 2014-04-25T15-28-00.000Z

Объявите массив, у которого есть список таких ссылок, и установите новый href при щелчке.

var links = new Array('first.html','second.html','third.html');
var i = 0;
$(document).ready(function(){
    $('#myhref').attr('href',links[i]);
    $('#myhref').click(function(){
        //do something like open window.
        if(i+1 in links)
        {
            i++;
        }
        $(this).attr('href',links[i]);
    });
});

Пример:

<a href="#" id="myhref">Click here</a>

Открыть в iframe:

<a href="#" id="myhref" target="myiframe_name">Click here</a>

Использование в AJAX:

var links = new Array('first.html','second.html','third.html');
var i = 0;
$(document).ready(function(){
    $('#myhref').attr('href',links[i]);
    $('#myhref').click(function(){
        $("#mydialog").load($(this).attr('href'))
        if(i+1 in links)
        {
            i++;
        }
        $(this).attr('href',links[i]);
        return false;
    });
});

Демо на jsfiddle: DEMO

Спасибо за это! Можно ли как-нибудь привести пример того, как этот код должен выглядеть и на самой ссылке? Мне трудно это реализовать. Еще раз спасибо!
Я вставил код, но он продолжает открывать одно и то же окно снова и снова, а не открывать следующее в серии.
@ user3061277 Я обновил свой пост. Проверь это ;)
@ user3061277 он никогда не открывает окно, он просто перенаправляет вас на новую ссылку за клик. первый щелчок перенаправит вас на first.html , второй клик перенаправит вас на second.html и так далее. Вы можете обновить этот массив с вашими предпочтительными URL.
Я наконец получил это работает. Спасибо! Последний вопрос, будет ли это работать на открытых iFrames или jquery shadowboxes, которым требуется свойство rel, или это должно быть внешнее окно?
@ user3061277 Я обновил свой пост. проверьте это снова. Я добавил 2 примера.
Опять же, это похоже на работу, но она ломается каждый раз, когда я пытаюсь включить в нее shadowbox. Я не уверен, является ли это тегом rel или нет, но мне не повезло. Я действительно ценю вашу помощь, и если я не смогу заставить ее работать так, как я хочу, я все равно воспользуюсь вашей помощью, еще раз спасибо
@ user3061277 Я добавил демо-ссылку на этот пост. Проверьте еще раз.

jspurim · Answer 2 · 2014-04-25T15-48-00.000Z

$("#link-id").click(function(e){
   var oldlink = $(this).attr("href");
   var newlink = doSomethingWith(oldlink);
   $(this).attr("href",newlink);
});

Надеюсь, поможет!