diff --git a/examples/archive.html b/examples/archive.html index c1607f63f..8a3a622ec 100644 --- a/examples/archive.html +++ b/examples/archive.html @@ -95,6 +95,7 @@

Images

form.addEventListener('submit', (event) => { event.preventDefault(); const url = input.value.replace('details', 'metadata'); + let fetchedFrom axios.get(url) .then((response) => { if (response.data.files && response.data.files.length != 0) { @@ -104,6 +105,12 @@

Images

let imageRow = document.createElement('div'); let image = new Image(150, 150); let placeButton = document.createElement('a'); + fetchedFrom = document.createElement('p'); + fetchedFromUrl = document.createElement('a'); + fetchedFromUrl.setAttribute('href', input.value); + fetchedFromUrl.setAttribute('target', '_blank'); + fetchedFromUrl.innerHTML = 'this Internet Archive Collection'; + fetchedFrom.appendChild(fetchedFromUrl) placeButton.classList.add('btn', 'btn-sm', 'btn-outline-secondary', 'place-button'); placeButton.innerHTML = 'Place on map'; @@ -117,7 +124,7 @@

Images

imageCount++; } }); - responseText.innerHTML = imageCount ? `${imageCount} image(s) fetched successfully.` : 'No images found in the link provided...' + responseText.innerHTML = imageCount ? `${imageCount} image(s) fetched successfully from ${fetchedFrom.innerHTML}.` : 'No images found in the link provided...' } else { responseText.innerHTML = 'No images found in the link provided...' }