質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
XML

XMLは仕様の1つで、マークアップ言語群を構築するために使われています。

PDF

PDF(Portable Document Format)とはISOによって国際標準として制定されている電子ドキュメント用の拡張子です。

Q&A

0回答

476閲覧

xmlファイルでテキストや画像(jpg or PDF)を表示させるリンクを設定したい

soraatori

総合スコア55

XML

XMLは仕様の1つで、マークアップ言語群を構築するために使われています。

PDF

PDF(Portable Document Format)とはISOによって国際標準として制定されている電子ドキュメント用の拡張子です。

0グッド

0クリップ

投稿2021/04/26 03:03

編集2021/04/26 03:10

前提・実現したいこと

元々はPDF上でクリックすると音声を再生させたり、テキストや画像を表示させる仕組みを作っていました。
しかしPDFの編集では限界があり、断念しました。
xmlファイルでクリックすると音声を再生させたり、テキストや画像を表示させるシステムを作っています。
ライトボックスのように出したかったのですが、代わりに画像やPDFがポップアップしても構いません。
xmlファイルは今まで触ったことが無く調べながらやっていますが
ルールが複雑なようでなかなかヒットしません。
ご指導ご鞭撻のほどよろしくお願いいたします。

該当のソースコード

xml

1<page> 2 <hitArea version="4.0.0"> 3 <a> 4 <id>1</id> 5 <_name>link_1</_name> 6 <shape>oval</shape> 7 <_x>255.13</_x> 8 <_y>366.55</_y> 9 <shapeWidth>37</shapeWidth> 10 <shapeHeight>39</shapeHeight> 11 <shapeRotation>0</shapeRotation> 12 <hitColor>0x00ffff</hitColor> 13 <hitAlpha>20</hitAlpha> 14 <roColor>0xff0000</roColor> 15 <roAlpha>20</roAlpha> 16 <activeFill>true</activeFill> 17 <activeLine>false</activeLine> 18 <activeRoFill>true</activeRoFill> 19 <activeRoLine>false</activeRoLine> 20 <lineColor>0x00ffff</lineColor> 21 <lineAlpha>20</lineAlpha> 22 <lineThickness>1</lineThickness> 23 <roLineColor>0xff0000</roLineColor> 24 <roLineAlpha>20</roLineAlpha> 25 <roLineThickness>1</roLineThickness> 26 <useHandCursor>true</useHandCursor> 27 <linkTarget>mp3</linkTarget> 28 <linkUrl>4_20210426092513_0522/4_20210426092513_0522.mp3</linkUrl> 29 <linkUrlLabel>goal.mp3</linkUrlLabel> 30 <linkTargetContentID>40</linkTargetContentID> 31 <body>もう少しでゴールです</body> 32 <key/> 33 </a> 34 <a> 35 <id>2</id> 36 <_name>link_2</_name> 37 <shape>oval</shape> 38 <_x>144.63</_x> 39 <_y>236.55</_y> 40 <shapeWidth>35</shapeWidth> 41 <shapeHeight>37</shapeHeight> 42 <shapeRotation>0</shapeRotation> 43 <hitColor>0x00ffff</hitColor> 44 <hitAlpha>20</hitAlpha> 45 <roColor>0xff0000</roColor> 46 <roAlpha>20</roAlpha> 47 <activeFill>true</activeFill> 48 <activeLine>false</activeLine> 49 <activeRoFill>true</activeRoFill> 50 <activeRoLine>false</activeRoLine> 51 <lineColor>0x00ffff</lineColor> 52 <lineAlpha>20</lineAlpha> 53 <lineThickness>1</lineThickness> 54 <roLineColor>0xff0000</roLineColor> 55 <roLineAlpha>20</roLineAlpha> 56 <roLineThickness>1</roLineThickness> 57 <useHandCursor>true</useHandCursor> 58 <linkTarget>mp3</linkTarget> 59 <linkUrl>4_20210426092512_0922/4_20210426092512_0922.mp3</linkUrl> 60 <linkUrlLabel>calorie.mp3</linkUrlLabel> 61 <linkTargetContentID>39</linkTargetContentID> 62 <body>ファイトです</body> 63 <key/> 64 </a> 65 <a> 66 <id>3</id> 67 <_name>link_3</_name> 68 <shape>oval</shape> 69 <_x>598.23</_x> 70 <_y>242.75</_y> 71 <shapeWidth>33</shapeWidth> 72 <shapeHeight>34.5</shapeHeight> 73 <shapeRotation>0</shapeRotation> 74 <hitColor>0x00ffff</hitColor> 75 <hitAlpha>20</hitAlpha> 76 <roColor>0xff0000</roColor> 77 <roAlpha>20</roAlpha> 78 <activeFill>true</activeFill> 79 <activeLine>false</activeLine> 80 <activeRoFill>true</activeRoFill> 81 <activeRoLine>false</activeRoLine> 82 <lineColor>0x00ffff</lineColor> 83 <lineAlpha>20</lineAlpha> 84 <lineThickness>1</lineThickness> 85 <roLineColor>0xff0000</roLineColor> 86 <roLineAlpha>20</roLineAlpha> 87 <roLineThickness>1</roLineThickness> 88 <useHandCursor>true</useHandCursor> 89 <linkTarget>_blank</linkTarget> 90 <linkUrl>4_20210426105356_0918/4_20210426105356_0918.jpg</linkUrl> 91 <linkUrlLabel>1</linkUrlLabel> 92 <linkTargetContentID/> 93 <body/> 94 <key/> 95 </a> 96 </hitArea> 97</page>

試したこと

音声再生は上手くいきました。

<body>にテキストを入れることで表示できますが、スマホでは表示できません。 音声ファイルと同じようにフォルダを作り、リンクを張りましたが 上手く機能しません。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問