ÖRNEK : "Bu özellik en iyi şekilde Explorer'da çalışır...
ÖRNEK KODU :
< html >
< head >
< script >
function pen1( )
{ window.open ( "mario.html","pen","width=200 height=200 left=400" );}
function pen2( )
{ window.open ( "abbas.html","pen","width=200 height=200 left=400" );}
function pen3( )
{ window.open( "burhan.html","pen","width=200 height=200 left=400" );}
< /script >
< /head >
< body >
< a href="#" >
< img src="resim.jpg" ismap width="500" height="400" usemap="#picture" >
< map id="picture" >
< area shape="circ" coords="46,279,30" alt="Super Mario" onclick="pen1( )" >
< area shape="circ" coords="170,299,30" alt="Çiçek Abbas" onclick="pen2( )" >
< area shape="circ" coords="122,123,30" alt="Bırhan ALTİNTOP" onclick="pen3( )" >
< /map >
< /body >
< /html >
|
HTML sayfasında yukarıdaki gibi kodlar kullanır ve istediğimiz resimde hangi noktalara tıklandığında hangi adreslere bağlanılacağını belirtiriz. Daha sonra < IMG SRC= ' resim.jpg ' USEMAP= "#picture" > gibi bir ifade kullanılarak haritasının çıkarılmasını istediğimiz resmi sayfaya yerleştirir ve bu resim için ' picture ' isimli haritanın kullanılacağını belirtiriz.
MAP TAG'I < MAP NAME='deneme' > AREA takılarıyla tanımlanan haritaya başlangıç yapar ve bir isim verir.
AREA TAG'I
< AREA COORDS=koordinatlar SHAPE=tip HREF=url TARGET=pencere >
COORDS
Tanımlanan şekle göre değişik koordinatlar girebilmenizi sağlar
SHAPE=tip
Tip RECTANGLE, CIRCLE, POLYGON seçeneklerinden biri olabilir. RECTANGLE Bir kare tanımlar ve ' x1, y1, x2, y2' değerleri kullanılır. CIRCLE Bir çember tanımlar ve ' OrtaX, OrtaY, Yarıçap' değerleri kullanılır. POLYGON Bir poligon tanımlar. Birçok noktadan oluşabilir.
|