Forum Discussion
Jump to the section collapsible using Javascript (embedded webpart)
- Apr 18, 2023
Deleted
From the code you provided, it looks like you’re using an object with a link property that has a url, label, and target property. The target property is set to "_blank", which means that the link will open in a new tab.
If you want the link to open in the same tab instead of a new tab, you can try changing the value of the target property from "_blank" to "_self". This should cause the link to open in the same tab instead of a new tab.
As for including the link as an href directly in the description, it’s possible that it’s not working because the description is being rendered as text instead of HTML.
You could try using an HTML element such as a <a> tag with an href attribute to create a clickable link within the description.
Here’s an example of how you could modify your code to open the link in the same tab and include a clickable link within the description:
ar items = [ { type: "text", title: "Text title", description: '<b> uint8Array Text item</b> with description. <a href="https://support.google.com/webmasters/answer/9012289?hl=en" target="_self">Visit</a>', link: { url: "https://support.google.com/webmasters/answer/9012289?hl=en", label: "Visit", target: "_self", }, position: { left: 100, top: 50 } }, ];
In this example, I changed the value of the target property from "_blank" to "_self" so that the link will open in the same tab. I also added an <a> tag with an href attribute and a target attribute to the description property. This creates a clickable link within the description that will open in the same tab when clicked.
I hope this helps!
One possible reason why the link is not opening in the same tab or jumping to the collapsed text block could be that the code is not being executed correctly. You could try checking your browser’s developer console for any error messages that might provide more information about what’s going wrong.
Another possibility is that there is a conflict with other code on your page that is preventing the link from working as expected. You could try isolating the code that creates the link and testing it on a blank page to see if it works correctly.
I hope this helps!
NikolinoDE thanks for your answer. There are no other webparts used or other codes. I checked in the console and the following messages were shown:
GET www.example.com net::ERR_ABORTED
Refused to apply style from www.example.com because its MIME type ('') is not a supported stylesheet MIM type, and strict MIME checking is enabled.
DevTools failed to load source map: Could not load content for www.example.com System error: net::ERR_FILE_NOT_FOUND
DevTools failed to load source map: Could not load content for www.example.com :HTTP error: status code 404, net::ERR_HTTP_RESPNSE_CODE_FAILURE
Uncaught SyntaxError: "[object Object]" is not valid JSON
at JSON.pare (<anonymous>)
at i
at parse
at t.handle
at
Some icons were reregistered. Applications should only call registerIcons for any given icon once. Redfining what an icon is may have unintended consequences. Duplicates include: GlobalNavButton, ChevronDown, ChevronUp, Edit, Add, Cancel, More, Settings, Mail, Filter