Mercurial > laserkard
annotate onlypaths/svgpaths.htm @ 48:b2a11435a89b laserkard
[svn r49] implemented resizing text :)
author | rlm |
---|---|
date | Sun, 31 Jan 2010 20:26:16 -0500 |
parents | 26c2b3ad21c7 |
children |
rev | line source |
---|---|
rlm@46 | 1 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xml:lang="en" lang="en"> |
rlm@46 | 2 <head> |
rlm@46 | 3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> |
rlm@46 | 4 <meta http-equiv="keywords" content="SVG,scalable vector graphics,tutorial,XML"/> |
rlm@46 | 5 |
rlm@46 | 6 |
rlm@46 | 7 <title>SVG</title> |
rlm@46 | 8 <script type="text/javascript" src="js/svgpaths.js"></script> |
rlm@46 | 9 <script> |
rlm@46 | 10 function ini(){ |
rlm@46 | 11 var colorpage= parent.colorpage; |
rlm@46 | 12 //document.body.style.backgroundColor =colorpage; |
rlm@46 | 13 } |
rlm@46 | 14 |
rlm@46 | 15 </script> |
rlm@46 | 16 |
rlm@46 | 17 <style> |
rlm@46 | 18 body{border-style:outset;border-width:0px;background-color:#ffffff;font-family:verdana,arial; font-size:10pt;} |
rlm@46 | 19 .front{position:absolute;top:4px;left:1px;width:200px;overflow:hidden;} |
rlm@46 | 20 .color1{color:#ff5500} |
rlm@46 | 21 .color2{color:#220044} |
rlm@46 | 22 </style> |
rlm@46 | 23 </head> |
rlm@46 | 24 <body onload="ini()";> |
rlm@46 | 25 <div class="front"> |
rlm@46 | 26 <script> |
rlm@46 | 27 var cadena=''; var a=1; |
rlm@46 | 28 |
rlm@46 | 29 var color=''; |
rlm@46 | 30 for(var a=0; a < paths.length; a++) |
rlm@46 | 31 { if(a%2==0){color='color1';}else{color='color2';} |
rlm@46 | 32 cadena+='<a onclick="parent.document.forms[0].codebase.value='+"'"+paths[a].data+"'"+';parent.setShape()"><span class="'+color+'">'+paths[a].name+' </span></a>'; |
rlm@46 | 33 } |
rlm@46 | 34 |
rlm@46 | 35 document.write(cadena); |
rlm@46 | 36 |
rlm@46 | 37 </script> |
rlm@46 | 38 </div> |
rlm@46 | 39 </body> |
rlm@46 | 40 </html> |