HTML
Flash VIII.
Folytatjuk a Flash megismerését. A mai írásunkban megnézzük, hogyan tudjuk a hangokat háttérzeneként és effektekként felhasználni. Rovatunk a Merlin Stúdió segítségével készült.
Flash VII.
Flash VI.
Flash V.
Flash IV.
Flash III.
Távtan
Webesztétika
A Trója című film
Tech
A Phantom konzol
Kártyázzunk
Alsós
Programajánló
Július 2019
H K S C P S V
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 1 2 3 4
Ebben a hónapban
Hírfolyam
14:42 
Csongrád megyében is támogatják a Mintamenza program terjedését
14:41 
Ukrán válság - Az oroszok hajók elsüllyesztésével foglyul ejtették az ukrán flotta egy részét
14:40 
Ukrán válság - Orosz lap: Viktor Janukovicsot állítólag infarktussal kórházban kezelik
14:38 
Versenyuszoda épül Gödöllőn
14:36 
Ukrán válság - Magyar katona vezeti az EBESZ katonai megfigyelőit
13:44 
Diszkótragédia - Fenntartotta a korábbi jogerős ítéletet a Kúria a West Balkán-ügyben
Szeged
Szegedi hírek
Bőrgyógyászati távkonzultációs rendszert fejlesztettek Szegeden
Szabó Gábor akadémikust javasolja rektornak a Szegedi Tudományegyetem szenátusa
Elfogadták szegedi önkormányzat 2014-es költségvetését
Balett és fantasztikus vígjáték a Szegedi Nemzeti Színház márciusi műsorán
FIGYELEM! MENETREND MÓDOSÍTÁS!
HTML HTML
Térképek
munkatársunktól   2004 March 06, Saturday  

Ebben a részben térképekről, azaz azokról a képekről lesz szó, amelyek különböző részeire kattintva különböző oldalakra ugorhatunk.
  Hozzászólások 1 Nyomtat E-mail PDF


Mi csak a  kliens oldali térképekről fogunk szót ejteni, azaz azokról, melyekhez megfelelő böngésző használata szükséges, de nem érzékeny arra, hogy melyik szolgáltató szerverén helyezzük el.

<IMG SRC="kep.jpg" USEMAP="terkepek.htm#terkep1">

A fenti parancsban a kep.jpg nevű képre fogunk kattintani, de a térképutasítások a terkep.htm fajlban a terkep1 nevű térkép-utasításban helyezkednek el, mely az alábbi alakot ölti:

<MAP NAME="terkep1">
<AREA [SHAPE="alak1"] COORDS="x,y,..." [HREF="hivatkozás1"] >
<AREA [SHAPE="alak2"] COORDS="x,y,..." [HREF="hivatkozás2"] >
<AREA [SHAPE="alak3"] COORDS="x,y,..." [HREF="hivatkozás3"] >
</MAP>

A téképutasítás neve "terkep1". Az AREA parancsok a területeket jelölik ki kattintásra. A SHAPE paraméter a terület alakját határozza meg. A SHAPE a következő lehet

SHAPE ="RECT", "CIRCLE" és "POLY".

A Rect a téglalap rövidítése, ehhez négy koordináta kell, nevezetesen: COORDS="bal-x,felső-y,jobb-x,alsó-y".
A Circle a kör angol neve, ehhez három adat szükséges: COORDS="középpont-x, középpont-y, sugár".
A Poly  a poligont jelöli, ehhez annyi pár adat kell, ahány csúcsa a poligonnak van: COORDS="x1,y1,x2,y2,x3,y3... ".
A koordinátákat pixelben kell megadni.

A HREF után a megfelelő linket kell elhelyezni.

Ha egy helyen nem akarjuk, hogy a kattintásra új oldal jöjjön be, akkor a <AREA shape="..." nohref> parancsot írjuk be.

Alábbi példánkban  Webrádió régi logóját láhatjuk, ahol a megfelelő részre kattintva a megfelelő rovathoz jutunk.


<map name="FPMap0">
<area href="http://www.webradio.hu/szeged/" shape="rect" coords="133, 43, 262, 59" alt="Webrádió Szeged">
<area href="http://www.webradio.hu" shape="rect" coords="0, 0, 261, 39" alt="Webrádió">
<area href="http://www.webradio.hu" shape="rect" coords="1, 37, 128, 57" alt="Webrádió">
</map>
<img border="0" src="http://www.webradio.hu/kepek/webradio_szeged.gif" usemap="#FPMap0" width="263" height="60">

Látható, hogy a térképparancs ugyabban a fájlban található, melyben a kép utasítás is volt. Téglalap alakú kattintható mezőket határoztunk meg. Az utolsó AREA sor arról gondoskodik, hogy ha semleges területre kattintunk, akkor ne nyíljon meg új oldal. A TARGET parancsot is használhatjuk, ahogy azt már korábban megszoktuk.


Hozzászólások Kedves Olvasó! Jelentkezzen be és akkor hozzászólhat a témához!

test 2007 September 16, Sunday, 23:08:18

<a href="#">test</a>

Hozzászólások száma: 1 


Webradio.hu - Szegedi, országos és sport hírek a nap 24 órájában!:Hírek arrow Távtan arrow HTML arrow Térképek



Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player