Opfølger på "Anden farve ved mouse over" (olebole)

Løsningen i den nævnte tråd laves ved at tage et element (en div i dette tilfælde) og sætte størrelsen og placeringen udfra area'ets coords - Problemet er så m.h.t. free shapes og polygoner: En div er firkantet for at lave det rundt, polygonalt eller frit formet skal der "mange" div's oven i hinanden til og en del kryds beregning - det kan sikkert laves med noget gennemløb at flere div's der tilføjes på kryds og tværs med beregning af placeringer og størrelser ...

- Men, jeg er ikke helt så skrap til gennemløbning af element appendings og beregning af width og height dimensioner og placeringer så jeg kan ikke lige løse problemstillingen...

- Og m.h.t. at løse den tror jeg den bliver virkelig tung da man hurtigt kan komme op på et par 100 eller flere (måske et par tusinde) dynamisk tilføjede div's for at imitere en skæv div (jo flere div's jo mere præcis)... tror løsningen bliver "krævende" af browseren...

Men er da lige med på en lytter i tråden ... man kan jo kun blive
klogere, hvis der er en nemmere måde at lave at virke på... :/

Jeg har fundet en løsning:
http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm

Det denne funktion gør er at tegne en masse layers i mange forskellige former.

Jeg har dernæst lavet en lille funktion selv:
function thingy(elementee){
  ths = elementee.coords.split(",");
  jg.setColor("#ff0000"); // red
  jg.fillPolygon(new Array(parseInt(ths[0]),parseInt(ths[2]),parseInt(ths[4]),parseInt(ths[6])), new Array(parseInt(ths[1]),parseInt(ths[3]),parseInt(ths[5]),parseInt(ths[7])));
  jg.paint();
}

Denne funktion virker KUN til polygoner som er firkanter.
Derefter tilføjede jeg funktionen til mappet
<area href="#" shape="polygon" coords="316, 82, 377, 187, 455, 157, 368, 58" onclick="thingy(this);">
Således.

Det er løsningen.