EUROPE - CSS & jQuery clickable map
Most próbáltam ki, és tökéletesen működik, mindezt ingyé'.
Szerk.: üzenet: ne találd fel a spanyolviaszt, ha nem muszáj (ha van igényes alternatíva, lásd a mellékelt példát). Csak ha ujjgyakorlatnak szánod.
A letöltött tömörített állományban ráadásul Photoshop-fájlok (*.psd) is vannak, így a kinézet tetszés szerint átszerkeszthető.
[ Szerkesztve ]
Sk8erPeter
Én esetleg egy régi technológiára gondoltam, ami csak félig jó. VAlahonnan letöltök a netről egy ilyen államtérképet Európáról, és talán egy map html taggel a lehető legnagyobb államterületet lefedő sokszöget rajzolok ki rájuk. (Régről egy naprendszeres példa van erre aztszem. Ha a napra kattint ez van)
Nekem már kellett csinálni egyszer egy ilyet és én is ezt a megoldást alkalmaztam.
Azt, hogy ha egy adott ország területére viszed az egeret, képekkel tudod csak megoldani. A térképet sokszorosítani kell és mindegyiken beszínezni egy adott országot, majd css kódban beállítani, hogy ha az adott országra viszed a mutatót, akkor :hover segítségével állítsa át a képet.
Érdemes sprite-ot csinálni és nem árt törekedni, hogy minél egyszerűbb legyen, mert ha túl részletes, akkor jpg kell, az meg úgy nagyon nagy lesz...
Esetleg csinálhatod úgy, hogy csak a körvonalakat rajzolod meg az országok körül, az mehet png-be.
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
Igen, valami bennem is lejátszodott, de ezt pontosan hogyan kellene?
Megvan a térkép, feldarabolom. Na de itt jön nálam a legnagyobb kérdés, hogy hogyan tudnám ezeket az országokat úgy mond poziciónálni? Vagyis a feldarabolt ország képeket hogyan tudnám esetleg egymás mellé rakni?
Hmm... Hirtelen az jutott eszembe, hogy végül is CSS-el talán ki lehetne valahogy rakni őket. a Position-t kell felhasználni, azzal egymás mellé rakom őket valahogy (szemmel). Csak nem tudom, hogy ez működne úgy is, hogy a képek valójában téglalap alakúak, hanem egy n,m,l-es nagyságú sokszögek.
Szerkesztés: Köszönöm mindenkinek a gyors választ! 
, még gondolkoztam Budapest és Magyarország (megyéi) térképen is.
Köszönöm a linket nagyúr! Nagyon hasznos! Ma már én is tudom, hogy az idő nagyon értékes dolog 
[ Szerkesztve ]
Inv1sus Sprites megoldásra tudnál nekem egy egyszerű leírást / tutorialt / bármit mutatni rá, hogy pontosan mire gondoltál? (Nekem ez nagyon kínai )
Ez a kép pl 8 részre osztható. Css-sel állítom be, hogy ebből a 8 részből csak az egyiket jelenítse meg a térképre rárakott rétegen.
Jobb alsó sarokba, mint látod nincs semmi. Az a kiindulási állapot.
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
Legegyszerűbb példa sprite-os megoldásra az itt látható ikonok sorozata (Google): [link]
Mint látod, egybe van pakolva minden ikon, így csak tologatni kell a background-positiont, hogy azt az ikont lásd, amelyik épp érdekes az adott elemnél.
Nagy előnye a CSS sprite-ok alkalmazásának, hogy csak egyszer kell letölteni az egészet egyben, és így nem minden egyes ikont külön-külön kell letöltenie és betöltögetnie a böngészőnek.
Sk8erPeter
és Inv1sus: köszönöm, most már így értem a logikákat benne. Jó, tetszik.
Erősítsetek meg: ha nincs php a szerveren, akkor nem lehet a tartalmat sehogy sem szerkeszteni, csak html vagy xml fájl módosításával, ugye?
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
Szerintem igen. 
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
Már miért ne lehetne? Nem a PHP az egyetlen szerveroldali programozási nyelv. Sőt, még maga a HTTP protokoll is tartalmaz tartalommanipuláló parancsokat. Minden attól függ, hogy a webkiszolgáló hogyan van beállítva. Alaphelyzetben általában minden ilyen tiltva van, csak a tartalom lehívása van engedélyezve.
x gon' give it to ya
Az oké, hogy nem az az egyetlen, de nagy valószínűséggel más sincs a szerveren. Tudsz példát mondani tartalom módosításra ilyen esetben?
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
A megoldás: normális tárhelyre költözés. 
Sk8erPeter
Ezt már javasoltam az ügyfeleknek többször is, de nem sikerült meggyőzni őket.
Szerintem manapság már alapvető egy php-s szerver, csak hát az intézetek többsége nem foglalkozik ilyen fejlesztésekkel valamiért. 
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
Akkor rakd át valami ingyenes tárra. Még azzal is jobban jársz.
Newhosting, vagy godaddy ad ingyen, domain mellé.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
Nem a fizetésen van a lényeg, hanem hogy megvan az intézménynek a saját szervere (gondolom) és nem akarnak máshova menni.
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
De akkor nem lehet szólni a rendszergarázdának, hogy szánjon rá már 20 percet? Rakjon fel mindent és állítsa be? 
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
Fejlesztés? Ezen mit kell fejleszteni? Van egy szerver, telepíteni kell rá pár dolgot, rendesen bekonfigolni, és kész. Egy normális, gyakorlott rendszergazdának ez szerintem összes biztonsági baromkodással együtt kb. legfeljebb 4-5 óráját veszi el.
LAMP+annak konfigolása.
Sk8erPeter
ASP , Perl, SSI, akármi más, ezekhez hasonló szerveroldali modul.
x gon' give it to ya
(#5519) Speeedfire válasza fordfairlane (#5518) üzenetére
Gondolod ha nincs php, akkor az általad felsoroltak közül lesz valamelyik is? 
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
(#5520) fordfairlane válasza Speeedfire (#5519) üzenetére
Mi olyan vicces ebben? Kérdezett, én meg válaszoltam. Nincsenek prekoncepcióim, mivel kábé semmit nem tudok a szerverről, ahogy te sem.
x gon' give it to ya
(#5521) Speeedfire válasza fordfairlane (#5520) üzenetére
Semmi...
[ Szerkesztve ]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
$.get('xml/index.xml', function(data) {}
Hogyan kell átírnom az elérési utat, ha azt akarom, hogy ne csak a szerveren vagy locahostos szeveren működjön, hanem a bárhol, ahová másolom a mappát. (Mert ugye csak html/javascript/xml van benne, elméletileg pendrive-ról is futna)
Egyébként, ha esetleg érdekel valakit, hogy mi sült ki a témából:
http://group.szbk.u-szeged.hu/sysbiol/new_site/
Ez lenne az index oldal, de innen tovább lehet menni a Csaba Pál, Balázs Papp illetve a magyar részleg oldalakra is , amiket szintén újradesignoltam.
Kritikák jöhetnek.
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
Csak annyira kell figyelned, hogy a hívó file-tól számított relatív útvonal rendben legyen.
Erre vagyok kíváncsi, hogy akkor hogy kell átírni. Mert ez így jelenleg nem működik, csak a szerveren. Mondjuk ott sem gyökérkönyvtárban van, ezért nem értem.
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
Sejtem már, mi lehet a problémád. Régebben fileból nyitva nem működtek az ajax hívások akkor sem, ha http-n ugyanazt a filet megnyitva tökéletes volt, valószínűleg ebbe futottál most bele te is.
Firebug konzolban látod, hogy végrehajtja az ajax kérést?
XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin
[link]
[link]
Ez a gáz, nem? (Szerk.: lásd file:///.)
[ Szerkesztve ]
Sk8erPeter
Segítségetek alapján most leteszteltem:
Firefoxban gond nélkül működik, illetve IE-ben is, ha engedélyezem. Én azért nem láttam, mert Chrome-mal fejlesztek mostanság.
Hát remélem, hogy nem ebben próbálgatják majd az ügyfeleim.
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
Pedig nagyon esélyes, hogy abban is fogják. De ha jól értem, több felhasználó által is használt webalkalmazás lenne. Akkor miért a sima file:/// protokollon keresztül érik el? Ha jól értettem a korábbiakat, webszerver azért van a gépe(ke)n, még ha PHP nincs is telepítve, nem? Vagy ez most más projekt?
[ Szerkesztve ]
Sk8erPeter
Mivel XML-en keresztül történik a tartalom módosítása, először a saját gépeiken szeretnék ellenőrizni, hogy mindent jól írtak-e be. Nyilván az lenne a legkönnyebb megoldás, ha nem kellene felrakniuk webszervert.
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
XML-fájlt kell módosítgatnia egy hozzá nem értőnek.......?
Egyébként meg akkor nincs más, mint leírni a felhasználóknak, hogy konkrétan melyik böngészőkben fog ez működni, melyekben NEM, mert ha nem hívod fel a figyelmet, akkor azt fogják feltételezni, hogy az alkalmazásod rossz.
Sk8erPeter
Segítségre lenne szükségem, mert én már fél órája nézem a kódot, de nem tudok rájönni mi a baj. Egy ismerősöm megkért, hogy segítsem már ki, mert készítenek egy oldalt, amivel nincs is semmi baj, eltekintve attól a ténytől, hogy a sidebar (oldalsáv rész) IE8 és IE9 alatt totál máshogy néz ki, mint a többi böngésző esetében. Egy Wordpress oldalról lenne szó, ami jelenleg maintenance mode-ban van, szóval bejelentkezés után lehet csak megtekinteni.
Adok hozzá egy jogokkal nem rendelkező felhasználót és egy jelszót, ezzel be tudtok jelentkezni és hátha valaki kiszúrja, hogy miért nem úgy néz ki az oldal IE alatt, mint ahogy mondjuk FF és Chrome alatt.
Az oldal címe: [link]
Alul admin login, majd felhasználónév "test" jelszó pedig "a77K1iCKwcG" (persze minden macskakörmök nélkül)
Hálám örökké üldözni fogja azt, aki rájön, hogy mi a baj. Valószínűleg csak valami CSS tweak kell és általában jó is vagyok a hibák feltárásában, de ez most úgy tűnik kifog rajtam.
https://wpszaki.hu - Minden, ami WordPress, cikkek kezdőknek és haladóknak.
<a style="margin-right: 10px;" href="http://www.facebook.com/pikapikaland"><img src="http://www.almondpixels.com/pikaland/wp-content/uploads/2012/08/facebook.png"></img><a>
A social network ikonok hivatkozásának végén záró </a> helyett újabb nyitó <a> van.
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
Jézusom, falat fogok, ha tényleg csak ennyi a gond. Kidülledt szemekkel nézem a kódot már mióta, de ezt pont nem sikerült kiszúrni. Kérek rövidesen egy FTP hozzáférést és meglátjuk mit szól hozzá az IE ha javítom.
Köszönöm!
https://wpszaki.hu - Minden, ami WordPress, cikkek kezdőknek és haladóknak.
Validáló plugin hasznos ilyenkor, egyből kihozza ezeket a hibákat.
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
Sziasztok!
Árajánlatot szeretnék kérni egy zeneáruház elkészítésére. Ha esetleg itt a topikban is valaki foglalkozik ilyesmivel az küldhetne privátban ajánlatot. Vagy körülbelüli árakat ide a topikba is.
Előre is köszi mindenkinek.
(#5536) Brown ügynök válasza Dragbajnok (#5535) üzenetére
Az áruházas weblapok 150 000 Ft-nál kezdődnek, határ pedig a csillagos ég.
"hacsak nem jön a jó tündér break utasítás képében..."
Attól függ kinél meg hogy kinek, mert ennél olcsóbban is össze lehet hozni egy webshop-ot. Ha teljesen saját a kód, akkor jogos lehet az összeg.
(#5535) Dragbajnok:
Ennél részletesebben le kellene írni, hogy mit is szeretnél valójában, milyen funkciók legyenek benne, mert így erre csak az mond árajánlatot, aki nem ért annyira a szakmához vagy nehezen kap melókat.
Úgyhogy légyszíves itt vagy privátban küldd el a részleteket és akkor én is tudok ajánlatot tenni.
[ Szerkesztve ]
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
Értem.Valamikor a délután folyamán küldök privátot a részletekkel.
Szia!
Írtam privit.
Sziasztok!
Ha elkészültek az oldalak és hirdetni szeretnétek, akkor ajánlok egy új keresőt, az itemcore.hu-t. Nyugodtan lehet rá linkkatalógusként is tekinteni, keress rá azokra a kifejezésekre, ahol szeretnéd elhelyezni saját vagy kedvenc oldalad linkjeit, majd kattints az új link hozzáadása gombra és ennyi, az űrlap kitöltése után egyből kint van az oldalad az adott kifejezés találati listáján. Sok sikert!
Tisztelettel, ZoliS
Sok sikert az oldalhoz.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
Azt hogyan véditek ki, hogy a porn szóra rákeresve ne a honlapomat adja ki?
*** WEBDESIGN, GRAFIKUS DESIGN, FRONT-END PROGRAMOZÁS ***
"A keresett kifejezésre még nincsnek találatok."
Ez javítandó.
Tudsz mondani olyan kulcsszót, amire van találat? Én most akármit agyaltam ki, nem volt rá találat. 
Sk8erPeter
jó ötlet ez a weboldal
http://www.itemcore.hu/keres/pina
[ Szerkesztve ]
A free ckfinder miben különbözik a fizetőstől?
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
(#5546) Sk8erPeter válasza Speeedfire (#5545) üzenetére
Az hivatalosan nem csak fizetős?
Sk8erPeter
(#5547) Speeedfire válasza Sk8erPeter (#5546) üzenetére
Nem tudom. Mindenesetre van egy free download link kint.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
(#5548) Sk8erPeter válasza Speeedfire (#5547) üzenetére
Igazán nem próbálgattam, annyi tűnt fel Drupalnál a hozzá tartozó CKEditor modullal, hogy cseszeget a liszensz hiánya miatt.
Ezért használom pl. az IMCE-t Drupalhoz, ha ilyen fájlkezelőről van szó (vagy a Media modul cuccát, bár az más, mert ott nincs thumbnail-készítés meg ilyenek).
Majd ha kipróbáltad, szólj már plíz, hogy mi a helyzet, jó-e ez az ingyenesen letölthető változat. 
[ Szerkesztve ]
Sk8erPeter
Sziasztok!
Szeretném megköszönni az érdeklődést a keresővel kapcsolatban,
és válaszolni a felmerülő kérdésekre, reagálni az oldallal kapcsolatos hozzászólásokra.
Először is egy újabb köszönet Sk8erPeternek az elírás észrevételéért!
A hibát természetesen javítottuk.
Továbbá Sk8erPeternek kérdezte: Honnan lehet tudni, melyik kulcsszóra van már találat?
A kezdeti fázisban a kereső kifejezetten úgy működik, mint egy linkkatalógus, de ettől függetlenül is a későbbiekben is kisebb statisztikák segítik a weblap tulajdonosokat és persze mindenkit, aki kíváncsi a keresésekből származó adatokra. Ezeket a mini statisztikákat a kezdőoldal alján találhatod. Így a kérdésedre a válasz: A főoldalon az "Aktív kifejezések" linkre kattintva tudhatod meg, hogy mely kulcsszavakhoz adtak már hozzá találatokat.
Inv1sus felvetésére: Hosszú távon a keresési kifejezésekhez nem illő találatokat felhasználói értékelések fogják kiszűrni. Ha például lenne egy "kávéfőzők" találati lista, ahol már több értékelt releváns találat szerepel, akkor a hozzáadott kvázi spam link megjelenése sem kelt akkora feltűnést. Jelenleg meg nincs akkora látogatóbázisa a keresőnek, hogy ez problémát okozna, illetve a leterheltség sem akkora, hogy ne lehetne akár perceken belül orvosolni egy ilyen lehetőséget. A rendszer ad némi hiba lehetőséget az interaktivitás jegyében, de mint fentebb írtam, végső soron nem sok értelme lenne egy kifejezéssel szöges ellentétben álló találatot hozzáadni a keresőhöz.
A női nemi szervre való keresés és egyéb szexuális irányultságú keresési kifejezések használata pedig nevetségesnek tűnik. Más keresőkben is rákereshetsz ezekre a kifejezésekre és ugyanúgy ki fogják szolgálni az ilyen kulcsszavakra kereső látogatókat. A rendszer céljába nem ütköznek az ilyen és ehhez hasonló kifejezések, de természetesen folyamatosan szűrésre kerülnek és a statisztikákban nem jelenítjük meg őket. A későbbi fejlesztések során lehetővé tesszük majd, hogy aki kifejezetten ezekre a kifejezésekre, találati listákra kíváncsi, pl egy webfejlesztő, azok hozzáférhessenek ezekhez az adatokhoz, de természetesen fontosnak tartjuk az effajta gyermekvédelmet.
További kérdésekre, észrevételekre is szívesen reagálok!
Tisztelettel, ZoliS
(#5550) Speeedfire válasza Sk8erPeter (#5548) üzenetére
IMCE valóban jó, csak nem akarja a fejlesztő megcsinálni sima rendszerekhez. 
Ennyire nem érek rá, hogy teszteljem, csak gondoltam megkérdezem itt pubon, hátha ismeri valaki.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
