Question

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

Answer 1

jQuery doesn’t have a .overlay() function. Are you sure you have included the same plug-ins that the site you’re basing it off of does?

here’s one such overlay plugin:

jQuery Tools Overlay