So folgendes Problem habe ne SVG in HTML eingebunden anzeigen und so klappt super (bis auf ActiveX Elemente) aber ok nunja nun is das Problem ich kann die SVG anzeigen lassen will ich aber ein event aufrufen (mousover) funktioniert die abfrage nich....hier ma der Code
ok kann mir jemand helfen wie ich das event abfragen kann???
muss ich unbedingt script reinbringen?? wenns nötig is würde ich lieber javascript nehmen wollen.....plz brauch help
mfg Keene
Soooo also ich hab ma noch javascript mit eingebunden
habe en Button erstellt
und joa der soll halt die werte meiner linie ändern
so nu is das problem das der rummeckert und sagt das mein objekt diese eigenschaft bzw Methode nicht unterstützt
fehler is hierauf bezogen
aber was meint der jetzt damit??? hab doch ein ziel angegeben!:?:
mfg Keene
HTML:
<?xml version="1.0" standalone="yes"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
"http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<head>
<!--Created with Sketsa SVG Graphics Editor (http://www.kiyut.com)-->
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xml:lang="de">
<object id="AdobeSVG" classid="clsid:78156a80-c6a1-4bbf-8e6a-3cd390eeb4e2"></object>
<?import namespace="svg" implementation="#AdobeSVG"?>
<body>
<p>
<svg:svg contentScriptType="text/ecmascript" width="1024.0px" xmlns:xlink="http://www.w3.org/1999/xlink"
baseProfile="full" zoomAndPan="magnify" contentStyleType="text/css" height="768.0px"
preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" version="1.0">
<svg:path fill="none" filter="none" stroke="#000000"/>
<svg:image x="0.0" y="0.0" width="800" xlink:href="file:/D:/gwa2000/runtime/www.3V4025/images/abteil.gif"
height="600" preserveAspectRatio="none"/>
<svg:polyline fill="none" stroke-width="3" points="35.0,195.0 37.384613,175.0 39.76923,195.0 42.153847,175.0 44.538464,195.0 46.923077,175.0 49.307693,195.0 51.69231,175.0 54.076923,195.0 56.46154,175.0 58.846153,195.0 61.23077,175.0 63.615387,187.0 66.0,187.0" stroke="#000000"/>
<svg:line fill="none" x1="66.0" x2="717.5" y1="187.0" y2="187.0" stroke="#000000" stroke-width="3"/>
<svg:rect fill="#33ff00" x="387.75" width="11.5" height="11.5" y="27.75" stroke="#00ffff"/>
<svg:line stroke-linecap="round" fill="none" x1="394.0" x2="490.0" y1="33.25" y2="58.25" stroke="#66ff00"
stroke-width="3"/>
<svg:line id="klpli" stroke-linecap="round" transform="matrix(1.0 0.0 0.0 -1.0 0.0 93.0)" fill="none" x1="295"
x2="393.0" y1="35" y2="60" stroke="#66ff00" stroke-width="3"/>
<svg:text x="45" y="30" height="25" width="0" fill="#000">
<svg:set xlink:href="#klpli" attributeName="y2" begin="mouseover" to="10"/>
<svg:set xlink:href="#klpli" attributeName="y2" begin="mouseout" to="60" />
Push
<svg:/text>
<svg:/svg>
</p>
</body>
</html>muss ich unbedingt script reinbringen?? wenns nötig is würde ich lieber javascript nehmen wollen.....plz brauch help
mfg Keene
Soooo also ich hab ma noch javascript mit eingebunden
Code:
function setAtt(evt, Name, value) {
alert("Tag");
var target = evt.gettarget();
target.setAttribute(name, value);
}
HTML:
<input id="input01" style="Z-INDEX: 103; LEFT: 179; WIDTH: 114px; POSITION: absolute; TOP: 321; HEIGHT: 38px" type="button" value="Übersicht" onclick="setAtt('#klpli', 'y1', '150');">
HTML:
<svg:line id="klpli" stroke-linecap="round" transform="matrix(1.0 0.0 0.0 -1.0 0.0 93.0)" fill="none" x1="295"
x2="393.0" y1="35" y2="60" stroke="#66ff00" stroke-width="3"
onmouseover="setAtt('#klpli', 'y1', '60')"
onmouseout="setAtt('#klpli', 'y1', '60')"/>
Code:
var target = evt.gettarget();aber was meint der jetzt damit??? hab doch ein ziel angegeben!:?:
mfg Keene
Zuletzt bearbeitet von einem Moderator:
