Page 1 of 1

IMAGE LINK DITA

Posted: Sat Oct 18, 2014 7:40 am
by Le Basque
Hi,

In topic i am an svg image.
From this image svg I want to place links on TOPICS.
For example :

Code: Select all

<a xlink:href="t.dita#tdita">
it does not work
if you have a solution ?

Thank you

Re: IMAGE LINK DITA

Posted: Mon Oct 20, 2014 8:42 am
by Radu
Hi,

Do you mean that inside the SVG you want to add links to files?
If so, the links should be directly to HTML files and not to DITA resources because the output folder will contain only HTML files and not DITA resources. You can from in the output folder the target HTML document and look in it for an anchor to refer to, then create the link accordingly.

Regards,
Radu

Re: IMAGE LINK DITA

Posted: Mon Oct 20, 2014 12:03 pm
by Le Basque
Hi
From an image in SVG format, I want to access
TOPIC and that link is active in the generation of PDF

Thank you

Re: IMAGE LINK DITA

Posted: Mon Oct 20, 2014 12:26 pm
by Radu
Hi,


The main idea is that the base DITA processing does not process the contents of the SVG documents in order to re-write the links found there in any way.

I'm not sure what you want can be done. You would need to make some investigations.

First you would probably need to define in your XSL-FO output named anchors by adding an XSLT customization.
Please see this section which discusses named anchors:

http://xmlgraphics.apache.org/fop/0.95/extensions.html

After the PDF is generated with these named anchors probably your links in the SVG could be something like:

Code: Select all

<a xlink:href="pdfFileName.pdf#named_anchor">
You should also ask around on the DITA Users List, maybe there is someone there who tried this before.

Regards,
Radu

Re: IMAGE LINK DITA

Posted: Fri Oct 24, 2014 3:07 pm
by Le Basque
Hi

what do you have as a solution for that since an image map view a text in a PDF file generated by DITA

thank you

Re: IMAGE LINK DITA

Posted: Fri Oct 24, 2014 5:17 pm
by Le Basque
i found an solution with imagemap

Best regards

Re: IMAGE LINK DITA

Posted: Thu Nov 23, 2017 1:43 pm
by writeDirection
Hi,
I'd like o do the same thing with html (the idea being to create a flow-chart, each module of which links to a task that describes the details for that step).
Is there a way to achieve this in OXY-19?
Thanks

Re: IMAGE LINK DITA

Posted: Thu Nov 23, 2017 2:23 pm
by Radu
Hi,

I'm not sure why you need special support in Oxygen for this. If you want various links between HTML files why don't you add them? Or have I not understood your use case?

Regards,
Radu

Re: IMAGE LINK DITA

Posted: Wed Feb 06, 2019 3:31 pm
by dpksaini89
Hi,

Is it now possible in Oxygen XML 20.1 (<oXygen/> XML Editor 20.1, build 2018061313) to:
  • 1. create flow charts
    2. link the text in flow chart to some topic
For example: In below figure, i wish to first create such flow chart. Secondly, hypelink 'A' to appropriate dita topic.

Please suggest.

Image

Re: IMAGE LINK DITA

Posted: Wed Feb 06, 2019 3:41 pm
by Radu
Hi,

You can right click the image reference in the Author visual editing mode and choose "Image Map Editor...".

https://www.oxygenxml.com/doc/versions/ ... odes2.html

Hotspots and hover links are only available in the published HTML-based outputs. For PDF the links will be presented under the image reference.

Regards,
Radu

Re: IMAGE LINK DITA

Posted: Thu Feb 07, 2019 7:50 am
by dpksaini89
Hi Radu,

Thanks for suggesting image map. Please also confirm if there is a way of creating flow charts like above in oxygen.

Re: IMAGE LINK DITA

Posted: Thu Feb 07, 2019 9:33 am
by Radu
Hi,

Oxygen does not come bundled with a tool to create diagrams.
In such cases I think most of our users would either use a tool like Inkscape to create an SVG with the diagram or create the diagram with some other tool, export it to SVG and then link it as an image in the DITA topic.

Regards,
Radu

Re: IMAGE LINK DITA

Posted: Thu Feb 18, 2021 7:03 pm
by shantanu93
Hi,

I am trying to do exactly the same thing ( to hyperlink an image to a topic in the PDF)

But all creating an imagemap does is add a link to the topic before the image.

How can I add a link to the image so that when anyone clicks on the image in the PDF output, it redirects to a specific topic somewhere else in the PDF. Here's my code:

Code: Select all

                <imagemap id="imagemap_ayc_455_r4b">
                    <image href="images/xyz.png" height="900"
                        id="image_tx1_xrd_7812"/>
                    <area>
                        <shape>rect</shape>
                        <coords>3, 8, 508, 343</coords>
                        <xref href="topic.dita"/>
                    </area>
                </imagemap>

Re: IMAGE LINK DITA

Posted: Fri Feb 19, 2021 9:13 am
by Radu
Hi,

I answered you here:
post61040.html#p61040

Regards,
Radu