-
Fórumok
LOGOUT - lépj ki, lépj be!
LOGOUT reakciók Monologoszféra FototrendGAMEPOD - játék fórumok
PC játékok Konzol játékok MobiljátékokMobilarena - mobil fórumok
Okostelefonok Mobiltelefonok Okosórák Autó+mobil Üzlet és Szolgáltatások Mobilalkalmazások Tartozékok, egyebek Mobilarena blogokPROHARDVER! - hardver fórumok
Notebookok TV & Audió Digitális fényképezés Alaplapok, chipsetek, memóriák Processzorok, tuning Hűtés, házak, tápok, modding Videokártyák Monitorok Adattárolás Multimédia, életmód, 3D nyomtatás Nyomtatók, szkennerek Tabletek, E-bookok PC, mini PC, barebone, szerver Beviteli eszközök Egyéb hardverek PROHARDVER! BlogokIT café - infotech fórumok
Infotech Hálózat, szolgáltatók OS, alkalmazások SzoftverfejlesztésFÁRADT GŐZ - közösségi tér szinte bármiről
Tudomány, oktatás Sport, életmód, utazás, egészség Kultúra, művészet, média Gazdaság, jog Technika, hobbi, otthon Társadalom, közélet Egyéb Lokál PROHARDVER! interaktív
-
Frissítve: 2014-02-25 10:20 Téma összefoglaló
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
Karma
félisten
Nekem Chrome-ban se jelenik meg semmilyen térkép, hol kéne egyáltalán lennie?
-
Sk8erPeter
nagyúr
Ja, tényleg, még múltkor ezt akartam neked belinkelni:
http://www.smoothdivscroll.com/clickableLogoParade.htmlItt pont azt csinálja, ami neked kell, több reklámlogó egymás mellett folyamatosan oldalra scrolloz, és a logók kattinthatók, a slideshow egér fölévitelekor szünetel.
(GitHubon is elérhető a projekt.)=============================================
Még érdekességnek:
http://stackoverflow.com/questions/15662426/automatic-image-scroll-smooth-with-jquery/15662955#15662955
Itt az alsó példa az érdekes:
http://jsbin.com/olikom/11/edit
Mondjuk picit macerás megoldás, mert egybe vannak rakva a támogatók egyetlen képbe, ez háttérképként van berakva, és azt csúsztatgatja; a klikkelhetőséghez pedig pixelre pontosan kell meghatározni, hogy mettől meddig tart egy-egy partner képe. Ettől függetlenül nem rossz ötlet, és viszonylag kevés kódból megoldotta.Van még a jQuery Cycle 2 plugin continous slideshow-ja:
http://jquery.malsup.com/cycle2/demo/continuous.php
De speciel pont ez a része nem túl testreszabható.
Az ott szereplő kommentár viszont érdekes lehet: "While the use of continuous slideshows is strongly discouraged due to their impact on CPU usage, they are possible with Cycle2 by setting the easing and timeout options as shown below."======
Összefoglalva:
Szerintem neked a legelső belinkelt példa jönne jól, a kódja is nagyon egyszerű. -
Sk8erPeter
nagyúr
Nem értem, scrollozni szeretnél 5 elemet, de azt szeretnéd, ha mind az 5 megjelenne egymás mellett? Na de akkor hova scrollozod?

