jQuery -- change the fill color of a path tag of SVG in html dom
Hello, here is what I want to do. I want to set the fill color on a hover of a link.
here is the dom...
div style="position: absolute; left: 0px; top: 0px; z-index: 0; cursor: url(http://maps.gstatic.com/intl/en_us/mapfiles/openhand_8_8.cur), default;">
<div style="position: absolute; left: 0px; top: 0px; display: none;">
</div>
<div style="position: absolute; left: 0px; top: 0px;">
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 100;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 101;">
<svg version="1.1" overflow="visible" style="position: absolute; left: 211px; top: 54px; z-index: 1000;" width="108px" height="118px" viewBox="211 54 108 118">
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 195px; top: 89px; z-index: 1000;" width="51px" height="48px" viewBox="195 89 51 48">
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 191px; top: 70px; z-index: 1000;" width="46px" height="30px" viewBox="191 70 46 30">
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 209px; top: 124px; z-index: 1000;" width="60px" height="54px" viewBox="209 124 60 54">
<path stroke-linejoin="round" stroke-linecap="round" d="M 266 170 L 267 161 266 157 264 152 262 148 260 139 259 137 246 129 237 126 233 127 226 129 222 131 220 133 217 135 217 138 220 142 221 144 220 145 218 147 217 149 216 150 216 153 215 154 215 156 211 162 211 165 226 165 229 174 228 176 235 176 236 172 238 173 239 172 240 171 241 171 243 169 243 170 243 170 266 170 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#804040" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
so fill="#804040" is what I want to change..
I did try
$(".Rover").hover(
function () {
if($(this).html()=="Camas Prairie"){
if($("path").attr("fill")=
$("path").attr({ fill:"#FFFF00 });
}
}
},
function () {
}
);
//fill="#804040" fill-opacity="0.49000001"
on a rollover of
<div style="display: inline; width: 500px;">
<h3>North Central Idaho Driving Tours:</h3>
<ul>
<li>
"
<a class="Rover" title="On a driving tour through Camas Prairie, you will see a patchwork of wheat, canola and oat fields, four wilderness areas and four national forests." href="http://www.visitnorthcentralidaho.org/THINGS-to-DO/scenic-byways-drives/camas-prairie-driving-tour.html">Camas Prairie</a>
</li>
<li>
</li>
<li>
"
<a class="Rover" title="The Lewis-Clark Valley's mild climate offers year-round outdoor recreation. World-class fishing, hunting and Hells Canyon draw visitors from across the United States and from around the world." href="http://www.visitnorthcentralidaho.org/Region-Overview/lewis-clark-valley-region.html">Lewis-Clark Valley Region</a>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</div>
Here is the location... http://www.visitnorthcentralidaho.org/Region-Overview.html and the map is it...
I hope that make sense... I figured that it'd be simple but... well here I am :D
Thanks
Jeremy
here is the dom...
div style="position: absolute; left: 0px; top: 0px; z-index: 0; cursor: url(http://maps.gstatic.com/intl/en_us/mapfiles/openhand_8_8.cur), default;">
<div style="position: absolute; left: 0px; top: 0px; display: none;">
</div>
<div style="position: absolute; left: 0px; top: 0px;">
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 100;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 101;">
<svg version="1.1" overflow="visible" style="position: absolute; left: 211px; top: 54px; z-index: 1000;" width="108px" height="118px" viewBox="211 54 108 118">
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 195px; top: 89px; z-index: 1000;" width="51px" height="48px" viewBox="195 89 51 48">
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 191px; top: 70px; z-index: 1000;" width="46px" height="30px" viewBox="191 70 46 30">
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 209px; top: 124px; z-index: 1000;" width="60px" height="54px" viewBox="209 124 60 54">
<path stroke-linejoin="round" stroke-linecap="round" d="M 266 170 L 267 161 266 157 264 152 262 148 260 139 259 137 246 129 237 126 233 127 226 129 222 131 220 133 217 135 217 138 220 142 221 144 220 145 218 147 217 149 216 150 216 153 215 154 215 156 211 162 211 165 226 165 229 174 228 176 235 176 236 172 238 173 239 172 240 171 241 171 243 169 243 170 243 170 266 170 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#804040" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
so fill="#804040" is what I want to change..
I did try
$(".Rover").hover(
function () {
if($(this).html()=="Camas Prairie"){
if($("path").attr("fill")=
$("path").attr({ fill:"#FFFF00 });
}
}
},
function () {
}
);
//fill="#804040" fill-opacity="0.49000001"
on a rollover of
<div style="display: inline; width: 500px;">
<h3>North Central Idaho Driving Tours:</h3>
<ul>
<li>
"
<a class="Rover" title="On a driving tour through Camas Prairie, you will see a patchwork of wheat, canola and oat fields, four wilderness areas and four national forests." href="http://www.visitnorthcentralidaho.org/THINGS-to-DO/scenic-byways-drives/camas-prairie-driving-tour.html">Camas Prairie</a>
</li>
<li>
</li>
<li>
"
<a class="Rover" title="The Lewis-Clark Valley's mild climate offers year-round outdoor recreation. World-class fishing, hunting and Hells Canyon draw visitors from across the United States and from around the world." href="http://www.visitnorthcentralidaho.org/Region-Overview/lewis-clark-valley-region.html">Lewis-Clark Valley Region</a>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</div>
Here is the location... http://www.visitnorthcentralidaho.org/Region-Overview.html and the map is it...
I hope that make sense... I figured that it'd be simple but... well here I am :D
Thanks
Jeremy
<div id="mm" title="Map" class="bigimg first">
<div style="width: 527px; height: 235px; position: relative; background-color: rgb(229, 227, 223);" id="CGGoogleMaps0">
<div style="overflow: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 0; cursor: url(http://maps.gstatic.com/intl/en_us/mapfiles/openhand_8_8.cur), default;">
<div style="position: absolute; left: 0px; top: 0px; display: none;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/></div>
</div>
<div style="position: absolute; left: 0px; top: 0px;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -111px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt2.google.com/vt/lyrs=m@110&hl=en&src=api&x=10&y=22&z=6&s=Gali"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -111px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt0.google.com/vt/lyrs=m@110&hl=en&src=api&x=10&y=23&z=6&s=Galil"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -111px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt2.google.com/vt/lyrs=m@110&hl=en&src=api&x=10&y=24&z=6&s=Galile"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 145px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt3.google.com/vt/lyrs=m@110&hl=en&src=api&x=11&y=22&z=6&s=Galileo"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 145px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt1.google.com/vt/lyrs=m@110&hl=en&src=api&x=11&y=23&z=6&s="/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 145px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt3.google.com/vt/lyrs=m@110&hl=en&src=api&x=11&y=24&z=6&s=G"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 401px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt0.google.com/vt/lyrs=m@110&hl=en&src=api&x=12&y=22&z=6&s=Ga"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 401px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt2.google.com/vt/lyrs=m@110&hl=en&src=api&x=12&y=23&z=6&s=Gal"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 401px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt0.google.com/vt/lyrs=m@110&hl=en&src=api&x=12&y=24&z=6&s=Gali"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 657px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt1.google.com/vt/lyrs=m@110&hl=en&src=api&x=13&y=22&z=6&s=Galil"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 657px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt3.google.com/vt/lyrs=m@110&hl=en&src=api&x=13&y=23&z=6&s=Galile"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 657px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt1.google.com/vt/lyrs=m@110&hl=en&src=api&x=13&y=24&z=6&s=Galileo"/></div>
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 100;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 101;">
<svg version="1.1" overflow="visible" style="position: absolute; left: 211px; top: 54px; z-index: 1000;" width="108px" height="118px" viewBox="211 54 108 118">
<path stroke-linejoin="round" stroke-linecap="round" d="M 236 64 L 233 67 228 67 223 68 218 68 215 69 214 71 214 75 213 76 217 76 221 72 223 72 225 77 226 81 227 85 235 90 236 95 238 99 241 103 243 108 242 112 244 115 244 116 241 124 241 126 243 128 249 131 252 133 257 136 260 139 261 148 264 151 266 157 267 161 266 170 301 170 302 160 306 158 299 153 296 149 301 147 303 150 307 146 308 143 307 141 310 139 310 137 307 133 310 128 314 127 315 125 313 122 314 120 312 118 311 118 311 116 309 116 311 114 311 112 311 110 309 110 309 108 312 106 312 102 311 100 313 99 313 97 314 95 313 92 315 90 315 85 317 83 317 78 317 74 314 74 311 76 308 75 306 76 304 74 304 70 301 69 300 71 297 71 297 67 292 64 291 63 290 60 289 57 236 56 236 64 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#143aa2" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 195px; top: 89px; z-index: 1000;" width="51px" height="48px" viewBox="195 89 51 48">
<path stroke-linejoin="round" stroke-linecap="round" d="M 197 98 L 197 100 198 101 198 103 198 105 200 107 198 111 197 112 197 112 199 114 200 118 202 121 203 124 205 127 206 129 207 130 209 129 211 132 213 132 215 132 217 135 224 130 233 127 239 126 243 128 241 125 244 116 244 115 242 112 243 107 241 103 237 98 235 91 229 91 227 92 225 95 222 95 219 97 213 97 208 97 206 97 200 96 197 98 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#4f4f66" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 191px; top: 70px; z-index: 1000;" width="46px" height="30px" viewBox="191 70 46 30">
<path stroke-linejoin="round" stroke-linecap="round" d="M 197 98 L 200 97 206 97 208 97 213 97 218 97 222 95 225 95 227 92 229 91 235 91 235 90 227 85 226 81 225 77 223 72 221 72 217 76 215 76 213 76 210 79 209 82 194 82 195 90 193 95 195 96 195 97 197 98 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#44c0bf" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 209px; top: 124px; z-index: 1000;" width="60px" height="54px" viewBox="209 124 60 54">
<path stroke-linejoin="round" stroke-linecap="round" d="M 266 170 L 267 161 266 157 264 152 262 148 260 139 259 137 246 129 237 126 233 127 226 129 222 131 220 133 217 135 217 138 220 142 221 144 220 145 218 147 217 149 216 150 216 153 215 154 215 156 211 162 211 165 226 165 229 174 228 176 235 176 236 172 238 173 239 172 240 171 241 171 243 169 243 170 243 170 266 170 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#804040" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 192px; top: 41px; z-index: 1000;" width="46px" height="43px" viewBox="192 41 46 43">
<path stroke-linejoin="round" stroke-linecap="round" d="M 194 45 L 194 82 209 82 210 79 214 75 214 71 215 69 218 68 224 68 228 67 233 66 236 64 236 56 227 56 227 50 221 50 221 49 204 50 204 49 201 47 200 46 198 47 197 46 198 44 197 43 194 43 194 45 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#a28036" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 102;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 103;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 104; cursor: default;"><img style="border: 0px none ; margin: 0px; padding: 0px; width: 1px; height: 1px; -moz-user-select: none; position: absolute; left: 219px; top: 118px; z-index: -147200000; cursor: pointer;" src="http://www.northcentralidaho.org/images/_blank.gif" id="mtgt_unnamed_0"/></div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 105;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 106;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 107; cursor: default;"/>
</div>
</div>
<div class="gmnoprint" style="-moz-user-select: none; z-index: 0; position: absolute; left: 2px; bottom: 2px;" id="logocontrol"><a title="Click to see this area on Google Maps" href="http://maps.google.com/maps?ll=46,-115.5&spn=3.586664,11.57959&z=6&key=ABQIAAAAvWpY8Qh63SCxpKpY0GOsIxTngsPY9dVALd8uSC6XcVEXSn6xQhRcFxG8LurAYYlCFxLgJyJ5MZlqgw&mapclient=jsapi&oi=map_misc&ct=api_logo" target="_blank"><img style="border: 0px none ; margin: 0px; padding: 0px; width: 62px; height: 30px; -moz-user-select: none; cursor: pointer;" src="http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png"/></a></div>
<div style="-moz-user-select: none; z-index: 0; position: absolute; right: 3px; bottom: 2px; color: black; font-family: Arial,sans-serif; font-size: 11px; white-space: nowrap; text-align: right;" dir="ltr"><span/><span>Map data ©2009 Google - </span><a href="http://www.google.com/intl/en_us/help/terms_maps.html" target="_blank" class="gmnoprint" style="color: rgb(119, 119, 204);">Terms of Use</a></div>
<div style="width: 122px; height: 26px; -moz-user-select: none; z-index: 0; position: absolute; left: 68px; bottom: 5px; color: black; font-family: Arial,sans-serif; font-size: 11px;" class="gmnoprint" jstcache="0" id="scalecontrol">
<div jstcache="0">
<div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 0px; top: 0px; width: 4px; height: 26px;" jstcache="1" jsinstance="0"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div>
<div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 3px; top: 11px; width: 118px; height: 4px;" jstcache="1" jsinstance="1"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: -424px; width: 118px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div>
<div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 121px; top: 11px; width: 1px; height: 4px;" jstcache="1" jsinstance="2"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -412px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div>
<div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 95px; top: 0px; width: 4px; height: 12px;" jstcache="1" jsinstance="3"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -4px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div>
<div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 118px; top: 14px; width: 4px; height: 12px;" jstcache="1" jsinstance="*4"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -8px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div>
<div jsvalues=".style.left:$this.left;.style.bottom:$this.bottom;.style.top:$this.top" jscontent="$this.title" jsselect="scales" style="position: absolute; left: 8px; bottom: 16px;" jstcache="2" jsinstance="0">100 mi</div>
<div jsvalues=".style.left:$this.left;.style.bottom:$this.bottom;.style.top:$this.top" jscontent="$this.title" jsselect="scales" style="position: absolute; left: 8px; top: 15px;" jstcache="2" jsinstance="*1">200 km</div>
</div>
</div>
<div style="border: medium none ; width: 60px; height: 40px; visibility: hidden; -moz-user-select: none; z-index: 0;" id="CGGoogleMaps0_magnifyingglass" class="gmnoprint">
<div style="border-style: solid none none solid; border-color: rgb(255, 0, 0) -moz-use-text-color -moz-use-text-color rgb(255, 0, 0); border-width: 2px 0px 0px 2px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/>
<div style="border-style: solid solid none none; border-color: rgb(255, 0, 0) rgb(255, 0, 0) -moz-use-text-color -moz-use-text-color; border-width: 2px 2px 0px 0px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/>
<div style="border-style: none solid solid none; border-color: -moz-use-text-color rgb(255, 0, 0) rgb(255, 0, 0) -moz-use-text-color; border-width: 0px 2px 2px 0px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/>
<div style="border-style: none none solid solid; border-color: -moz-use-text-color -moz-use-text-color rgb(255, 0, 0) rgb(255, 0, 0); border-width: 0px 0px 2px 2px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/>
</div>
</div>
</div>ASKER
hmm.. on both I just keep geting this error
"unterminated string literal"
$("path").attr({ fill:"#FFFF00});
So the hovers are working... the svg is in the google map tab...
not to sure on that...
"unterminated string literal"
$("path").attr({ fill:"#FFFF00});
So the hovers are working... the svg is in the google map tab...
not to sure on that...
ASKER
opp.. pasted the old...
this doesn't change the fill
$(".Rover").bind("mouseove
//alert($(this).text());
if($(this).html()=="Camas Prairie"){
if($("path").attr("fill")=
$("path").attr({ fill:"#FFFF00"});
}
}
},
function () {
}
);
but I can do the alert
sorry
this doesn't change the fill
$(".Rover").bind("mouseove
//alert($(this).text());
if($(this).html()=="Camas Prairie"){
if($("path").attr("fill")=
$("path").attr({ fill:"#FFFF00"});
}
}
},
function () {
}
);
but I can do the alert
sorry
ASKER
if I go like this... the alert doesn't fire
$(".Rover").bind("mouseove
//alert($(this).text());
if($(this).html()=="Camas Prairie"){
if($("path").attr("fill")=
alert($(this).text());
$("path").attr({ fill:"#FFFF00"});
}
}
},
function () {
}
);
so I 'm not sure if it's allowing the path tag? or understanding it?
$(".Rover").bind("mouseove
//alert($(this).text());
if($(this).html()=="Camas Prairie"){
if($("path").attr("fill")=
alert($(this).text());
$("path").attr({ fill:"#FFFF00"});
}
}
},
function () {
}
);
so I 'm not sure if it's allowing the path tag? or understanding it?
I tried the code I provided on the markup you have at:
http://www.visitnorthcentralidaho.org/Region-Overview.html
and I DO see the alert when I uncomment it. However, there is not path tag (or svg tags for that matter) on that document.
On another note, based on the test code below, it seems jquery does not work on non-html tags:
http://www.visitnorthcentralidaho.org/Region-Overview.html
and I DO see the alert when I uncomment it. However, there is not path tag (or svg tags for that matter) on that document.
On another note, based on the test code below, it seems jquery does not work on non-html tags:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("greeting,div").attr("title","Custom Greeting").css({backgroundColor:'yellow'});
});
</script>
</head>
<body>
<h1>Greeting</h1>
<greeting>Hello Stranger</greeting>
<div>Hello Stranger</div>
</body>
</html>ASKER
yes the alert where you had it does fire... I meant in the
if($("path").attr("fill")=
alert($(this).text());
$("path").attr({ fill:"#FFFF00"});
}
but I guess that is not really anything...
So then... um...
var obj= someway to get to "path";
if($(obj).attr("fill")=="#
alert($(this).text());
$(obj).attr({ fill:"#FFFF00"});
}
???
:D
if($("path").attr("fill")=
alert($(this).text());
$("path").attr({ fill:"#FFFF00"});
}
but I guess that is not really anything...
So then... um...
var obj= someway to get to "path";
if($(obj).attr("fill")=="#
alert($(this).text());
$(obj).attr({ fill:"#FFFF00"});
}
???
:D
it seems you will need to qualify your tag with a namespace. Save example below as test.html and try it. Notice that I define the "custom" xmlns in the line containing the html tag.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:custom="http://somesite.com">
<head>
<title>test</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("greeting,div").attr("title","Custom Greeting").css({backgroundColor:'yellow'}).bind("mouseover",function(){alert($(this).html());});
});
</script>
</head>
<body>
<h1>Greeting</h1>
<custom:greeting>Hello Stranger</custom:greeting>
<div>How are you?</div>
</body>
</html>
ASKER
hmmm.. yes I see that works... question.. since this is googles output and I can't really change it... what are you driving towards? I can't go
<custom:path
sorry I sort of fallow I think but still lost :D
<custom:path
sorry I sort of fallow I think but still lost :D
ASKER
ok here was my test...
no luck so far
no luck so far
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:path="http://somesite.com">
<head>
<title>test</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("path").attr("title","Custom Greeting").css({backgroundColor:'yellow'}).bind("mouseover",function(){alert($(this).html());});
});
</script>
</head>
<body>
<h1>Greeting</h1>
<svg version="1.1" overflow="visible" style="width="60px" height="54px" viewBox="209 124 60 54">
<path stroke-linejoin="round" stroke-linecap="round" d="M 266 170 L 267 161 266 157 264 152 262 148 260 139 259 137 246 129 237 126 233 127 226 129 222 131 220 133 217 135 217 138 220 142 221 144 220 145 218 147 217 149 216 150 216 153 215 154 215 156 211 162 211 165 226 165 229 174 228 176 235 176 236 172 238 173 239 172 240 171 241 171 243 169 243 170 243 170 266 170 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#804040" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
</body>
</html>ASKER
wait... I think it worked...
I looked at the scource in FF firebug.. it have yellow !!!!!!
I looked at the scource in FF firebug.. it have yellow !!!!!!
ASKER
ok.. I think it's close... the over is not working I think...
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:path="http://somesite.com">
<head>
<title>test</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(".Rover").bind("mouseover",function(){
//alert($(this).text());
if($(this).html()=="Camas Prairie"){
if($("path").attr("fill")=="#804040"){
alert($(this).text());
$("path").attr({ fill:"#FFFF00"});
}
}
},
function () {
}
);
});
</script>
</head>
<body>
<h1>Greeting</h1>
<a class="Rover" title="Clearwater Region" href="http://www.visitnorthcentralidaho.org/Region-Overview/clearwater-region.html">Clearwater Region</a>
<svg version="1.1" overflow="visible" style="width="60px" height="54px" viewBox="209 124 60 54">
<path stroke-linejoin="round" stroke-linecap="round" d="M 266 170 L 267 161 266 157 264 152 262 148 260 139 259 137 246 129 237 126 233 127 226 129 222 131 220 133 217 135 217 138 220 142 221 144 220 145 218 147 217 149 216 150 216 153 215 154 215 156 211 162 211 165 226 165 229 174 228 176 235 176 236 172 238 173 239 172 240 171 241 171 243 169 243 170 243 170 266 170 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#804040" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
</body>
</html>
>>since this is googles output
What is the actual output generated by google? I was unable to find any svg markup on the link you pointed out.
What is the actual output generated by google? I was unable to find any svg markup on the link you pointed out.
ASKER
as messes as it is this is it... you should be able to find it in firebug on FF
<div style="width: 527px; height: 235px; position: relative; background-color: rgb(229, 227, 223);" id="CGGoogleMaps0"><div style="overflow: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: 0; cursor: url(http://maps.gstatic.com/intl/en_us/mapfiles/openhand_8_8.cur), default;"><div style="position: absolute; left: 0px; top: 0px; display: none;"><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/></div></div><div style="position: absolute; left: 0px; top: 0px;"><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -111px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt2.google.com/vt/lyrs=m@110&hl=en&src=api&x=10&y=22&z=6&s=Gali"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -111px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt0.google.com/vt/lyrs=m@110&hl=en&src=api&x=10&y=23&z=6&s=Galil"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -111px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt2.google.com/vt/lyrs=m@110&hl=en&src=api&x=10&y=24&z=6&s=Galile"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 145px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt3.google.com/vt/lyrs=m@110&hl=en&src=api&x=11&y=22&z=6&s=Galileo"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 145px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt1.google.com/vt/lyrs=m@110&hl=en&src=api&x=11&y=23&z=6&s="/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 145px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt3.google.com/vt/lyrs=m@110&hl=en&src=api&x=11&y=24&z=6&s=G"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 401px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt0.google.com/vt/lyrs=m@110&hl=en&src=api&x=12&y=22&z=6&s=Ga"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 401px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt2.google.com/vt/lyrs=m@110&hl=en&src=api&x=12&y=23&z=6&s=Gal"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 401px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt0.google.com/vt/lyrs=m@110&hl=en&src=api&x=12&y=24&z=6&s=Gali"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 657px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt1.google.com/vt/lyrs=m@110&hl=en&src=api&x=13&y=22&z=6&s=Galil"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 657px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt3.google.com/vt/lyrs=m@110&hl=en&src=api&x=13&y=23&z=6&s=Galile"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 657px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt1.google.com/vt/lyrs=m@110&hl=en&src=api&x=13&y=24&z=6&s=Galileo"/></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 100;"/><div style="position: absolute; left: 0px; top: 0px; z-index: 101;"><svg version="1.1" overflow="visible" style="position: absolute; left: 191px; top: 70px; z-index: 1000;" width="46px" height="30px" viewBox="191 70 46 30"><path stroke-linejoin="round" stroke-linecap="round" d="M 197 98 L 200 97 206 97 208 97 213 97 218 97 222 95 225 95 227 92 229 91 235 91 235 90 227 85 226 81 225 77 223 72 221 72 217 76 215 76 213 76 210 79 209 82 194 82 195 90 193 95 195 96 195 97 197 98 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#44c0bf" fill-opacity="0.49000001" fill-rule="evenodd"/></svg><svg version="1.1" overflow="visible" style="position: absolute; left: 195px; top: 89px; z-index: 1000;" width="51px" height="48px" viewBox="195 89 51 48"><path stroke-linejoin="round" stroke-linecap="round" d="M 197 98 L 197 100 198 101 198 103 198 105 200 107 198 111 197 112 197 112 199 114 200 118 202 121 203 124 205 127 206 129 207 130 209 129 211 132 213 132 215 132 217 135 224 130 233 127 239 126 243 128 241 125 244 116 244 115 242 112 243 107 241 103 237 98 235 91 229 91 227 92 225 95 222 95 219 97 213 97 208 97 206 97 200 96 197 98 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#4f4f66" fill-opacity="0.49000001" fill-rule="evenodd"/></svg><svg version="1.1" overflow="visible" style="position: absolute; left: 211px; top: 54px; z-index: 1000;" width="108px" height="118px" viewBox="211 54 108 118"><path stroke-linejoin="round" stroke-linecap="round" d="M 236 64 L 233 67 228 67 223 68 218 68 215 69 214 71 214 75 213 76 217 76 221 72 223 72 225 77 226 81 227 85 235 90 236 95 238 99 241 103 243 108 242 112 244 115 244 116 241 124 241 126 243 128 249 131 252 133 257 136 260 139 261 148 264 151 266 157 267 161 266 170 301 170 302 160 306 158 299 153 296 149 301 147 303 150 307 146 308 143 307 141 310 139 310 137 307 133 310 128 314 127 315 125 313 122 314 120 312 118 311 118 311 116 309 116 311 114 311 112 311 110 309 110 309 108 312 106 312 102 311 100 313 99 313 97 314 95 313 92 315 90 315 85 317 83 317 78 317 74 314 74 311 76 308 75 306 76 304 74 304 70 301 69 300 71 297 71 297 67 292 64 291 63 290 60 289 57 236 56 236 64 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#143aa2" fill-opacity="0.49000001" fill-rule="evenodd"/></svg><svg version="1.1" overflow="visible" style="position: absolute; left: 209px; top: 124px; z-index: 1000;" width="60px" height="54px" viewBox="209 124 60 54"><path stroke-linejoin="round" stroke-linecap="round" d="M 266 170 L 267 161 266 157 264 152 262 148 260 139 259 137 246 129 237 126 233 127 226 129 222 131 220 133 217 135 217 138 220 142 221 144 220 145 218 147 217 149 216 150 216 153 215 154 215 156 211 162 211 165 226 165 229 174 228 176 235 176 236 172 238 173 239 172 240 171 241 171 243 169 243 170 243 170 266 170 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#804040" fill-opacity="0.49000001" fill-rule="evenodd"/></svg><svg version="1.1" overflow="visible" style="position: absolute; left: 192px; top: 41px; z-index: 1000;" width="46px" height="43px" viewBox="192 41 46 43"><path stroke-linejoin="round" stroke-linecap="round" d="M 194 45 L 194 82 209 82 210 79 214 75 214 71 215 69 218 68 224 68 228 67 233 66 236 64 236 56 227 56 227 50 221 50 221 49 204 50 204 49 201 47 200 46 198 47 197 46 198 44 197 43 194 43 194 45 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#a28036" fill-opacity="0.49000001" fill-rule="evenodd"/></svg></div><div style="position: absolute; left: 0px; top: 0px; z-index: 102;"/><div style="position: absolute; left: 0px; top: 0px; z-index: 103;"/><div style="position: absolute; left: 0px; top: 0px; z-index: 104; cursor: default;"><img style="border: 0px none ; margin: 0px; padding: 0px; width: 1px; height: 1px; -moz-user-select: none; position: absolute; left: 219px; top: 118px; z-index: -147200000; cursor: pointer;" src="http://www.visitnorthcentralidaho.org/images/_blank.gif" id="mtgt_unnamed_0"/></div><div style="position: absolute; left: 0px; top: 0px; z-index: 105;"/><div style="position: absolute; left: 0px; top: 0px; z-index: 106;"/><div style="position: absolute; left: 0px; top: 0px; z-index: 107; cursor: default;"/></div></div><div class="gmnoprint" style="-moz-user-select: none; z-index: 0; position: absolute; left: 2px; bottom: 2px;" id="logocontrol"><a title="Click to see this area on Google Maps" href="http://maps.google.com/maps?ll=46,-115.5&spn=3.586664,11.57959&z=6&key=ABQIAAAAvWpY8Qh63SCxpKpY0GOsIxSFPLwWx59Aumdyz4ZyVLo24TgLcRS4ohEcRgQCHA0dq01JcdObD0Smtw&mapclient=jsapi&oi=map_misc&ct=api_logo" target="_blank"><img style="border: 0px none ; margin: 0px; padding: 0px; width: 62px; height: 30px; -moz-user-select: none; cursor: pointer;" src="http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png"/></a></div><div style="-moz-user-select: none; z-index: 0; position: absolute; right: 3px; bottom: 2px; color: black; font-family: Arial,sans-serif; font-size: 11px; white-space: nowrap; text-align: right;" dir="ltr"><span/><span>Map data ©2009 Google - </span><a href="http://www.google.com/intl/en_us/help/terms_maps.html" target="_blank" class="gmnoprint" style="color: rgb(119, 119, 204);">Terms of Use</a></div><div style="width: 122px; height: 26px; -moz-user-select: none; z-index: 0; position: absolute; left: 68px; bottom: 5px; color: black; font-family: Arial,sans-serif; font-size: 11px;" class="gmnoprint" jstcache="0" id="scalecontrol"><div jstcache="0"><div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 0px; top: 0px; width: 4px; height: 26px;" jstcache="1" jsinstance="0"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div><div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 3px; top: 11px; width: 118px; height: 4px;" jstcache="1" jsinstance="1"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: -424px; width: 118px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div><div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 121px; top: 11px; width: 1px; height: 4px;" jstcache="1" jsinstance="2"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -412px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div><div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 95px; top: 0px; width: 4px; height: 12px;" jstcache="1" jsinstance="3"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -4px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div><div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 118px; top: 14px; width: 4px; height: 12px;" jstcache="1" jsinstance="*4"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -8px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div><div jsvalues=".style.left:$this.left;.style.bottom:$this.bottom;.style.top:$this.top" jscontent="$this.title" jsselect="scales" style="position: absolute; left: 8px; bottom: 16px;" jstcache="2" jsinstance="0">100 mi</div><div jsvalues=".style.left:$this.left;.style.bottom:$this.bottom;.style.top:$this.top" jscontent="$this.title" jsselect="scales" style="position: absolute; left: 8px; top: 15px;" jstcache="2" jsinstance="*1">200 km</div></div></div><div style="border: medium none ; width: 60px; height: 40px; visibility: hidden; -moz-user-select: none; z-index: 0;" id="CGGoogleMaps0_magnifyingglass" class="gmnoprint"><div style="border-style: solid none none solid; border-color: rgb(255, 0, 0) -moz-use-text-color -moz-use-text-color rgb(255, 0, 0); border-width: 2px 0px 0px 2px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/><div style="border-style: solid solid none none; border-color: rgb(255, 0, 0) rgb(255, 0, 0) -moz-use-text-color -moz-use-text-color; border-width: 2px 2px 0px 0px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/><div style="border-style: none solid solid none; border-color: -moz-use-text-color rgb(255, 0, 0) rgb(255, 0, 0) -moz-use-text-color; border-width: 0px 2px 2px 0px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/><div style="border-style: none none solid solid; border-color: -moz-use-text-color -moz-use-text-color rgb(255, 0, 0) rgb(255, 0, 0); border-width: 0px 0px 2px 2px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/></div></div>
ASKER
sorry here it is formated...
<div style="width: 527px; height: 235px; position: relative; background-color: rgb(229, 227, 223);" id="CGGoogleMaps0">
<div style="overflow: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 0; cursor: url(http://maps.gstatic.com/intl/en_us/mapfiles/openhand_8_8.cur), default;">
<div style="position: absolute; left: 0px; top: 0px; display: none;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none;" src="http://maps.gstatic.com/intl/en_us/mapfiles/transparent.png"/></div>
</div>
<div style="position: absolute; left: 0px; top: 0px;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -111px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt2.google.com/vt/lyrs=m@110&hl=en&src=api&x=10&y=22&z=6&s=Gali"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -111px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt0.google.com/vt/lyrs=m@110&hl=en&src=api&x=10&y=23&z=6&s=Galil"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -111px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt2.google.com/vt/lyrs=m@110&hl=en&src=api&x=10&y=24&z=6&s=Galile"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 145px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt3.google.com/vt/lyrs=m@110&hl=en&src=api&x=11&y=22&z=6&s=Galileo"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 145px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt1.google.com/vt/lyrs=m@110&hl=en&src=api&x=11&y=23&z=6&s="/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 145px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt3.google.com/vt/lyrs=m@110&hl=en&src=api&x=11&y=24&z=6&s=G"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 401px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt0.google.com/vt/lyrs=m@110&hl=en&src=api&x=12&y=22&z=6&s=Ga"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 401px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt2.google.com/vt/lyrs=m@110&hl=en&src=api&x=12&y=23&z=6&s=Gal"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 401px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt0.google.com/vt/lyrs=m@110&hl=en&src=api&x=12&y=24&z=6&s=Gali"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 657px; top: -79px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt1.google.com/vt/lyrs=m@110&hl=en&src=api&x=13&y=22&z=6&s=Galil"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 657px; top: 177px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt3.google.com/vt/lyrs=m@110&hl=en&src=api&x=13&y=23&z=6&s=Galile"/><img style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 657px; top: 433px; width: 256px; height: 256px; -moz-user-select: none;" src="http://mt1.google.com/vt/lyrs=m@110&hl=en&src=api&x=13&y=24&z=6&s=Galileo"/></div>
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 100;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 101;">
<svg version="1.1" overflow="visible" style="position: absolute; left: 191px; top: 70px; z-index: 1000;" width="46px" height="30px" viewBox="191 70 46 30">
<path stroke-linejoin="round" stroke-linecap="round" d="M 197 98 L 200 97 206 97 208 97 213 97 218 97 222 95 225 95 227 92 229 91 235 91 235 90 227 85 226 81 225 77 223 72 221 72 217 76 215 76 213 76 210 79 209 82 194 82 195 90 193 95 195 96 195 97 197 98 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#44c0bf" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 195px; top: 89px; z-index: 1000;" width="51px" height="48px" viewBox="195 89 51 48">
<path stroke-linejoin="round" stroke-linecap="round" d="M 197 98 L 197 100 198 101 198 103 198 105 200 107 198 111 197 112 197 112 199 114 200 118 202 121 203 124 205 127 206 129 207 130 209 129 211 132 213 132 215 132 217 135 224 130 233 127 239 126 243 128 241 125 244 116 244 115 242 112 243 107 241 103 237 98 235 91 229 91 227 92 225 95 222 95 219 97 213 97 208 97 206 97 200 96 197 98 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#4f4f66" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 211px; top: 54px; z-index: 1000;" width="108px" height="118px" viewBox="211 54 108 118">
<path stroke-linejoin="round" stroke-linecap="round" d="M 236 64 L 233 67 228 67 223 68 218 68 215 69 214 71 214 75 213 76 217 76 221 72 223 72 225 77 226 81 227 85 235 90 236 95 238 99 241 103 243 108 242 112 244 115 244 116 241 124 241 126 243 128 249 131 252 133 257 136 260 139 261 148 264 151 266 157 267 161 266 170 301 170 302 160 306 158 299 153 296 149 301 147 303 150 307 146 308 143 307 141 310 139 310 137 307 133 310 128 314 127 315 125 313 122 314 120 312 118 311 118 311 116 309 116 311 114 311 112 311 110 309 110 309 108 312 106 312 102 311 100 313 99 313 97 314 95 313 92 315 90 315 85 317 83 317 78 317 74 314 74 311 76 308 75 306 76 304 74 304 70 301 69 300 71 297 71 297 67 292 64 291 63 290 60 289 57 236 56 236 64 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#143aa2" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 209px; top: 124px; z-index: 1000;" width="60px" height="54px" viewBox="209 124 60 54">
<path stroke-linejoin="round" stroke-linecap="round" d="M 266 170 L 267 161 266 157 264 152 262 148 260 139 259 137 246 129 237 126 233 127 226 129 222 131 220 133 217 135 217 138 220 142 221 144 220 145 218 147 217 149 216 150 216 153 215 154 215 156 211 162 211 165 226 165 229 174 228 176 235 176 236 172 238 173 239 172 240 171 241 171 243 169 243 170 243 170 266 170 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#804040" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
<svg version="1.1" overflow="visible" style="position: absolute; left: 192px; top: 41px; z-index: 1000;" width="46px" height="43px" viewBox="192 41 46 43">
<path stroke-linejoin="round" stroke-linecap="round" d="M 194 45 L 194 82 209 82 210 79 214 75 214 71 215 69 218 68 224 68 228 67 233 66 236 64 236 56 227 56 227 50 221 50 221 49 204 50 204 49 201 47 200 46 198 47 197 46 198 44 197 43 194 43 194 45 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#a28036" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
</div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 102;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 103;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 104; cursor: default;"><img style="border: 0px none ; margin: 0px; padding: 0px; width: 1px; height: 1px; -moz-user-select: none; position: absolute; left: 219px; top: 118px; z-index: -147200000; cursor: pointer;" src="http://www.visitnorthcentralidaho.org/images/_blank.gif" id="mtgt_unnamed_0"/></div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 105;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 106;"/>
<div style="position: absolute; left: 0px; top: 0px; z-index: 107; cursor: default;"/>
</div>
</div>
<div class="gmnoprint" style="-moz-user-select: none; z-index: 0; position: absolute; left: 2px; bottom: 2px;" id="logocontrol"><a title="Click to see this area on Google Maps" href="http://maps.google.com/maps?ll=46,-115.5&spn=3.586664,11.57959&z=6&key=ABQIAAAAvWpY8Qh63SCxpKpY0GOsIxSFPLwWx59Aumdyz4ZyVLo24TgLcRS4ohEcRgQCHA0dq01JcdObD0Smtw&mapclient=jsapi&oi=map_misc&ct=api_logo" target="_blank"><img style="border: 0px none ; margin: 0px; padding: 0px; width: 62px; height: 30px; -moz-user-select: none; cursor: pointer;" src="http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png"/></a></div>
<div style="-moz-user-select: none; z-index: 0; position: absolute; right: 3px; bottom: 2px; color: black; font-family: Arial,sans-serif; font-size: 11px; white-space: nowrap; text-align: right;" dir="ltr"><span/><span>Map data ©2009 Google - </span><a href="http://www.google.com/intl/en_us/help/terms_maps.html" target="_blank" class="gmnoprint" style="color: rgb(119, 119, 204);">Terms of Use</a></div>
<div style="width: 122px; height: 26px; -moz-user-select: none; z-index: 0; position: absolute; left: 68px; bottom: 5px; color: black; font-family: Arial,sans-serif; font-size: 11px;" class="gmnoprint" jstcache="0" id="scalecontrol">
<div jstcache="0">
<div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 0px; top: 0px; width: 4px; height: 26px;" jstcache="1" jsinstance="0"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div>
<div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 3px; top: 11px; width: 118px; height: 4px;" jstcache="1" jsinstance="1"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: -424px; width: 118px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div>
<div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 121px; top: 11px; width: 1px; height: 4px;" jstcache="1" jsinstance="2"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -412px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div>
<div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 95px; top: 0px; width: 4px; height: 12px;" jstcache="1" jsinstance="3"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -4px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div>
<div jsvalues=".style.left:$this.left;.style.top:$this.top;.style.width:$this.width;.style.height:$this.height" jsselect="bars" style="overflow: hidden; position: absolute; left: 118px; top: 14px; width: 4px; height: 12px;" jstcache="1" jsinstance="*4"><img jsvalues=".style.left:$this.imgLeft;.style.top:$this.imgTop;.style.width:$this.imgWidth;.style.height:$this.imgHeight;.src:$this.imgSrc;" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: -8px; top: -398px; width: 59px; height: 492px;" jstcache="3" src="http://maps.gstatic.com/intl/en_us/mapfiles/mapcontrols3d5.png"/></div>
<div jsvalues=".style.left:$this.left;.style.bottom:$this.bottom;.style.top:$this.top" jscontent="$this.title" jsselect="scales" style="position: absolute; left: 8px; bottom: 16px;" jstcache="2" jsinstance="0">100 mi</div>
<div jsvalues=".style.left:$this.left;.style.bottom:$this.bottom;.style.top:$this.top" jscontent="$this.title" jsselect="scales" style="position: absolute; left: 8px; top: 15px;" jstcache="2" jsinstance="*1">200 km</div>
</div>
</div>
<div style="border: medium none ; width: 60px; height: 40px; visibility: hidden; -moz-user-select: none; z-index: 0;" id="CGGoogleMaps0_magnifyingglass" class="gmnoprint">
<div style="border-style: solid none none solid; border-color: rgb(255, 0, 0) -moz-use-text-color -moz-use-text-color rgb(255, 0, 0); border-width: 2px 0px 0px 2px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/>
<div style="border-style: solid solid none none; border-color: rgb(255, 0, 0) rgb(255, 0, 0) -moz-use-text-color -moz-use-text-color; border-width: 2px 2px 0px 0px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/>
<div style="border-style: none solid solid none; border-color: -moz-use-text-color rgb(255, 0, 0) rgb(255, 0, 0) -moz-use-text-color; border-width: 0px 2px 2px 0px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/>
<div style="border-style: none none solid solid; border-color: -moz-use-text-color -moz-use-text-color rgb(255, 0, 0) rgb(255, 0, 0); border-width: 0px 0px 2px 2px; width: 6px; height: 4px; line-height: 1px; font-size: 1px;"/>
</div>
</div>ASKER
ok... :D got it..... Now I just need to test it in the "big picture"
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:path="http://somesite.com">
<head>
<title>test</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(".Rover").hover(function(){
//alert($(this).text());
if($(this).html()=="Clearwater Region"){
if($("path").attr("fill")=="#804040"){
alert($(this).text());
$("path").attr({ fill:"#FFFF00"});
}
}
},
function () {
}
);
});
</script>
</head>
<body>
<h1>Greeting</h1>
<a class="Rover" title="Clearwater Region" href="http://www.visitnorthcentralidaho.org/Region-Overview/clearwater-region.html">Clearwater Region</a>
<svg version="1.1" overflow="visible" style="" width="60px" height="54px" viewBox="209 124 60 54">
<path stroke-linejoin="round" stroke-linecap="round" d="M 266 170 L 267 161 266 157 264 152 262 148 260 139 259 137 246 129 237 126 233 127 226 129 222 131 220 133 217 135 217 138 220 142 221 144 220 145 218 147 217 149 216 150 216 153 215 154 215 156 211 162 211 165 226 165 229 174 228 176 235 176 236 172 238 173 239 172 240 171 241 171 243 169 243 170 243 170 266 170 " stroke="#0000ff" stroke-opacity="0.45" stroke-width="2px" fill="#804040" fill-opacity="0.49000001" fill-rule="evenodd"/>
</svg>
</body>
</html>ASKER
dang no luck in the real site... no alert ... hmm...
ASKER
ok... well it sort of worked...
$(".Rover").hover(function
//alert($(this).text());
if($(this).html()=="Clearw
//alert($(this).text());
if($("div#CGGoogleMaps0 path").attr("fill")=="#804
alert($(this).text());
$("div#CGGoogleMaps0 path").attr({ fill:"#FFFF00"});
}
}
},
function () {
}
);
that made them all go yellow... I just wanted to replace the one color... Closer and closer :D
$(".Rover").hover(function
//alert($(this).text());
if($(this).html()=="Clearw
//alert($(this).text());
if($("div#CGGoogleMaps0 path").attr("fill")=="#804
alert($(this).text());
$("div#CGGoogleMaps0 path").attr({ fill:"#FFFF00"});
}
}
},
function () {
}
);
that made them all go yellow... I just wanted to replace the one color... Closer and closer :D
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
sweet this work now... take a look... I still have to add the pasue to the cycle but ... :D it works !!!!!!!!
Cheers
Jeremy
Cheers
Jeremy
I looked at the source code of that page but I did not find any svg tags/markup
Open in new window