Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Przedszkole _ [JavaScript] Zmiana atrybutu "href" linków

Napisany przez: red9skull 26.11.2009, 12:23:01

Kodem PHP pobieram dynamicznie grupę linków, która znajduje się w <div id="linki">. Jak, przy użyciu JS, dopisać do każdego odnośnika wartość "href"? Linki wyglądają tak:

  1. <http://december.com/html/4/element/a.html href='jakaś strona' title='Wyświetl profil'>Andrula</http://december.com/html/4/element/a.html>

A ja chcę, żeby wyglądały tak:
  1. <http://december.com/html/4/element/a.html href='-Mój przedrostek- jakaś strona' title='Wyświetl profil'>Andrula</http://december.com/html/4/element/a.html>

Da radę coś takiego zrobić?

Napisany przez: tvister 26.11.2009, 12:27:13

funkcja setAttribute

Napisany przez: red9skull 26.11.2009, 12:42:43

Wymyśliłem coś takiego:

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. var linki = document.getElementById("linki");
  3. var alfaLink = "http://mazishare.co.cc/";
  4. linki.setAttribute("href", alfaLink + linki.value);
  5. </script>
[JAVASCRIPT] pobierz, plaintext

Ale to nie działa sadsmiley02.gif

Napisany przez: skowron-line 26.11.2009, 13:02:45

http://www.w3schools.com/jsref/dom_obj_anchor.asp to co tu się znajduje napewno pomoże Ci rozwiązać problem.

Napisany przez: red9skull 27.11.2009, 16:09:12

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. window.onload = changeLink;
  3. function changeLink()
  4. {
  5. var link = document.getElementById('links').href;
  6. document.getElementById('links').href = "http://mazishare.co.cc/?u=" + link;
  7. }
  8. </script>
[JAVASCRIPT] pobierz, plaintext


I to działa ale jak mam kilka linków z takim samym ID to działa tylko z pierwszym. Więc zmieniłem na:
[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. window.onload = changeLink;
  3. function changeLink()
  4. {
  5. var link = document.getElementsByClassName('links').href;
  6. document.getElementsByClassName('links').href = "http://mazishare.co.cc/?u=" + link;
  7. }
  8. </script>
[JAVASCRIPT] pobierz, plaintext


Ale to nie działa!

Napisany przez: flashdev 27.11.2009, 16:28:06

Kod
<script type="text/javascript">
window.onload = changeLink;
function changeLink()
{
var link = document.getElementsByClassName('links');
for(i=0;i<link.length;i++){
link[i].href = "http://mazishare.co.cc/?u=" + link[i].href;
}
}
</script>

Napisany przez: b4x 27.11.2009, 16:30:42

  1. <http://december.com/html/4/element/script.html type="text/javascript">
  2. window.onload = changeLink;
  3. function changeLink()
  4. {
  5. var link = document.getElementsByClassName('links');
  6. for (var i = 0; i < link.length; i++)
  7. {
  8. link[i].href = "http://mazishare.co.cc/?u=" + link[i].href;
  9. }
  10. }
  11. </http://december.com/html/4/element/script.html>


#łeee flashdev był szybszy :-P

Napisany przez: red9skull 27.11.2009, 16:51:47

dzięki, "wasze" rozwiązanie działa smile.gif postawiłem "pomógł" wam obu haha.gif

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)