Questions tagged [xlink]

XLink is a web standard for creating hyperlinks to navigate an XML document.

XLink (XML Linking Language) is a web standard for creating hyperlinks to navigate an XML document.
XLink defines a set of attributes that may be added to elements of other XML namespaces.
XLink provides two kinds of hyperlinking for use in XML documents. Simple links connect only two resources, similar to HTML links. Extended links can link an arbitrary number of resources.

Simple links:

A simple link creates a unidirectional hyperlink from one element to another via a URI. Example:

<?xml version="1.0"?>
<document xmlns="http://example.org/xmlns/2002/document" xmlns:xlink="http://www.w3.org/1999/xlink">
  <heading id="someHeading">Some Document</heading>
  <para>Here is <anchor xlink:type="simple" xlink:href="#someHeading">a link</anchor> to the header.</para>
  <para>It is an anchor that points to the element with the id "someHeading" on the current page.</para>
</document>

Extended links:

Extended links allow multiple resources, either remote or local, to be connected by multiple arcs. An arc is information about the origin, destination and behavior of a link between two resources. The origin and destination resources are defined by labels. By using one or more arcs, an extended link can achieve specific sets of connections between multiple resources.

Useful references:

157 questions
2
votes
2 answers

How to force JAXB marshaller to use xlink references?

