Javascript pobieranie zdjecia

pytanie zadane 3 lipca 2019 w JavaScript przez moofi Początkujący (470 p.)

Witam, mam zdjecie na backendzie i musze je za pomoca javascript wyswietlic w innym miejscu.

Probowalem textContent z klasa ale to nie dziala. Dziekuje za kazda pomoc. Kod z backendu ponizej

<img src="{{ $logo }}" alt="{{ $name }} logo" class="logo" data-redirect="{{ $content -> redirectUrl() }}">

komentarz 3 lipca 2019 przez ScriptyChris Mędrzec (190,190 p.)
edycja 3 lipca 2019 przez ScriptyChris

Czym jest zmienna $logo? Wstaw resztę kodu.

Czy są jakieś błędy w konsoli przeglądarki?

1 odpowiedź

odpowiedź 3 lipca 2019 przez Chess Szeryf (76,710 p.)

Nie powinno Ciebie interesować, co wygeneruje back-end, ponieważ po stronie front-end'u powinieneś napisać tak, przecież i tak to musi zostać najpierw wyrenderowane, żeby front mógł coś wykonać.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image

var src_img = document.getElementById('id_your_img').src;
document.getElementById('id_your_img').remove();

var new_img = document.createElement('img');
new_img.src = src_img;

document.body.appendChild(new_img);

Pokaż 9 poprzednich komentarzy

komentarz 4 lipca 2019 przez moofi Początkujący (470 p.)

var src_img = document.getElementById('id_img').src;
  document.getElementById('id_img').remove();
  var new_img = document.createElement('img');
  new_img.src = src_img;
  document.getElementById("logo").appendChild(new_img);

komentarz 4 lipca 2019 przez moofi Początkujący (470 p.)

Sprostowanie zdjecia o ktore pytalem na poczatku sie wyswitlaja ale dalej mam problem z tym kodem w petli. Byloby super jakbys mogl na to zerknac. Zdjecia HTML sa powyzej

komentarz 4 lipca 2019 przez Chess Szeryf (76,710 p.)

Skopiuj kawałek kodu (tylko potrzebny fragment) i tu wklej. Rodzica elementu i dzieci elementu tutaj podaj, żeby było wiadomo o co chodzi. Chcesz tylko jeden img podmienić, czy więcej?

komentarz 4 lipca 2019 przez moofi Początkujący (470 p.)

Kod podmienia dane tekstowe dokladnie 'data-acs' i dziala ale caly czas bierze dane z pierwszego elementu '99.00' nie wazne jakiego buttona uzyje

Na dole kod js ktory podmienia dane i HTML

const asideInfo = document.querySelector("aside");
const panels = [...document.querySelectorAll(".more-info-button")];

const takeLink = document.querySelector(".percent");
htmlContent = takeLink.innerHTML;
textContent = takeLink.textContent;


function panelHand(e) {

  var src_img = document.getElementById('id_img').src;

  console.log(e.target.parentNode)
  console.log(e.target)

  document.querySelector('[data-summary = "percent"]').textContent = textContent

  asideInfo.classList.toggle('active')

}
panels.forEach(panel => panel.addEventListener('click', panelHand));

komentarz 4 lipca 2019 przez Chess Szeryf (76,710 p.)
edycja 4 lipca 2019 przez Chess

.hello {
  background: green;
}

<body style="background: darkolivegreen;">

<div id="container">
  <div class="hello">1</div>
  <div class="hello">2</div>
</div>

document.getElementById('container').addEventListener('click', function(evt) {
      if(evt.target.tagName === 'DIV' && evt.target.parentNode.id == 'container') {
        evt.target.style.background = evt.target.classList.toggle('hello');
      }
}, false);