ugrás a tartalomhoz

Keresési segítség(autocomplette) vagy gyors keresés

YourSoft · 2013. Aug. 29. (Cs), 07.32
Megint egy kis segítséget szeretnék kérni.

Megint a DictZone szótár oldallal kapcsolatban.

Oldal átalakítás közben vagyok. Ebbe beletartozik a következő is:
Javasoltátok a múltkor, hogy legyenek javaslatok a kereső mezőbe gépeléskor.
Ezt 2 féle módon tudom elképzelni:
1. Egy lenyílóban megjelennek a javaslatok mindkét irányba (pl. angol-magyar szótár esetében 'a' betű lenyomása után: "a [en], a [hu]")
Előnyök:
- mindkét irányba látszanak a találatok
- kevesebb erőforrás igény
- nincs kérdés reklám megjelenítésben, amikor keresésre kattint megjelenik az új oldalon
- kevesebb a google szerint a "visszafordulások aránya"
Hátrányok:
- nem tudom, hogyan ne nyíljon rá a keresőmező alatti ékezetes betűgombokra?
- mi van mobilon?
2. gépeléskor az aktuálisan begépelt szóra egyből keres és ajax-al jön vissza a találatok tábla tartalma
Előnyök:
- egyszerűbb kliens kód
- felhasználó számára is egyszerűbb
- mobilon is egyszerűbb
Hátrányok:
- nagyobb terhelés a szerv oldalon (szerintem nem jelentős)
- Adsense megjelenítése ilyenkor hogyan? Bevételek amire az oldal épül nem tudom hogyan alakulnak, adsense nem tud az oldal tartalmához igazodni. Esetleg a személyre szabott reklám megjelenítése a google-nek segít ezen? Ha egy linkre kattint akkor egy olyan oldalra viszi amelyen már lehet az oldal tartalomnak megfelelő reklám.

Én a 2. megoldást látom felhasználói élmény szempontjából jobbnak, de itt kérdéses ilyenkor, hogyan jelenjenek meg a reklámok?
‹ Ajax Form probléma Js egyszerűbben ›
 ■
1

Kiegészítés

Hidvégi Gábor · 2013. Aug. 29. (Cs), 08.33
Ennek a kifejlesztéséhez ismerni kell a felhasználói szokásokat, hányszor keres a legtöbb látogatód, és azt, hogy mit. Én pl. átlag hetente szoktam egy-egy szót, a böngészőmben készítettem egy aliast, a címsorba beírom, hogy pl. "sz salty", és helyből a találati oldalra ugrik. Engem nem érdekelnek a következő találatok: s, sa, sal, salt, tehát ha mondjuk az oldaladon használnám a keresőmezőt, a figyelmemet feleslegesen vonnád el a lista megjelenítésével, valamint a szerveredet is hiábavalóan terhelnéd.

Én a helyedben, mielőtt nekifognék, a keresési statisztika alapján kideríteném, hogy az emberek inkább szótövekre vagy teljes szavakra keresnek. Utóbbi esetben nagyon elgondolkoznék rajta, hogy van-e értelme ennek a kiegészítősdinek.

Jobban belegondolva: ez azoknak segítség, akik lassan gépelnek.

Ha megcsinálod, ügyelj arra, hogy ne azonnal küldj kérést a szerver felé a billentyűleütés után, hanem indíts el egy időzítőt, és ha eltelt pártized másodperc, csak akkor. A következő billentyűleütés újraindítja az időzítőt, így csökkentheted a terhelést. Továbbá nem minden helyen csinálják meg azt, hogy ha nyilakkal tudsz navigálni a listában, akkor a kijelölt sor tartalmát mindjárt másolja be a beviteli mezőbe, hogy ha entert nyom a felhasználó, azonnal megnyithassa a találati oldalt. Ehelyett a lenyíló lista elemeit csak kattintással lehet megnyitni.
2

Jó

YourSoft · 2013. Aug. 29. (Cs), 08.50
Jó észrevételek. Köszönöm. Átgondolom megint az egészet.
3

A lista megjelenítésekor azt

Hidvégi Gábor · 2013. Aug. 29. (Cs), 09.04
A lista megjelenítésekor azt is vedd figyelembe, hogy mekkora a képernyőn rendelkezésre álló terület, és az hol is van. Ez amiatt fontos, mert mobil eszközökön a virtuális billentyűzet elfoglalhatja a fél képernyőt, és lehet, hogy csak a beviteli mező fölött lesz pár sornyi szabad hely.
4

Miért lefejleszteni, ha van

Joó Ádám · 2013. Aug. 29. (Cs), 19.45
Miért lefejleszteni, ha van rá szabványos megoldás? Használja a datalist attribútumot.
5

1, A W3Schools oldaláról: The

Hidvégi Gábor · 2013. Aug. 29. (Cs), 19.58
1, A W3Schools oldaláról:
The <datalist> tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.