I use JAXB marshaller to store some java objects as XML files. Some of these objects reference each other, so I unsurprisingly obtain this error: [com.sun.istack.internal.SAXException2: A cycle is detected in the object graph. This will cause…
julien
  • 898
  • 3
  • 17
  • 32
2
votes
1 answer

How to change linked SVG image to included SVG image in Inkscape?

When importing external SVG images the Inkscape offers three options: Include SVG image as editable object(s) in the current file Embed the SVG file in a image tag (not editable in this document) Link the SVG file in a image tag (not editable in…
Baytars
  • 103
  • 1
  • 8
2
votes
0 answers

Displaying a working hyperlink on XML using only CSS

Our assignment was to display an xml document using css, and that we need to have a hyperlink that would direct to a certain webpage. We can't make the text into a hyperlink using only css, we've searched a lot and couldn't find a way to do it. We…
Some Guy
  • 21
  • 1
2
votes
1 answer

Create an hyperlink from SVG to a block in XSL-FO / PDF

Hope somebody can help me, I'm stuck. I am creating a set of SVG's and HTML files from an XML doc (via XSLT2), and I have hyperlinks in my SVG graphics (with xlink:href) to the HTML files. Basically, showing a database structure with rectangles for…
Serge
  • 21
  • 2
2
votes
2 answers

XML: How to load the contents of one xml file into another

I would just like to be able to dynamically write the contents of an xml file from another xml file. A.XML contains: -Include Contents of b.xml B.XML contains: a is there any way to do this in…
Willyam
  • 21
  • 1
  • 3
2
votes
6 answers

XML: How to read one file into another

I have a file: A.xml containing something like this: Inside of the headernode i need to be able to dynamically load the contents of another xml file called B.xml containing the following
William
  • 113
  • 1
  • 1
  • 4
2
votes
2 answers

inline svg not displaying in xhtml

I have created an XHTML file with inline SVG. It does not display when tested as .XHTML but it does when tested as HTML. I have scoured the internet and believe I have the proper namespaces, etc. specified however, I'm stumped as to why it's not…
Rafe
  • 21
  • 2
2
votes
0 answers

Firefox problems with Opacity on SVG "Use" elements that have Masks

I recently noticed one of my SVG images seemed to lose its translucence when viewed in Firefox. I've been tracking down the problem and its led me to opacity not being obeyed when a use element (specifically) has a mask attached. I was able to use…
Futile32
  • 834
  • 2
  • 8
  • 15
2
votes
1 answer

How to read xlink:label value using XPath

i need to get the xlink:label value(ASSET_1) from XML.
VKP
  • 589
  • 1
  • 8
  • 34
2
votes
1 answer

How to add clickable link to XML?

I am trying to make a URL in my XML file clickable. Below is my XML and XSL files which work fine together. I've tried using XLink and href in XML file but it didn't work. How do I make my URL in the XML file clickable? XML
Sunny
  • 145
  • 1
  • 3
  • 14
2
votes
1 answer

ASP.net Creating an XLink node in and XDocument

I am trying to programmatically add a new XLink node to an XDocument but .Net seems to be creating them as atomized namespaces and names and I can't find any code to add XLink nodes to XML? My code looks like this: //read in the current XML…
Ryan
  • 23
  • 3
2
votes
0 answers

Display the svg link as a tooltip on keyboard focus?</a></h3> <div class="excerpt">Is there a way to get the svg link <title> to display as a tooltip on keyboard focus (while pressing Tab)? I could not find any solution to get the tooltips to display. I tried using placing the <title> both inside and outside <text> but both won't…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/svg" class="post-tag grid--cell" title="show questions tagged 'svg'" rel="tag">svg</a> <a href="../../questions/tagged/tooltip" class="post-tag grid--cell" title="show questions tagged 'tooltip'" rel="tag">tooltip</a> <a href="../../questions/tagged/keyboard-events" class="post-tag grid--cell" title="show questions tagged 'keyboard-events'" rel="tag">keyboard-events</a> <a href="../../questions/tagged/onfocus" class="post-tag grid--cell" title="show questions tagged 'onfocus'" rel="tag">onfocus</a> <a href="../../questions/tagged/xlink" class="post-tag grid--cell" title="show questions tagged 'xlink'" rel="tag">xlink</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Dec 22 '17 at 06:18">asked Dec 22 '17 at 06:18</time> <a href="../../users/5597346/jat86" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/5597346.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="JAT86" /> </a> <div class="s-user-card--info"> <a href="../../users/5597346/jat86" class="s-user-card--link">JAT86</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">997</li> <li class="s-award-bling s-award-bling__silver" title="12 silver badges">12</li> <li class="s-award-bling s-award-bling__bronze" title="24 bronze badges">24</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-44626599"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/44626599/how-to-use-xlinkhref-on-svg-tag-a-using-typescript-and-react" class="question-hyperlink">How to use xlinkHref on svg tag <a> using Typescript and React</a></h3> <div class="excerpt">I am trying to make my SVG focusable, by implementing this simple and elegant solution. I am using Typescript and React, here is my code: return ( <g {...propsWbsComponent} > <a xlinkHref={"#"}> <rect {...propsWbsComponentBox} /> …</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/reactjs" class="post-tag grid--cell" title="show questions tagged 'reactjs'" rel="tag">reactjs</a> <a href="../../questions/tagged/typescript" class="post-tag grid--cell" title="show questions tagged 'typescript'" rel="tag">typescript</a> <a href="../../questions/tagged/svg" class="post-tag grid--cell" title="show questions tagged 'svg'" rel="tag">svg</a> <a href="../../questions/tagged/xlink" class="post-tag grid--cell" title="show questions tagged 'xlink'" rel="tag">xlink</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 19 '17 at 09:18">asked Jun 19 '17 at 09:18</time> <a href="../../users/6712212/greg-forel" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/6712212.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Greg Forel" /> </a> <div class="s-user-card--info"> <a href="../../users/6712212/greg-forel" class="s-user-card--link">Greg Forel</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">2,199</li> <li class="s-award-bling s-award-bling__gold" title="6 gold badges">6</li> <li class="s-award-bling s-award-bling__silver" title="25 silver badges">25</li> <li class="s-award-bling s-award-bling__bronze" title="46 bronze badges">46</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-42259996"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/42259996/display-none-vs-0-height-and-width-on-a-svg-sprite-sheet" class="question-hyperlink">`display: none` vs 0 height and width on a SVG sprite sheet.</a></h3> <div class="excerpt">This question has a really interesting problem at the core: Setting display: none on the SVG containing the SVG sprites (symbols) will make the clip paths that are defined and referenced within unusable, while hiding the SVG using height: 0; width:…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/svg" class="post-tag grid--cell" title="show questions tagged 'svg'" rel="tag">svg</a> <a href="../../questions/tagged/shadow-dom" class="post-tag grid--cell" title="show questions tagged 'shadow-dom'" rel="tag">shadow-dom</a> <a href="../../questions/tagged/xlink" class="post-tag grid--cell" title="show questions tagged 'xlink'" rel="tag">xlink</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Feb 15 '17 at 21:03">asked Feb 15 '17 at 21:03</time> <a href="../../users/200987/oligofren" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/200987.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="oligofren" /> </a> <div class="s-user-card--info"> <a href="../../users/200987/oligofren" class="s-user-card--link">oligofren</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">20,744</li> <li class="s-award-bling s-award-bling__gold" title="16 gold badges">16</li> <li class="s-award-bling s-award-bling__silver" title="93 silver badges">93</li> <li class="s-award-bling s-award-bling__bronze" title="180 bronze badges">180</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-38883661"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/38883661/relative-filepaths-and-svg-symbols" class="question-hyperlink">Relative filepaths and SVG symbols</a></h3> <div class="excerpt">It took me a lot of time to figure out an error while playing around with SVG symbols and I still have the question "why?". I tried to include and SVG symbol using xlink:href like this: <svg class="icon"> <use…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/svg" class="post-tag grid--cell" title="show questions tagged 'svg'" rel="tag">svg</a> <a href="../../questions/tagged/xlink" class="post-tag grid--cell" title="show questions tagged 'xlink'" rel="tag">xlink</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Aug 10 '16 at 21:13">asked Aug 10 '16 at 21:13</time> <a href="../../users/1652031/timesplinter" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1652031.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="TiMESPLiNTER" /> </a> <div class="s-user-card--info"> <a href="../../users/1652031/timesplinter" class="s-user-card--link">TiMESPLiNTER</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">5,741</li> <li class="s-award-bling s-award-bling__gold" title="2 gold badges">2</li> <li class="s-award-bling s-award-bling__silver" title="28 silver badges">28</li> <li class="s-award-bling s-award-bling__bronze" title="64 bronze badges">64</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <a class="s-pagination--item" href="../../questions/tagged/xlink_page=2" rel="prev" title="Go to page 2">Prev </a> <a class="s-pagination--item" href="../../questions/tagged/xlink_page=1" rel="" title="Go to page 1">1</a> <a class="s-pagination--item" href="../../questions/tagged/xlink_page=2" rel="" title="Go to page 2">2</a> <div class="s-pagination--item is-selected">3</div> <div class="s-pagination--item s-pagination--item__clear">…</div> <a class="s-pagination--item" href="../../questions/tagged/xlink_page=10" rel="" title="Go to page 10">10</a> <a class="s-pagination--item" href="../../questions/tagged/xlink_page=11" rel="" title="Go to page 11">11</a> <a class="s-pagination--item" href="../../questions/tagged/xlink_page=4" rel="next" title="Go to page 4"> Next</a> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>