Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> coś takiego jak dynamiczy link, dynamiczy link <a>
Jack77
post 19.10.2016, 14:59:55
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 1.10.2016

Ostrzeżenie: (0%)
-----


Witam,
Nie za dużo umiem w JS, a temat zahacza o JS więc pisze tutaj wink.gif
Otóż chciałem zrobić coś takiego jak 'dynamiczne linki' czyli html znacznik <a> który href i anchor text miałby dynamicznie ustalany przez zmienną w JavaScripcie. Konkretnie mam taki kod:


<script type="text/javascript">
var sourcewww = localStorage.getItem("cms_sourcewww");
//alert(localStorage.getItem("cms_sourcewww")); //ten alert działa poprawnie smile.gif
</script>

<div class="buttons">
<a href="/" class="regular roundies important">Przejdź do strony głównej</a>
<a href="http://www.mojastona.pl/webpage/porownanie-ofert.html" class="regular roundies important">Wróć do porównania ofert</a> //!! właśnie ten link powinien być dynamiczny exclamation.gif
</div>

I teraz - jak to zrobić aby w tym linku href i anchor text (pogrubione) posiadały wartości ustalone przez sourcewww w kodzie JS powyżej questionmark.gif?
Dzięki

Go to the top of the page
+Quote Post
b4rt3kk
post 19.10.2016, 15:15:30
Post #2





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Cytat(Jack77 @ 19.10.2016, 15:59:55 ) *
Witam,
Nie za dużo umiem w JS, a temat zahacza o JS więc pisze tutaj wink.gif
Otóż chciałem zrobić coś takiego jak 'dynamiczne linki' czyli html znacznik <a> który href i anchor text miałby dynamicznie ustalany przez zmienną w JavaScripcie. Konkretnie mam taki kod:


<script type="text/javascript">
var sourcewww = localStorage.getItem("cms_sourcewww");
//alert(localStorage.getItem("cms_sourcewww")); //ten alert działa poprawnie smile.gif
</script>

<div class="buttons">
<a href="/" class="regular roundies important">Przejdź do strony głównej</a>
<a href="http://www.mojastona.pl/webpage/porownanie-ofert.html" class="regular roundies important">Wróć do porównania ofert</a> //!! właśnie ten link powinien być dynamiczny exclamation.gif
</div>

I teraz - jak to zrobić aby w tym linku href i anchor text (pogrubione) posiadały wartości ustalone przez sourcewww w kodzie JS powyżej questionmark.gif?
Dzięki


Jaki jest sens robienia tego w JS? Nie możesz już na etapie budowania strony? O ile robisz to w php...

Ale dodaj sobie jakieś id lub klasę do elementu a oraz następujący skrypt (jeśli masz dodane jQuery):

  1. $('#id_elementu').attr('href', localStorage.getItem("cms_sourcewww")).text(localStorage.getItem("cms_sourcewww"));


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
viking
post 19.10.2016, 15:23:09
Post #3





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


  1. var x = 1;
  2. var a = document.querySelectorAll('.buttons a+a');
  3. [].forEach.call(a, function(a) {
  4. a.href = x;
  5. });


Gdzie x jest wyciągnięty z local storage. Selektor może być inny.


--------------------
Go to the top of the page
+Quote Post
Jack77
post 20.10.2016, 20:17:26
Post #4





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 1.10.2016

Ostrzeżenie: (0%)
-----


Dzięki za odpowiedzi, generalnie potrzebne mi to do tego:

1. Jest sobie serwis o nieruchomościach
2. W pewnych miejscach serwisu zrobiłem wyskakujące okienko (confirm) "Zapraszamy do zarejestorwania się" + przekierowanie na formularz kontaktowy
(a do tego odrazu zapisuję w localstorage adres strony z której user przechodzi (= sourcewww))
3. No i jak już user się zarejestruje to wypada go spowrotem przekierować do strony źródłowej ...a tychże stron może być kilka.. :/
Więc ten link "powrót" musi być dynamiczny a nie statyczny.

Generalnie jeszcze jestem początkujący w JS, a Wasze skrypty trudne :|... ale znalazłem też coś takiego:
http://www.w3schools.com/jsref/tryit.asp?f...elmnt_innerhtml

gdzie metodą getElementById podmienia się różne właściwości linku.
A więc ja najpierw robię link jakikolwiek, a na końcu strony mam skrypcik, który robi:

document.getElementById("l_sourcewww").innerHTML = "Przejdź do strony źródłowej";
document.getElementById("l_sourcewww").href = localStorage.getItem("cms_sourcewww");
document.getElementById("l_sourcewww").target = "_blank";

i działa smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 03:59