Bildkoordinaten ausblenden, wenn JavaScript deaktiviert ist

Question

Ich habe eine Imagemap und möchte ihre anklickbaren Koordinaten ausblenden, wenn Javascript deaktiviert ist, so dass nur das Bild übrig ist. Ich habe versucht, noscript im html Körper mit:

<noscript> 
    <style type='text/css'> 
    area {display:none} 
    </style> 
</noscript> 

aber der Bereich Koordinaten zeigen noch unter dem Bild. Wie kann ich sie komplett verstecken (vorzugsweise mit reinem CSS oder reinem Javascript)?

Answer 1

Anstatt eine Imagemap zu deaktivieren, wenn JavaScript nicht verfügbar ist, warum nicht aktivieren, wenn JavaScript verfügbar ist? Da JS nur aktiviert werden soll, wenn JS aktiviert ist, kann JS verwendet werden, um es zu aktivieren. Browser mit deaktiviertem JS können den Code nicht ausführen und zeigen nur das Bild an.

var myMappedImages = document.getElementsByClassName("myMappedImage"); 
for(var i=0,len=myMappedImages.length;i<len;i++){ 
    myMappedImages[i].usemap = "#myimagemap"; 
}