Maybe try closing the area tag (either <area ...></area> or <area ... />),
or maybe try creating the area tag manually:
var thisArea = document.createElement('area');
thisArea.href = ...;
...
$('#thisMap2').append(thisArea);
--Erik
On 6/8/07, Jimmy Glass <[EMAIL PROTECTED]> wrote:
Hi Erik,
Thanks... Yeah, this is just a typo for the example... In the offending
code, it is correct... I added the removeAttr per your suggestion... But,
the adding and remove of this attributes appear to be the problem.
function(data)
{
//$('#s7Image').removeAttr('usemap','');
$('#thisMap2').empty(); // Clear Out Areas
thisMap = '<MAP
ID="thisMap2" NAME="thisMap2"></MAP>'; // Create New Map
thisArea = '<area
href="index.html" shape="poly"
coords="192,154,192,352,390,352,390,154">'; // Create One Area
$('#MapContainer').append(thisMap); // Append Map To Container
$('#thisMap2').append(thisArea); // Append Area to Map (THIS FAILS).
//$('#s7Image').attr('usemap','thisMap2');
}
------------------------------
*From*: "Erik Beeson" <[EMAIL PROTECTED]>
*Sent*: Friday, June 08, 2007 4:23 PM
*To*: jquery-en@googlegroups.com
*Subject*: [jQuery] Re: Append "Area" to Map
Well, you create a map with ID thisMap2, then you select something with id
thisMap. Also, it may be redundant to change the usemap attribute at the
beginning of the function, but if you are going to do that, you may want to
use $('#s7Image').removeAttr('usemap').
--Erik
On 6/8/07, Jimmy Glass <[EMAIL PROTECTED]> wrote:
>
> I have been trying to append a freaking Area tag to a MAP tag for about
> 2 hours now...
>
> The data argument is always a string.
>
> function(data)
> {
>
> $('#s7Image').attr('usemap','');
>
> $('#MapContainer').empty();
> thisMap = '<MAP
> ID="thisMap2" NAME="thisMap2"></MAP>';
>
>
> $('#MapContainer').append(thisMap);
>
>
> $('#thisMap').append(data);
>
>
> $('#s7Image').attr('usemap','thisMap2');
> }
>
> Is there something obvious that I'm missing here? Any thoughts would be
> greatly appreciated.
>
> Jimmy G
>
