Link do strony w divie

pytanie zadane 12 września 2020 w HTML i CSS przez luka1111 Nowicjusz (160 p.)
zmienione kategorie 12 września 2020 przez Arkadiusz Waluk

Cześć, jak podpiąć link strony do fb po kliknięciu na diva ?

 <div class="socials">

          <div class="socialdivs">

            <div class="fb">

              <i class="icon-facebook-squared"></i>

   </div>

komentarz 12 września 2020 przez ScriptyChris Mędrzec (190,190 p.)

Jaki jest sens w dynamicznym tworzeniu linka w takim przypadku? I dlaczego tym klikalnym elementem nie jest przeznaczony do tego <button>?

komentarz 12 września 2020 przez luka1111 Nowicjusz (160 p.)

tak na kursie z pasji informatyki był napisany kod. Nie można wstawić a href do tego diva ?

komentarz 12 września 2020 przez ScriptyChris Mędrzec (190,190 p.)

Można wstawić link do wnętrza diva, ale skoro ma być to element klikalny, to powinno się użyć przycisku (a nie diva). Jednak nadal nie rozumiem, dlaczego link nie może być dostępny na stronie od początku - jaki jest sens żeby dodawać go dopiero na kliknięcie?

1 odpowiedź

odpowiedź 12 września 2020 przez VBService Ekspert (253,400 p.)
edycja 12 września 2020 przez VBService

Najlepsza

Moja propozycja :

<style>
/* dodane dla testów */
body {
  background-color: LightSkyBlue;
}
.fb img {
  width: 50px;
  height: 50px;
  cursor: pointer;
}
</style>
<body>
<div class="socials">
  <div class="socialdivs">
    <div class="fb">
      <img src="https://cdn0.iconfinder.com/data/icons/getsoci-2/1460/getsoci1.png">
      <i class="icon-facebook-squared"></i>
    </div>
  </div>
</div>
<script>
const fb_button = document.querySelector(".fb");

fb_button.addEventListener("click", () => {
  const fb_link = document.createElement("a");
  fb_link.setAttribute("href","https://www.facebook.com/pasjainformatykifanpage");
  fb_link.setAttribute("target", "blank_");
  fb_button.appendChild(fb_link);
  fb_link.click();
  fb_button.removeChild(fb_link);
})
</script>
</body>

CodePen

social icon splash png