ugrás a tartalomhoz

map-ra (kép) kattintva hogy tudok behivni egy htlm oldalt egy definiált keretbe

zsorka · 2010. Jún. 30. (Sze), 23.17
Hogy tudom megoldani: menü php-ban készült. Önéletrajzba betettem egy többalakos képet, ha a személyre kattintok azt szeretném, hogy az önéletrajta (ami htlm-ben készült) az előre definiált keretben <div id=tartalom> jelenjen meg.

De jó lenne, ha tudnátok segiteni

előre is köszönöm
 
1

jQuery

Poetro · 2010. Júl. 1. (Cs), 00.15
jQuery-vel viszonylag egyszerűen:
<!DOCTYPE html>
<html>
<head>
  <title>MAP</title>
</head>
<body>
  <map name="planetmap" id="planetmap">
    <area shape="circle" coords="58,58,32" href="mercur.htm" alt="Mercury" />
    <area shape="circle" coords="167,60,45" href="venus.htm" alt="Venus" />
    <area shape="circle" coords="269,58,47" href="earth.htm" alt="Earth" />
  </map>
  <img usemap="#planetmap" width="549" height="270" src="http://www.ri.net/schools/Narragansett/NES/Classrooms/Prest/spacepostcard/planets.gif" alt="Planets" />
  <div id="tartalom"></div>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script type="text/javascript">
    (function ($, window, document) {
      $(function () {
        // Az AREA-ra kattintva...
        $('#planetmap').find('area').click(function (event) {
          event.preventDefault();
          // betöltjük annak HREF attribútumával jelzett dokumentum body részét a #tartalom-ba.
          $('#tartalom').load(this.href + ' body');
        });
      });
    }(jQuery, this, document))
  </script>
</body>
</html>
2

Kérdés?

Joó Ádám · 2010. Júl. 1. (Cs), 00.21
Hogyan próbálkoztál? Mi a konkrét kérdésed?

Egyébként pedig minden önéletrajzba beilleszted a képtérképet és kész vagy, hm?
3

van egy index.php, (fej,

zsorka · 2010. Júl. 1. (Cs), 18.45
van egy index.php, (fej, menü, tartalom részekkel) 2. menü a vita, Ezen a lapon vagy egy kép. Mappal külön-külön kijelöltem a képen levő 3 embert. (ez egy zenei együttes) Azt kérték tőlem, hogy ugy csináljam meg, hogy ha rákattintanak valamelyik emberre, akkor annak az embernek az önéletrajza töltődjön be ebbe a div-es tartalomrészbe.

Végül is az a kérdésem hogy tudnám ebbe a (824x602 px-es) részbe betölteni ezt az előre elkészitett htlm vita-t. Nagy segitség lenne, ha ezt sikerülne megoldani, sok helyen kellene alkalmazni. Gondolkodtam azon is, hogy létrehozok egy feldolgozo php-t, de nem tudom, hogy a map-ra hogy lehet ezt megoldani.

Köszönöm a küldött progi részt, tudom majd ezt is használni, de nem biztosm, hogy itt, bár előfordulhat. Probáltam benne átirni a főbb adatokat, de nem oda teszi a szöveget, ahová kellene.
4

htlm?

Poetro · 2010. Júl. 1. (Cs), 20.11
Elárulod, nekem mi az a htlm? Mert most már vagy négyszer leírtad. Esetleg tanuld meg a HTML alapjait, vagy mélyedj el a PHP-ban illetve JavaScript-ben, és meg fogod találni a megoldást, elárulom többféle létezik.
5

ez egy elirás volt. Jó

zsorka · 2010. Júl. 1. (Cs), 21.54
ez egy elirás volt. Jó megpróbálok elmélyedni. JavaScriptben nem vagyok elég járatos.Csak segitséget kértem.
6

Nagyon köszönöm sikerült a

zsorka · 2010. Júl. 2. (P), 14.50
Nagyon köszönöm sikerült a jQuery-vel, szuper