Hey so I’m not really knowledgeable with javascript and tried using ChatGPT to generate a script that allows elements in a field to display a pop up block with information upon being clicked. The elements are in a table if that information is needed as well. const tableElement = document.querySelector("table"); // Add a click event listener to the table tableElement.addEventListener("click", function(event) { // Get the element that was clicked const clickedElement = event.target; // Only do something if the clicked element is a td if (clickedElement.tagName === "TD") { // Create the pop-up element and add it to the page const popup = document.createElement("div"); popup.classList.add("popup"); popup.innerHTML = "This is the pop-up content!"; document.body.appendChild(popup); // Position the pop-up next to the clicked element const rect = clickedElement.getBoundingClientRect(); popup.style.top = `${rect.top + window.scrollY + 10}px`; popup.style.left = `${rect.left + window.scrollX + 10}px`; } }); It created this but upon trying it doesn’t work. Any help with what is wrong with this?

Discourse is a complex JavaScript application and achieving something like this is probably more complicated than some straightforward JS… you’re likely going to need more help than ChatGPT can provide, and I’m not sure you’ll get that level of support for free here! That said, before anyone can give you advice here we’ll need to know more about what you’re trying to accomplish. Where in Discourse is this table located? within a post? somewhere else? What information would be within this block?

[image] Kris: and I’m not sure you’ll get that level of support for free here! I think that’s right, but I have been thinking about this (without actually looking at any code), and I think that Discourse Translator does something very similar. I think that’s where to start but “Hey so I’m not really knowledgeable with javascript” probably isn’t the skill level you need to pull it off. I’m guessing that someone who’s familiar with writing plugins will need 5-10 hours (but maybe 2 for a proof of concept).

Javascript pop up block help

Development

Matt0x01 (Matt) December 13, 2022, 2:16pm 4

That’s alright hahah.
The table on discourse is located “Under header”, on the front page. I plan to manually input multiple linked text in the boxes. Let me know If you need any more information

Topic		Replies	Views
Display search popup using custom JS Development	0	510	February 5, 2019
How to put button in the corner of the screen? Development	5	1425	September 1, 2020
Creating a pop-up survey Product Support	4	447	June 18, 2024
Custom tips popup when loading the forum Product Support	2	115	February 7, 2026
Did anyone try to embed Datatables into Topic Body? Feature	12	1123	June 30, 2021

Javascript pop up block help

Related topics