[jQuery] dynamiczne tworzenie mapy linków do obrazka Opcje

[grzana12]

Witam!
Próbuję napisać kod który będzie dynamicznie generował mapę linków do obrazka na podstawie podanej tablicy. W całej aplikacji wykorzystuję jQuery w związku z tym chciałbym zrobić to również w jQuery. Niestety są jakieś dziwne problemy. Mam taki kod:

[PHP] pobierz, plaintext 
<?php
var area = $("<area/>").attr("id", map_items[item]['id'])
                                  .attr("shape","poly")
                                  .attr("coords", map_items[item]["coords"])
                                  .attr("alt", alt_title)
                                  .attr("title", alt_title);
?>
[PHP] pobierz, plaintext 

Na podstawie którego powinienem otrzymać zmienną area zawierającą obiekt. Niestety po wydrukowaniu tego na ekran nie otrzymuję nic. Nie wiem czy przypadkiem znacznik <area> nie należy do DOM i dlatego też może nie można go tak utworzyć?

Jakieś pomysły?

Ten post edytował grzana12 8.12.2008, 13:14:22

[erix]

A dopisujesz go w ogóle do jakiegokolwiek <map />. Sam obiekt jeszcze niczego nie znaczy. (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[grzana12]

Tak pewnie że doczepiam go appendem. Udało się to wykonać ale zostałem zmuszony do "olania" jQuery. Zrobiłem to samym JavaScriptem i odrazu ruszyło (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Problem w dalszym ciągu pojawia się w IE. Mam taki kod:

[PHP] pobierz, plaintext 
<?php
for ( var item in map_items )
                {
                    if (map_items[item]["coords"] != "")
                    {    
                        this.getAdsAjax(item);
                        alt_title = map_items[item]["name_" + _lang];
                        
                        var area = document.createElement("area");
                        area.coords = map_items[item]["coords"];
                        area.id = map_items[item]['id'];
                        area.shape = "poly";
                        
                        jQuery.each(jQuery.browser, function(i) {
                              if($.browser.msie){
                                 area.href = "java script:agMyMap.select(" + map_items[item]["id"] + ", true);";
                              } else {
                                 area.href = "java script:void(0);";    
                                area.onclick = function() { 
                                    item = this.id;
                                    agMyMap.select(item, true);
                                };
                              }
                        });
                        
                        
                        area.onmouseover = function(){ 
                            item = this.id;
                            if ($.browser == "msie")
                            {
                                alert(item);
                            }
                            agMyMap.show(item);
                        };
                        area.onmouseout  = function(){ 
                            agMyMap.hide(); 
                        };
                        
                        
                        $(area).appendTo(this.mapKeys);
                              
                        
                    }
                }
?>
[PHP] pobierz, plaintext 

Pod FF generuje mapę natomiast pod IE nie. Jakiś pomysł?