仕様とやりたいこと
asp.net C# でのWebアプリ
画面内の絵(画像)をhtml内にsvg属性で記入することで表現しています。
その絵をクリックすることでページを遷移させたい(getアクション)と考えています。
html
1<svg class="クラス"> 2 <rect data-name="絵" 3 id="rect815" 4 width="100" 5 height="100" 6 x="34.773811" 7 y="36.19643" /> 8 <text x="85" y="90" text-anchor="middle">テキスト</text> 9 10 //svg内にアクションリンクを直接埋めてみたが画像が崩れただけ 11 @Html.ActionLink("リンク", "index", "リンクcontrollerName") 12 13</svg>
試したこと
svgの中にactionlinkを埋め込んでみましたがsvgの画像が崩れただけでした。
使えそうなもの
javascript
1function alertName(e) { 2 alert('Welcome to ' + e.target.getAttribute('data-name')); 3} 4 5window.onload = function() { 6 paths = window.document.querySelectorAll('path'); 7 for (i = 0; i < paths.length; ++i) { 8 paths[i].onclick = alertName; 9 } 10};
これ自体はロード時にhtml内の'path'属性の'data-name'を拾い上げてalert関数を仕込んでいるだけですが、これを利用してリンクを仕込めないか検討中です。
お力添えを宜しくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/22 04:17