2, Lehet, hogy nem elégszik meg a <select> elemen belül használható formázási lehetőségekkel.
6

The <datalist> tag is not

Joó Ádám · 2013. Aug. 29. (Cs), 20.21
The <datalist> tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.


Az Internet Explorer 10 a stabil kiadás. Egyébként pedig egy kényelmi funkcióról van szó, semmi nem történik, ha nem működik.

Lehet, hogy nem elégszik meg a <select> elemen belül használható formázási lehetőségekkel.


Mire gondolsz?
7

Legjobb tudomásom szerint a

Hidvégi Gábor · 2013. Aug. 29. (Cs), 20.37
Legjobb tudomásom szerint a listában nem lehet több oszlopnyi adatot megjeleníteni.
8

Miért lefejleszteni, ha van

kuka · 2013. Aug. 29. (Cs), 20.45
Miért lefejleszteni, ha van rá szabványos megoldás? Használja a datalist attribútumot.
Én is így vélekedtem, amíg ki nem próbáltam. Sajnos a megvalósítás túl változó ahhoz, hogy az ember nyugodt szívvel pakolja kereskedelmi oldalra.
BöngészőKeresés előttMegjelenített adatKeresett adatKeresés típus
Chromesemmivalue + labelvalueelején
Explorerteljes listalabelvaluebárhol
Firefoxsemmilabellabelbárhol
Operateljes listavaluevalueelején
9

offtopic javaslat

H.Z. · 2013. Aug. 29. (Cs), 21.02
Ha már szóba került a fejlesztés: nem lehetne megoldani valami olyan javascript kódot készíteni, mint a SZTAKI szótárához volt régen? Hogy csak rákattintok és a kijelölt szót megkeresi. (nem ugrik be, mi a szaxerű elnevezése ezeknek a könyvjelzőként beállítható JS programoknak :( bookmarklet talán?)
10

Nyitott vagyok

YourSoft · 2013. Aug. 30. (P), 08.21
Nyitott vagyok az ötletre. A bookmarklet mintha úgy működött volna, hogy be kellett húzni a könyvjelző sorba a kijelölt szót. A jobb gombos megoldásnál meg böngésző kiegészítők voltak.
Ok. Ezt is felvettem a listámra.
Így átgondolva most ez a fejlesztési sorrend:
- Nagyobb kereső mező (kész)
- Kereső mezők design-ja (nagyító ikon és nagyobb, kattinthatóbb kereső mező felület) - ez átgondolás alatt
- Szótár javítási lehetőségek minden találati sor mellett. + ha nincs találat, akkor felajánlani, hogy új szót ajánlhat be.
- bookmarkletet megnézni, jobb gombra működhet-e?
- autocomplette átgondolása és megvalósítása
11

Én a sztakist használtam egy

H.Z. · 2013. Aug. 30. (P), 20.00
Én a sztakist használtam egy időben, az úgy működött, hogy a bookmarkok közé be kellett tenni az oldalon megadott javascriptet és ha fordítandó szóba botlottam, akkor azt kijelöltem és rákattintottam erre a bookmarkletre. Ettől többnyire megnyílt egy ablak, benne a lefordított szóval.
12

Ha ez elég

YourSoft · 2013. Aug. 30. (P), 23.20
Ha ez elég Neked, akkor itt van egy angol-magyar bookmarklet DictZone-ra:
javascript:function f(W){t='';try{D=W.document;S=D.selection;if(W.getSelection)t=W.getSelection().toString();else if(D.getSelection)t=D.getSelection().toString();else if(S)t=S.createRange().text}catch(e){}return t}Q=f(top);if(!Q)for(i=0;i<top.length;i++)Q+=f(frames[i]);if(!Q)Q=prompt('angol-magyar:','');W=open('http://dictzone.com/angol-magyar-szotar/'+encodeURIComponent(Q),'f','width=580,height=500,scrollbars=yes');void(W.focus())
13

Köszi, de a vége picit

H.Z. · 2013. Aug. 31. (Szo), 15.11
Köszi, de a vége picit szemetes lett...
javascript:function f(W){t='';try{D=W.document;S=D.selection;if(W.getSelection)t=W.getSelection().toString();else if(D.getSelection)t=D.getSelection().toString();else if(S)t=S.createRange().text}catch(e){}return t}Q=f(top);if(!Q)for(i=0;i<top.length;i++)Q+=f(frames[i]);if(!Q)Q=prompt('angol-magyar:','');W=open('http://dictzone.com/angol-magyar-szotar/'+encodeURIComponent(Q),'f','width=580,height=500,scrollbars=yes');void(W.focus())


Azt hiszem, ennyi elég :)
14

bookmarklet

YourSoft · 2013. Szep. 4. (Sze), 13.00
Elkészítettem a szótárhoz a bookmarkleteket:
DictZone bookmarkletek