firefox - SVG 'def' tag not functioning with JS events -


all,

am having bit of issue javascript events associated svg 'defs' tag in firefox 3.6 & firefox 4.0b.

i have image on svg canvas enclosed in 'defs' tags. have event attached cursor cursor gives co-ordinates mouse rolls on image. seems working in chrome, safari & opera not in firefox browsers. in firefox, there no error shown, co-ordinates donot appear cursor movement.

any advice , suggestions?

edit: erik, reply. apologies error, did mean 'defs' tag. here code:

var cur= svgdoc.getelementbyid("backdrop1")         cur.setattribute("stroke-width","1" )             zain.setattribute("stroke","black")             zain.setattribute("fill","purple")             zain.setattribute("stroke","black")             zain.setattribute("opacity","0.3")             zain.setattribute("pointer-events","all")        cur.onmousemove=function(event)         {              x=event.pagex-320             y=event.pagey-330             if(x>0 && y<0)             {                 document.getelementbyid("x").value=x                 document.getelementbyid("y").value=y*(-1)             }else                 if(x<0 && y<0)             {                 document.getelementbyid("x").value=x                 document.getelementbyid("y").value=y*(-1)             }else                 if(x>0 && y>0)             {                 document.getelementbyid("x").value=x                 document.getelementbyid("y").value=y*(-1)             }else                 if(x<0 && y>0)             {                 document.getelementbyid("x").value=x                 document.getelementbyid("y").value=y*(-1)             }else                 if(x==0 && y==0)             {                 document.getelementbyid("x").value=x                 document.getelementbyid("y").value=y*(-1)             }           }

stackoverflow not letting me past svg code in here reason. ive uploaded text file onto 4shared. hope thats ok.

js & svg defs issue in ff

kayote, consider posting full file rather piece. there context missing. starters, can't see id values "x" , "y" assigned elements. error might there.

i started working svg content within html files past week, , first problem encountered changing file ending .xml rather .html, @ least particular file creating, enabled me svg effects work in html page when these effects wouldn't otherwise work despite being copied working .svg file.

another problem encountered in not using ns version of document.createelementns create "use" node [ie, have specify "http://www.w3.org/2000/svg" parameter call rather use standard .createelement call).

yet problem reason (which don't yet understand), ansvgelement.setattribute("visibility", "hidden") did not work while ansvgelement.setattribute("style", "visibility:hidden") did.

there various things might have gone wrong have nothing bit focused on.


Comments

Post a Comment

Popular posts from this blog

asp.net - repeatedly call AddImageUrl(url) to assemble pdf document -

i'm using abcpdf , i'm curious if can recursively call addimageurl() function assemble pdf document compile multiple urls? something like: int pagecount = 0; int theid = thedoc.addimageurl("http://stackoverflow.com/search?q=abcpdf+footer+page+x+out+of+", true, 0, true); //assemble document while (thedoc.chainable(theid)) { thedoc.page = thedoc.addpage(); theid = thedoc.addimagetochain(theid); } pagecount = thedoc.pagecount; console.writeline("1 document page count:" + pagecount); //flatten document (int = 1; <= pagecount; i++) { thedoc.pagenumber = i; thedoc.flatten(); } //now try again theid = thedoc.addimageurl("http://stackoverflow.com/questions/1980890/pdf-report-generation", true, 0, true); //assemble document while (thedoc.chainable(theid)) { thedoc.page = thedoc.addpage(); theid = thedoc.addimagetoc
Read more

java - Android recognize cell phone with keyboard or not? -

in android app, want detect user's device if device has keyboard(like motorola milestone) , show corresponding user interface. guys know how that? ! regards justicepenny http://developer.android.com/reference/android/content/res/configuration.html public int keyboard the kind of keyboard attached device. 1 of: keyboard_nokeys, keyboard_qwerty, keyboard_12key. that's it!
Read more

iphone - How would you achieve a LED Scrolling effect? -

how achieve led scrolling effect example below? led sign - led ticker emulator iphone , ipad http://img.skitch.com/20101201-rsfh4p1bajb1wp94k466pdpiuj.preview.jpg sometimes remunerates comment in other posts :) have put code you, should implement font '8pin matrix' realistic feeling. uilabel *label; - (void)viewdidload { [super viewdidload]; label = [[uilabel alloc]initwithframe:cgrectmake(10, 50, 300, 20)]; label.font = [uifont fontwithname:@"courier-bold" size:16.0]; label.backgroundcolor = [uicolor blackcolor]; label.textcolor = [uicolor greencolor]; label.linebreakmode = uilinebreakmodecharacterwrap; // otherwise "…" label.text = @"this led text scrolled "; // blanks space between [self.view addsubview:label]; [nstimer scheduledtimerwithtimeinterval:0.12f target:self selector:@selector(scrolllabel) use
Read more