Téma: js onclick v imagemap
Mám obrázek na kterém jsou rozdíly. Když kliknu na zadanou plochu na obrázku, potřebuju, aby se přes obrázek s rozdíly načetl obrázek s křížkem (jako že tam už bylo kliknuto). Jenže se mi zobrazí pouze obrázek s křížkem.
celé je to zde: http://cs-s.webovka.eu/test/test_imagemap.html.
a zdroják tady:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//CZ" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>poznej rozdily</title>
</head>
<body>
<script type="text/javascript">
function ok(x,y) {
document.write ('<IMG STYLE="position: absolute; top: '+y+'px; left: '+x+'px;" SRC="./obrazky/rozdily/ok.png" BORDER="0">');
};
var s1="'295','300'";
var s2="'250','297'";
var s3="'185','330'";
var s4="'205','364'";
document.write ('<MAP NAME="map1">');
document.write ('<AREA SHAPE="CIRCLE" COORDS="305,294,14" onclick="return ok('+s1+')">');
document.write ('<AREA SHAPE="CIRCLE" COORDS="138,302,15" onclick="return ok('+s1+')">');
document.write ('<AREA SHAPE="RECT" COORDS="235,283,261,311" onclick="return ok('+s2+')">');
document.write ('<AREA SHAPE="RECT" COORDS="72,295,96,322" onclick="return ok('+s2+')">');
document.write ('<AREA SHAPE="CIRCLE" COORDS="190,334,14" onclick="return ok('+s3+')">');
document.write ('<AREA SHAPE="CIRCLE" COORDS="28,344,14" onclick="return ok('+s3+')">');
document.write ('<AREA SHAPE="CIRCLE" COORDS="205,364,16" onclick="return ok('+s4+')">');
document.write ('<AREA SHAPE="CIRCLE" COORDS="43,371,13" onclick="return ok('+s4+')">');
document.write ('</MAP>');
document.write ('<IMG SRC="./obrazky/rozdily/najdi_rozdily.gif" USEMAP="#map1" BORDER="0">');
</script>
</body>
</html>Dík za radu v JS se moc nevyznam ![]()