jQuery

[ThompsoN]

Jajj bocsi, egy kimaradt. Így ha megadsz href értéket, akkor elugrik.

Kód: Javascript

1. $(document).ready(function() {
2.         $('a.menupont').click(function() {
3.                var url = $(this).attr('rel') + '.html';
4.                $('#resz').load(url);
5.  
6.                return false;
7.         });
8. });

Meg kell adni neki a return false;-t, így nyugodtan adhatsz neki href értéket, csak akkor ugrik el, ha nincs engedélyezve a JS.

[chouji]

Valami megint nem jó. :/
Itt a script:

Kód: Javascript

1. <script type="text/javascript">
2.                 $(document).ready(function() {
3.         $('a.menupont').click(function() {
4.                var url = $(this).attr('rel') + '.html';
5.               $('#resz').load(url);
6.         });
7. });
8.                 </script>

Itt a menu:

Kód: HTML

1. <a rel="elso" class="menupont">KÁVÉK</a>

Azért nincs href értéke, mert akkor nem működik, ugyanis beakarja hozni a linket, de eddig is így volt és működött, szóval nem hiszem, hogy az gond lenne.

chouji
_____________________________________________________________

Jajj, de buta vagyok! A rel értékének nem adtam meg a tartalom nemtudommilyét (kavek.html). Nem láttam át elsőre, de most már minden okés. Köszönöm a segítséget, megy a plussz!

chouij

[ThompsoN]

Nem lehet kiküszöbölni, mivel minden AJAX kérés, így a load() is UTF-8-as kódolást használ, ezért kavarodnak össze a karaktereid. Egyébként ha egyszer UTF-8-ra váltasz, akkor nem lesz több karakterkódolási problémád.

[chouji]

Hello!

De azt tudod, hogy így bármelyik linkre kattintasz, akkor be fogja tölteni a fájlt, ugye?

Igen, tudom. Csak mivel a teszteléshez egy linket használtam, nem tettem hozzá a kiválasztást.
Az új módszert pedig köszönöm szépen, azonnal használni is fogom.

Egyébként ezt az utf-8 kódolást nem lehet kiküszöbölni? Érdekel miért van rá szükség...

chouji

[ThompsoN]

Szia.

A karakterek azért nem jók, mert nem UTF-8 az oldalad kódolása. Minden fájlt UTF-8 kódolással ments le, és a fő fájlod head részébe tedd be ezt:

Kód: HTML

1. <meta http-equiv="Content-Type" content="text/html; charset=UTF8" />

De azt tudod, hogy így bármelyik linkre kattintasz, akkor be fogja tölteni a fájlt, ugye?

Ha minden linkhez külön fájlt szeretnél, akkor csináld így:
Adj a a megfelelő linkeknek id-t, aztán a .click() előtti kiválasztóba az id-t írd bele: $('#elso'), $('#masodik'), stb.
Ebben az esetben sok JavaScripted lesz, ezért van egy jobb módszer.
A menüpontoknak megadod a rel, rev, vagy id paramétert. A példában rel-t adok neki.

Kód: HTML

1. <a href="#" rel="elso" class="menupont">Első menüpont</a>
2. <a href="#" rel="masodik" class="menupont">Második menüpont</a>

Az eseménykezelés pedig ez: így minden menüpontra egyszerre megy az eseménykezelés, és nem kell minden linkre külön.

Kód: Javascript

1. $(document).ready(function() {
2.         $('a.menupont').click(function() {
3.                var url = $(this).attr('rel') + '.html';
4.               $('#resz').load(url);
5.         });
6. });
7.  

$('a.menupont') kiválasztó azokat az elemeket takarja, amely linkeknek van menupont osztályuk.
A $(this) ebben az esetben arra az elemre utal, amelyikre kattintunk. Az attr() egy stringet ad vissza, ha csak egy paramétert kap meg, ha kettőt, akkor beállítja a megfelelő attribútumot. Hozzáteszi a kiterjesztést (.html), majd ezt adja át a load() fgv.-nek. Ezzel akármennyi menüpontot hozzá tudsz adni anélkül, hogy a JavaScripthez hozzá kéne nyúlnod.

[chouji]

Hali!
Régebben foglalkoztunk a problémámmal, most újra itt vagyok és sikerült is megoldanom a problémát. Sajnos Rimelek megoldása valamiért nem sikerült, ezért így oldottam meg:

Kód: Javascript

1. <script type="text/javascript">
2. $(document).ready(function(){
3.   $("a").click(function(){
4.     $("#resz").load('kezdolap.html');
5.   });
6. });
7. </script>

Be is tölti nekem a tartalmat, viszont karakterkódolási problémák vannak, az ékezetes betűket nem mutatja, illetve kérdőjel van helyettük. Miért?? :/

chouji

[tthlaszlo]

Sziasztok!

Tudtok olyan JQuery pluginról, ami:
 egyszerű slider
 van hozzá irányító gomb
 változó méretű tartalmakat is megjelenít, úgy, hogy a fix méretű megjelenítő ablak mérete nem változik.
 ami már nem fér az ablakba, azt "levágja"

Már túl vagyok sok plugin  kipróbálásán, de egyik sem tudja az összes feltételt.

Készítettem egy példa ábrát, amiből remélem kivehető.

[ThompsoN]

Ezen az oldalon hogyan van megoldva, hogy egy teljes méretű ablakot amikor a tetejénél megfogok és megmozdítom, akkor az ablak az egérmutatóhoz ugrik? Ezt nem sikerült megoldanom a saját oldalamnál.
Azzal próbálkoztam, hogy az ablak drag start eseményéhez beírtam a left és top értékeknek az egérmutató helyét (+ 'px'), de úgy nem ugrik oda, ahova kéne.

Senki? Ezt máig sem tudtam megoldani. Pedig már több ízben is átnéztem az adott oldal forráskódját.

[ThompsoN]

Válaszoltam rá.

Egyébként mivel a válasz nem titkos, ide is leírom:
A kód rendben van, nekem működik, úgy, ahogyan kell. (a jQuery útvonalát módosítottam, a többi az úgy lett kipróbálva, ahogyan elküldted. Éppen ezért nem tudom megmondani, hogy mi a baja.
Viszont a betöltendő állománynak elég egy divből, vagy csak a tartalomból állnia, nem kell oda is a html, head, body részek. Csak a bodyn belülit hagyd meg.

[chouji]

Átküldtem mindent privátban!

[ThompsoN]

Abban is, meg a betöltendő fájlban is.

[chouji]

Az index.html-re gondolsz? Átküldjem?

[ThompsoN]

És hibakonzol nem ír semmit? Illetve mi van a fájlban?

[chouji]

Igen, ha a linkre kattolok, ezt kapom: (csatolt kép)

[ThompsoN]

Ír valami hibát?