(#4179) [pod]Diablo :
"Kozbe sikerult vegul megoldanom"
Ez vicces, pont most írtam valaki másnak egy másik topicban, hogy ha már valaki a fórumra ír segítségkérési szándékkal, foglalkoznak is a problémájával, de rájön, hogy mit rontott el korábban, akkor illik megírni, mi volt a megoldás, hiszen azért fórum, hogy mások számára is hasznos legyen, erre most Te is előadod...
Szóval mi volt a megoldás a problémádra? Hátha kell valaki másnak is rajtad kívül. -
[pod]Diablo
őstag
Kozbe sikerult vegul megoldanom
-
Sk8erPeter
nagyúr
Most látom először ezt a plugint, de a dokumentációja elég egyértelmű, nem az elvárt formában adtad meg a hozzá tartozó markupot.

Egyszerűen az unordered list listaelemei helyett egymásba ágyazott divekkel működik.
Itt egy működő példa, elláttam még pár opcióval a doksi alapján (szerk.: ezek persze opcionálisak, nyilván változtasd meg őket saját igényeid szerint (pl. a scrollozás irányát, meg hogy meddig látsszon egy kép, stb.), csak eljátszottam vele egy percig
):
http://jsfiddle.net/3WPPq/1/ -
Jim-Y
veterán
Kezdjük ott, hogy rosszul linkelted a példát

-
Sk8erPeter
nagyúr
Jé most látom, hogy erre annak idején nem válaszoltam. Mondjuk annak idején azért, mert nem volt időm javítgatni a kódodat, miután még azt sem állítottad be jsFiddle-ön, hogy ne a MooTools library-t töltse be hozzá, hanem a jQuery-t...
Na meg ott volt az AJAX-os kérés, ami nyilvánvalóan nem működik jsFiddle-ön, amikor a saját oldalad címeihez van kötve. De vannak AJAX-tesztelő módszerek ott is. Aktuális még egyáltalán? -
Sk8erPeter
nagyúr
Pont ezért írta korábban Karma, hogy jsFiddle-re rakjál már fel példát, hogy lássuk, mivel próbálkoztál, és esetleg meg is tudjuk mondani, mi a hiba, ne nekünk kelljen már szenvedni és időt tölteni vele, hogy még ezt is összehozzuk.
Szerinted mit mondanak az autószervizben, ha azt mondod, hogy otthon van a kocsid, és nem működik, de nem tudod, miért, mondják már meg, hogy mi a baja?(#2940) SektorFlop : ugyanez vonatkozik rád is.
Oszd meg, hogy mivel próbálkoztál, mert különben nem fogunk tudni segíteni.
És ha témával kapcsolatos (van benne JS) a hsz.-ed, ne rakd OFF-ba.
-
Karma
félisten
JSFiddle-ön példát összerakni légy szíves, vagy legalább megmagyarázni, hogy milyen navigációs gombokról van szó...
Addig is egy megjegyzés: nem fog kiakadást okozni, de az addClass, removeClass függvényeknek nincs második paramétere.
-
Sk8erPeter
nagyúr
Ez az event akkor is érvényes, próbáld ki az általam korábban linkelt oldalon, egy megadott hash-sel, pl. ezzel:
http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/#test4
Itt látható a #test4 hash a végén, és a 4. linket zöldre is színezi ennek a megnyitásakor. -
Sk8erPeter
nagyúr
A hash-t változtasd (# utáni rész az URL végén).
Csináld úgy, ahogy Ben Alman mutatja:
jQuery hashchange event=============================================
(#2920) Speeedfire : ezt ki is próbáltad?

-
Speeedfire
félisten
Esetleg ez?
location.replace('http://www.url.com/');Vagy esetleg:
window.location.search += urlneve_amivel_kiegeszited; -
CSorBA
őstag
window.location.replace(url)
-
Sk8erPeter
nagyúr
fordfairlane-nek nem reagáltál, pedig ő leírta az egész lényegét.
Ha nem akarsz újratöltést, akkor változtasd a hashmark utáni részt.
Ajánlom a jQuery hashchange event plugint. -
fordfairlane
veterán
Egy olyan kerdesem lenne hogy hogy tudnam megvaltoztatni a bongeszo url-jet az oldal ujratoltese nelkul?
Tudomásom szerint csak az url fragment részét tudod megváltoztatni anélkül, hogy a böngésző újratöltse az oldalt.
Erről a részről van szó:
domain.com/action?param=value#resource
-
Balázs1986
őstag
Szia!
Ha meg is lehet oldani, biztosan ezt szeretnéd? Ha jól értem, gyakorlatilag ugyanazon az oldalon maradnál, és egy nem létező url-t adnál meg. De ha ez van, akkor ha a user újratöltené az oldalt (enterrel legalábbis), hibát kap, mivel nem létezik a címsorban levő cím. A kedvencek közé rakásnál pedig megint csak ugyanez a macera van.
Ha nem jól értettem a kérdést, akkor elnézést
-
Sk8erPeter
nagyúr
Lehet, csináltam róla demót: [link]
Kelleni fog hozzá a jQuery UI is, itt is be van töltve.Egyébként gyorsan hozzáteszem, hogy felhasználói szempontból szerintem nagyon idegesítő, ha eltűnik a szöveg egy ilyen szövegmezőben, hadd döntsem el én, hogy mikor akarom kitörölni, ne törlődjön automatikusan! Ez főleg egy felhasználói név begépelésére szolgáló szövegmezőben nem indokolt.
-
Sk8erPeter
nagyúr
Szívesen!

Szerk.: most észrevettem egy apró szintaktikai hibát:
$new_content_div = $('<div/>', {
'class': 'menu-content hidden loading',
});
helyette:
$new_content_div = $('<div/>', {
'class': 'menu-content hidden loading'
});egy plusz vessző volt a hiba.

Itt a jó változat:
http://jsbin.com/ekesul/11/edit#javascript,html,live -
Sk8erPeter
nagyúr
Na, átalakítottam végre ezt a kódot kicsit "szebbé", annyiban, hogy nincs minden egyes elemnél ott, hogy "onclick", mert az elég csúf megoldás.
Tehát így néz ki most, inkább próbáld ezt alkalmazni:http://jsbin.com/ekesul/9/edit#javascript,html,live
Ebből kiindulva pedig a betöltésre megoldás: .load()
Az lenne a legegyszerűbb, ha minden betöltendő fájlod neve megegyezne az id-k nevével.
Tehát ha a kattintott menü azonosítója "xhome", akkor pl. "xhome.html", ha "xprog", akkor "xprog.html" lenne a fájl neve, és így tovább, ezt tárolhatod pl. a "contents" nevű könyvtáron belül (most a példakódot így mutatom).
Ehhez a kódhoz teljes mértékben átalakítottam az eddigit, de így egyszerűbb is lett talán, szerintem elég alaposan felkommenteztem, hogy értsd, mi történik:
http://jsbin.com/ekesul/10/edit#javascript,html,live===
(#2475) SektorFlop :
ez így van, így sokat lehet tanulni.
Majd mondd el, mire jutottál, kíváncsi vagyok! -
Sk8erPeter
nagyúr
Az lesz a gond, hogy nincs betöltve a jQuery UI.
Itt a korábban elkészített kódban próbáld ki, hogy kikommentezed a jQuery UI elérési útját (<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>), majd nyitsz egy konzolt Chrome-ban az F12-vel (Console fül), és kattints valamelyik menüpontra, ugyanez lesz a hiba. -
Sk8erPeter
nagyúr
Az eredeti kódod egyáltalán nem működik itt jsFiddle-ön, csak ha így átírom: [link] (lásd addEventListener).
Úgy tudnád leginkább "együvé tartozóvá" alakítani a kódodat (tehát hogy az adott személyekhez adott életkor tartozzon), hogy objektumokból építed fel a listádat, ami így egy objektumokat tartalmazó tömb lesz. Az objektumok pedig valahogy így nézzenek ki gyors példával (látszik benne egyből az értékek felhasználása is):
var Persons = [],
persons_output = '',
i = 0;
Persons.push({
name: 'Pista',
age: 123
});
Persons.push({
name: 'Józsi',
age: 65
});
for (i = 0; i < Persons.length; i++) {
persons_output += "name: " + Persons[i].name + ", age: " + Persons[i].age + "\n";
}
alert(persons_output); -
Sk8erPeter
nagyúr
Hali!
Remélem valami ilyesmire gondoltál: [link].Persze gyorsmegoldás, lehetne másképp is, de a célnak megteszi.
-
Sk8erPeter
nagyúr
Szívesen!
De, gyorsmegoldással megcsináltam azt is, hozzáadom az "active-menu" osztályt, ami úgy van beállítva CSS-ben, hogy alapból piros a színe: [link].
Amikor másra kattintasz, akkor leveszi az előbbiről ezt az osztályt, és hozzáadja az újabb aktívhoz. -
Sk8erPeter
nagyúr
Megcsináltam, ilyenhez mit szólsz? >>> [link]
Amúgy nagy respekt, hogy felraktad a példakódodat a JS Binre, bárcsak minden kérdező ezt tenné, sokkal gyorsabb így a közös problémamegoldás.

A fentihez szükség van a jQuery UI-ra, és az általam mutatottakhoz hasonló effektek közül itt tudsz még válogatni: [link]
Ha más effektet szeretnél mondjuk az "explode" vagy a "slide" helyett, akkor nyugodtan cseréld le ezek neveit az itt látható nevű effektek kisbetűs változataira. (pl. "blind", "bounce", "clip", "drop", stb.) -
Sk8erPeter
nagyúr
De anélkül, hogy látnánk a kódodat, nem is igazán tudunk segíteni.
Rakd fel pl. ide: [link] (aztán Save gomb).
VAGY mutass egy akár free oldalt, ahol élesben láthatjuk, mivel próbálkoztál eddig.(#2281) : ez elvileg csak egy warning, nyugodtan figyelmen kívül hagyható. Pl. jPlayer használata esetén is kiírja nálam egy oldalon, de attól még működik.
A többire meg ugyanaz vonatkozik, mint az előbbi kérdésedre: látni kéne valamit a kódból. -
[pod]Diablo
őstag
Most felmerult egy olyan problema a scrollbarral kapcsolatba,hogy kepeket raktam bele,csinaltam hozzajuk linket,de nem akar mukodni,nem eszleli linknek a bongeszo.Megneztem fejlesztoi eszkozoknel hatha van valami hiba,es mikor oda kattintok ahol a linknek kene lennie,ez az uzenet fogad: event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
Mi lehet a hiba?
Elore is koszi megegyszer a segitseget!
-
Sk8erPeter
nagyúr
Igazából itt nem tudom, mit értesz konkrétan azalatt, hogy úgy jöjjön elő ez a "view more" tartalom. De ilyen kinyitós-becsukósra itt készítettem épp nemrég egy példát: [link]. Itt ha rámész a jsbin-oldalra, kattints a "Real-time preview"-ra, vagy a "Render" gombra, hogy lásd, mit takar.
-
Sk8erPeter
nagyúr
Gondolom azért, mert a jQuery UI, és/vagy azonbelül a Draggable nincs betöltve az oldaladon, így "draggable" metódus sincs, ezért kapod a hibaüzenetet. Itt írják is, hogy kell a jQuery UI.
Amúgy jóféle ez a scrollbar plugin, ezt még nem ismertem.

-
[pod]Diablo
őstag
lenne meg egy megoldando problemam.innen
a baloldali scroll-t szeretnem beepiteni az oldalamba.Be is raktam,de nemtudom mozgatni a scrollt,es van hozza egy ilyen hibauzenetem:
Uncaught TypeError: Object [object Object] has no method 'draggable' jquery.mCustomScrollbar.js:215Elore is koszonom a valaszokat!
-
Sk8erPeter
nagyúr
Hogyan "hoztad be" proxyval?
Mutass kódot plíz!Egyébként milyen címről szeretnél RSS feedet behozni?
-
Brown ügynök
senior tag
Elvileg igen.
-
Brown ügynök
senior tag
Akkor talán ez lesz a baja:
Csupán egyetlen pici szépség hibája van a plugin-nak, mégpedig hogy csak egyazon domain név alól lehet RSS-t olvasni, vagy proxy-n keresztül (Cross Site Scripting miatt).
-
Brown ügynök
senior tag
Én azt használom. A "cuccot" a www könyvtárba rakd, majd a 127.0.0.1/cucc címen elérheted.
Adminisztráció: 127.0.0.1
-
[pod]Diablo
őstag
easyphp megfelel erre a celra?mondjuk ez meg nem igazan akar mukodni.elinditottam,megy minden,bemasoltam a fileoket,de a bongeszobe localhostnal nem talalja a fileokat-.-
-
Brown ügynök
senior tag
Ugye, valamilyen webszerveres (pl.:Apache) környezetben próbálkozol?
-
Brown ügynök
senior tag
Esetleg nézd meg a fejlesztői eszközök között, hogy dob-e valami script hibát.
-
Brown ügynök
senior tag
-
Sk8erPeter
nagyúr
Gyors példa:
<a href="http://google.hu" onclick="this.href='http://prohardver.hu';">Google-link, valójában Prohardverre ugrik, ha JS engedélyezve van.</a>
-
atom44
csendes tag
<a href="ide jön hogy melyik html-t szeretnéd meghivni,vagy melyik oldalt"><img style="border: 0px solid ; width: 405px; height: 320px;" alt="Várj!" src="ide pedig a kép elérhetösége amire majd rá kattintasz .jpg"></a>
-
Siriusb
veterán
Ehhez nem kell JS. Rakd a <img> taget <a> -ba.
Új hozzászólás Aktív témák
-
Fórumok
LOGOUT - lépj ki, lépj be!
LOGOUT reakciók Monologoszféra FototrendGAMEPOD - játék fórumok
PC játékok Konzol játékok MobiljátékokMobilarena - mobil fórumok
Okostelefonok Mobiltelefonok Okosórák Autó+mobil Üzlet és Szolgáltatások Mobilalkalmazások Tartozékok, egyebek Mobilarena blogokPROHARDVER! - hardver fórumok
Notebookok TV & Audió Digitális fényképezés Alaplapok, chipsetek, memóriák Processzorok, tuning Hűtés, házak, tápok, modding Videokártyák Monitorok Adattárolás Multimédia, életmód, 3D nyomtatás Nyomtatók, szkennerek Tabletek, E-bookok PC, mini PC, barebone, szerver Beviteli eszközök Egyéb hardverek PROHARDVER! BlogokIT café - infotech fórumok
Infotech Hálózat, szolgáltatók OS, alkalmazások SzoftverfejlesztésFÁRADT GŐZ - közösségi tér szinte bármiről
Tudomány, oktatás Sport, életmód, utazás, egészség Kultúra, művészet, média Gazdaság, jog Technika, hobbi, otthon Társadalom, közélet Egyéb Lokál PROHARDVER! interaktív
- Eredeti játékok OFF topik
- Google Pixel 10a – évismétlés
- Autós kamerák
- Saros (PS5)
- Megújult mobilos felület, fórumos ráncfelvarrás a PROHARDVER! lapcsaládon
- Évekre előre elszipkázzák az adattárolókat az AI adatközpontok
- TCL LCD és LED TV-k
- EU: senki ne használjon Huawei és ZTE hálózati berendezéseket!
- Samsung kuponkunyeráló
- Samsung Galaxy Felhasználók OFF topicja
- További aktív témák...
- Honor laptop i5-12500H / RTX 2050 / 16GB RAM / 512GB SSD / 2K kijelző Erős, prémium gép!
- iKing.Hu - Apple MacBook Pro 14 M1 Pro (2021) 16GB/500GB karcmentes 85% akku 353 ciklus
- Gamer PC-Számítógép! Csere-Beszámítás! R5 2600 / GTX 1070 8GB / 16GB DDR4 / 128SSD + 500GB HDD!
- Alienware 500HZ AW2524HF 24,5" Monitor 27% ÁFÁS
- BESZÁMÍTÁS! Apple Macbook Air 13 2020 M1 8GB RAM 256GB SSD notebook garanciával hibátlan működéssel
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest



Na meg ott volt az AJAX-os kérés, ami nyilvánvalóan nem működik jsFiddle-ön, amikor a saját oldalad címeihez van kötve. De vannak AJAX-tesztelő módszerek ott is. Aktuális még egyáltalán?



