We help IT Professionals succeed at work.

jQuery -- change the fill color of a path tag of SVG in html dom

4,980 Views
Last Modified: 2012-05-08
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")=="#804040"){
                          $("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&amp;hl=en&amp;src=api&amp;x=10&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=10&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=10&amp;y=24&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=11&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=11&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=11&amp;y=24&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=12&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=12&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=12&amp;y=24&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=13&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=13&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=13&amp;y=24&amp;z=6&amp;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&amp;spn=3.586664,11.57959&amp;z=6&amp;key=ABQIAAAAvWpY8Qh63SCxpKpY0GOsIxTngsPY9dVALd8uSC6XcVEXSn6xQhRcFxG8LurAYYlCFxLgJyJ5MZlqgw&amp;mapclient=jsapi&amp;oi=map_misc&amp;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>

Open in new window

Comment
Watch Question

CERTIFIED EXPERT
Expert of the Year 2008
Top Expert 2008

Commented:
>>Here is the location..
I looked at the source code of that page but I did not find any svg tags/markup
>> I did try:
>> $(".Rover").hover(
      function () {
             
              if($(this).html()=="Camas Prairie"){
                    if($("path").attr("fill")=="#804040"){
                          $("path").attr({ fill:"#FFFF00});
                    }
              }
      },
      function () {
       
      }
    );
 
The new fill value you are proving has a typo. You forgot the closing quotation mark. This:
$("path").attr({ fill:"#FFFF00});
 
should be:
$("path").attr({ fill:"#FFFF00"});
 
Other than that, if the hover does not work at all, try binding the mouseover:
 
<script language="JavaScript" type="text/javascript">
<!--
$(document).ready(
	function(){
		$(".Rover").bind("mouseover",function(){
			//alert($(this).text());
 
			if($(this).html()!=="Camass Prairie"){
				if($("path").attr("fill")=="#804040"){
					$("path").attr({ fill:"#FFFF00"});
				}
			}
		});	
	}
);
//-->
</script>

Open in new window

Author

Commented:
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...

Author

Commented:
opp.. pasted the old...

this doesn't change the fill

$(".Rover").bind("mouseover",function(){
//alert($(this).text());
              if($(this).html()=="Camas Prairie"){
                    if($("path").attr("fill")=="#804040"){
                          $("path").attr({ fill:"#FFFF00"});
                    }
              }
      },
      function () {
       
      }
    );

but I can do the alert

sorry

Author

Commented:
if I go like this... the alert doesn't fire

$(".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 () {
       
      }
    );


so I 'm not sure if it's allowing the path tag?  or understanding it?
CERTIFIED EXPERT
Expert of the Year 2008
Top Expert 2008

Commented:
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:


<?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>

Open in new window

Author

Commented:
yes the alert where you had it does fire... I meant in the

                    if($("path").attr("fill")=="#804040"){
                                    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")=="#804040"){
          alert($(this).text());
          $(obj).attr({ fill:"#FFFF00"});
}

???

:D
CERTIFIED EXPERT
Expert of the Year 2008
Top Expert 2008

Commented:
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>

Open in new window

Author

Commented:
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

Author

Commented:
ok here was my test...


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>

Open in new window

Author

Commented:
wait... I think it worked...

I looked at the scource in FF firebug.. it have yellow !!!!!!

Author

Commented:
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>

Open in new window

CERTIFIED EXPERT
Expert of the Year 2008
Top Expert 2008

Commented:
>>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.

Author

Commented:
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&amp;hl=en&amp;src=api&amp;x=10&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=10&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=10&amp;y=24&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=11&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=11&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=11&amp;y=24&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=12&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=12&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=12&amp;y=24&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=13&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=13&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=13&amp;y=24&amp;z=6&amp;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&amp;spn=3.586664,11.57959&amp;z=6&amp;key=ABQIAAAAvWpY8Qh63SCxpKpY0GOsIxSFPLwWx59Aumdyz4ZyVLo24TgLcRS4ohEcRgQCHA0dq01JcdObD0Smtw&amp;mapclient=jsapi&amp;oi=map_misc&amp;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>

Open in new window

Author

Commented:
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&amp;hl=en&amp;src=api&amp;x=10&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=10&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=10&amp;y=24&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=11&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=11&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=11&amp;y=24&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=12&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=12&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=12&amp;y=24&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=13&amp;y=22&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=13&amp;y=23&amp;z=6&amp;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&amp;hl=en&amp;src=api&amp;x=13&amp;y=24&amp;z=6&amp;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&amp;spn=3.586664,11.57959&amp;z=6&amp;key=ABQIAAAAvWpY8Qh63SCxpKpY0GOsIxSFPLwWx59Aumdyz4ZyVLo24TgLcRS4ohEcRgQCHA0dq01JcdObD0Smtw&amp;mapclient=jsapi&amp;oi=map_misc&amp;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>

Open in new window

Author

Commented:
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>

Open in new window

Author

Commented:
dang no luck in the real site... no alert ... hmm...

Author

Commented:
ok... well it sort of worked...

$(".Rover").hover(function(){
//alert($(this).text());
              if($(this).html()=="Clearwater Region"){
                          //alert($(this).text());
                    if($("div#CGGoogleMaps0 path").attr("fill")=="#804040"){
                                    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
CERTIFIED EXPERT
Expert of the Year 2008
Top Expert 2008
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
sweet this work now... take a look... I still have to add the pasue to the cycle but ... :D it works !!!!!!!!

Cheers
Jeremy

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.