MediaWiki:Common.js: Difference between revisions

From Semantic Lab
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */
console.log("HELLO!!!!")
 
console.log(document.querySelector("#P200"))
 
if (document.querySelector("#P200")){
let p200Container = document.querySelector("#P200")
let aLinks = p200Container.querySelectorAll("a")
let urls = []
for (let el of aLinks){
if (el.getAttribute('href') && (el.getAttribute('href').toLowerCase().endsWith('.png') || el.getAttribute('href').toLowerCase().endsWith('.jpg') || el.getAttribute('href').toLowerCase().endsWith('.jpeg') ) ){
urls.push(el.getAttribute('href'))
}
}
 
let imageContainer = document.createElement('div')
imageContainer.classList.add('wikibase-statementgroupview')
imageContainer.innerHTML = ""
 
for (let url of urls){
let img = document.createElement('img')
img.style.width = "95%"
img.style.height = "auto"
img.style.marginTop="0.2em"
img.style.marginBottom="0.2em"
img.setAttribute('src',url)
let a = document.createElement('a')
a.setAttribute('href',url)
a.setAttribute('target','_blank')
a.appendChild(img)
imageContainer.appendChild(a)
 
}
//imageContainer.style.border = "1px solid #c8ccd1"
imageContainer.style.borderBottom = "none"
imageContainer.style.marginBottom = 0
imageContainer.style.textAlign = 'center'
imageContainer.style.width = '100%'
imageContainer.style.backgroundColor = '#eaecf0'
document.querySelector(".wikibase-listview").insertBefore(imageContainer, p200Container);
}

Revision as of 20:42, 3 May 2024

/* Any JavaScript here will be loaded for all users on every page load. */


	if (document.querySelector("#P200")){
		let p200Container = document.querySelector("#P200")
		let aLinks = p200Container.querySelectorAll("a")
		let urls = []
		for (let el of aLinks){
			if (el.getAttribute('href') && (el.getAttribute('href').toLowerCase().endsWith('.png') || el.getAttribute('href').toLowerCase().endsWith('.jpg') || el.getAttribute('href').toLowerCase().endsWith('.jpeg') ) ){
				urls.push(el.getAttribute('href'))
			}
		}

		let imageContainer = document.createElement('div')
		imageContainer.classList.add('wikibase-statementgroupview')
		imageContainer.innerHTML = ""

		for (let url of urls){
			let img = document.createElement('img')
			img.style.width = "95%"
			img.style.height = "auto"
			img.style.marginTop="0.2em"
			img.style.marginBottom="0.2em"
			img.setAttribute('src',url)
			let a = document.createElement('a')
			a.setAttribute('href',url)
			a.setAttribute('target','_blank')
			a.appendChild(img)
			imageContainer.appendChild(a)

		}
		//imageContainer.style.border = "1px solid #c8ccd1"
		imageContainer.style.borderBottom = "none"
		imageContainer.style.marginBottom = 0
		imageContainer.style.textAlign = 'center'
		imageContainer.style.width = '100%'
		imageContainer.style.backgroundColor = '#eaecf0'
		document.querySelector(".wikibase-listview").insertBefore(imageContainer, p200Container);
	}