Why is it when i am looking at tutorials, or examples, when i just essentially do a cut and past onto my HTML page, i get the "Object doesnt support this property or method" on my page, but the site that i copied the script from does not give this error?
is my jQuery library old?
not sure what to do...
here is what i am working on...it is a multiple overlay page.
<map name="Map" id="Map">
<area shape="poly" coords="90,63,128,110,150,95,177,80" href="#" class="bmhoverlay" rel="#mies1"/>
<Area shape="poly" coords="255,5,257,64,276,68,301,73" href="#" class="bhmoverlay" rel="#mies2" />
</map>
Here is the CSS:
/* the overlayed element */
.simple_overlay {
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#333;
width:675px;
min-height:200px;
border:1px solid #666;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
background-image:url(../img/overlay/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
/* styling for elements inside overlay */
.details {
position:absolute;
top:15px;
right:15px;
font-size:11px;
color:#fff;
width:150px;
}
.details h3 {
color:#aba;
font-size:15px;
margin:0 0 -10px 0;
}
And calling the script to the page:
<script>
$("area[rel]").overlay();
</script>
but every time i generate this page, i get the "object doesnt support this property or method"..???
anyone? i am using jquery library 1.3.2