Thanks for all your responses. When placing the svg file in an html file, the graphics and animation works fine on the IE browser: http://www.pinyinology.com/ontology/wang2_test.html But when the svg file is opened as an independent file, what appears on the screen is the original code: http://www.pinyinology.com/ontology/wang2.svg I have no idea on whether this is a normal phenomenon. Or something must have be done on the hosting server. By the way, when the html file is opened, a zero (0) appears in the central circle, but not the left-hand one. I would like to modify the code, and have the zero (0) not appear, so the displays in both the left-hand and central circles will exactly coincide. Following is the Javascript code: <script type="text/ecmascript"> <![CDATA[ var i; var symbols = [['goat',1000],['goam',1000],['pove',1000],['goak',1000],['koaf',1000]]; var timeout; var startOnLoad = true; function init() { reset(); if(startOnLoad) setTimeout('play()',200); } function play(){ if(!timeout) { //update(); timeout = setTimeout("update()",symbols[i][1]); setAttr('playGrp','pointer-events','none'); setAttr('playIco','fill','#888'); setAttr('pauseGrp','pointer-events','all'); setAttr('pauseIco','fill','#000'); setAttr('resetGrp','pointer-events','none'); setAttr('resetIco','fill','#888'); } } function update() { i++; if(i >= symbols.length) i=0; document.getElementById('txt').firstChild.data = symbols[i][0]; document.getElementById('txt1').firstChild.data = symbols[i][0]; timeout = setTimeout("update()",symbols[i][1]); } function pause() { timeout = clearTimeout(timeout); setAttr('playGrp','pointer-events','all'); setAttr('playIco','fill','#000'); setAttr('pauseGrp','pointer-events','none'); setAttr('pauseIco','fill','#888'); setAttr('resetGrp','pointer-events','all'); setAttr('resetIco','fill','#000'); } function reset() { i = 0; document.getElementById('txt').firstChild.data = symbols[i][0]; setAttr('playGrp','pointer-events','all'); setAttr('playIco','fill','#000'); setAttr('resetGrp','pointer-events','none'); setAttr('resetIco','fill','#888'); setAttr('pauseGrp','pointer-events','none'); setAttr('pauseIco','fill','#888'); } function setAttr(id,attr,val) { document.getElementById(id).setAttributeNS(null,attr,val); } ]]> </script> Thanks again for your help. fuli zhang
--------------------------------- Don't pick lemons. See all the new 2007 cars at Yahoo! Autos. [Non-text portions of this message have been removed] ----- To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ---- Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/

