ugrás a tartalomhoz

Bejelentkező ablak

wifi196 · 2011. Jún. 1. (Sze), 15.51
sziasztok

ezt szeretném megcsinálni amit a képen láttok
tehát ha ráviszed a kurzort a linkre (vagy rákattintasz) akkor elöjönne alatta egy ilyen panel ahol betudna jelentkezni
kérdésem hogy lehetne megcsinálni?
válaszokat elöre is köszi :)
 
1

JavaScript

Poetro · 2011. Jún. 1. (Sze), 16.43
JavaScript segítségével kiválasztod a belépés dobozodat, és hozzáadsz egy CSS osztályt, amivel láthatatlanná teszed (display: none). Kiválasztod a kattintható dobozt, majd ráraksz egy onclick eseményt. Ebben az eseményben a belépés dobozodról leveszed a CSS osztályt amit az imént hozzáraktál.
2

Esetleg javascript nélkül a

bb0072 · 2011. Jún. 1. (Sze), 16.52
Esetleg javascript nélkül a suckerfish menü technikával (demo). Mouseover-re, out-ra tud reagálni, click-re nem.
3

Azt azért bejelentkezés

kuka · 2011. Jún. 1. (Sze), 17.43
Azt azért bejelentkezés űrlaphoz mégsem használnám. A látogató pici arrébb tolja az egeret és máris eltűnt az űrlap.

De azért lehet felhasználóbarátan JavaScript nélkül is, a CSS :target pszeudoszelektorral:

#bejelentkezes {
  display: none;
}
#bejelentkezes:target {
  display: block;
}

<a href="#bejelentkezes">Bejelentkezés</a>
<div id="bejelentkezes">
<form>
<label>Név: <input type="text" name="nev"></label><br>
<label>Jelszó: <input type="password" name="jelszo"></label><br>
<input type="submit" value="Belépés"> <a href="#">Mégsem</a>
</form>
</div>
Persze Explorerben csak 9-es verziótól fog működni.
4

köszi

wifi196 · 2011. Jún. 1. (Sze), 18.04
kösz a gyors választ megnézem
5

van más id?

Gixx · 2011. Jún. 2. (Cs), 16.37
Persze Explorerben csak 9-es verziótól fog működni.


Van más is? :D
6

kuka nagyon jó ez a cucc de

wifi196 · 2011. Jún. 2. (Cs), 16.45
kuka nagyon jó ez a cucc de azt hogy lehetne megoldani hogy a bejelentkezés gomb ujboli lenyomásával tünjön el és ne a mégse gombal?
7

azt hogy lehetne megoldani

kuka · 2011. Jún. 2. (Cs), 16.57
azt hogy lehetne megoldani hogy a bejelentkezés gomb ujboli lenyomásával tünjön el és ne a mégse gombal?
A példám csak elmélkedés bb0072 szkript-mentes javaslata alapján.
  • Ha JavaScript nélkül akarod megoldani, akkor nem lehet.
  • Ha JavaScripttel akarod megoldani, akkor semmi értelme, hogy az én kódomból indulj ki.
Megjegyzés: szkript nélkül esetleg lehet trükközni vizuálisan, azaz a Mégsem hivatkozásnak átírod a szövegét, a div tetejére költözteted, majd a divet úgy pozicionálod, hogy takarja az eredeti Bejelentkezés hivatkozást.
8

ok

wifi196 · 2011. Jún. 2. (Cs), 18.22
köszi maradok énnél akkor és nagyon köszi :)
9

Elérhetőség

Poetro · 2011. Jún. 2. (Cs), 18.33
Mellesleg hozzátenném, ha a felhasználónak van CSS támogatása, viszont a böngészője nem kezeli a :target pszeudó-kiválasztót, akkor soha nem fogja látni a belépés dobozt, ezáltal nem fog tudni belépni. Olyan megoldást kell használni, ami megközelíthető, és nem követeli meg, hogy a felhasználónak be legyen kapcsolva CSS vagy JavaScript.
10

de basszus, akkor mi legyen

leone92s · 2011. Jún. 4. (Szo), 01.28
de basszus, akkor mi legyen bekapcsolva abba a rohadt böngészőbe? Mert sztem aki már a js-t is tiltja, az tiltja a flasht is...
Ha valaki annyira troll h nem ad teret a programozónak, az ne nézze az oldalt...
Személy szerint a js-re szavazok. jsből beállítja a display értékét, és probléma megoldva. a target pszeudót eleddig sosem használtam :S
11

Nem troll

Poetro · 2011. Jún. 4. (Szo), 03.02
Én például a telefonomon le szoktam tiltani a JavaScript-et, mert nagyon meg tudja fogni teljesítmény terén egyik-másik oldal, és egyáltalán nem trollság kérdése. Egyes munkahelyeken egyébként is le van tiltva.
Úgy kell megoldani, hogy amennyiben van a felhasználónak JavaScript támogatása, akkor rejtsük el, egyébként mutassuk meg (például rejtsük el JavaScript segítségével). Másik megoldás lehet, hogy a Belépés gomb vigyen el egy olyan oldalra, ahol valóban be lehet lépni, mindenféle JavaScript bűvészkedés nélkül.
12

Ha valaki annyira troll h nem

kuka · 2011. Jún. 4. (Szo), 10.28
Ha valaki annyira troll h nem ad teret a programozónak, az ne nézze az oldalt...
Ha némely önjelölt webmester nem élne vissza mindennel, amivel csak bír, akkor a látogatóknak nem lenne rá szükségük, hogy azokat letiltsák.
13

azok egy rétege a

leone92s · 2011. Jún. 4. (Szo), 23.45
azok egy rétege a webmestereknek, de van egy másik réteg is, aki szeretne izléses, dinamikus honlapot létrehozni, és ilyen webmesterekre nem feltétlen igaz hogy visszaélnének mindennel.
Én sem szeretem, ha pofámba villan 50 felugró ablak (már ha nem tiltja le az Opera).
14

A felhasználók nem programozók

stan · 2011. Jún. 5. (V), 12.17
A felhasználók nem programozók, és magasról tesznek rá, hogy javascript vagy sem, a lényeg, hogy gyors legyen, egyszerű, ergonómikus és fusson a legtöbb böngésző / oprendszer / beállítás platformon.

Nem azt mondom, hogy ne használj ilyen vagy hasonló trükköket, de csak akkor ha van értelme és nem csak öncélú élvezkedés. Próbálj a felhasználó fejével gondolkodni, ne a sajátodéval! A lényeg, hogy a fontos és nélkülözhetetlen funkcióknak mint pl. bejelentkezés, azoknak javascript nélkül is működniük kell.

Minden egyes felhasználó fontos, nem mondhatod azt, hogy működik a platformok 90%-ában, és akkor már meg vagy elégedve. Működjön a platformok 99.9%-ában az már jó teljesítmény. Az nem baj ha valakinél nem jelenik meg a vizuális effekt, de működjön!
15

Tökéletesen igazad

Hidvégi Gábor · 2011. Jún. 6. (H), 11.50
Tökéletesen igazad van.

Próbálj a felhasználó fejével gondolkodni, ne a sajátodéval!

A felhasználó pl. amiatt is letilthatja a javascriptet, mert kiderül, hogy a böngészőjében van egy biztonsági rés, és csak így lehet kiküszöbölni addig, amíg ki nem javítják.

Emellett a megrendelődre is gondolni kell, akinek mondjuk olyan oldalt csináltál, ahol el tudja adni a termékeit. Ha egy felhasználó a letiltott js miatt nem tud beregisztrálni vagy belépni, és emiatt nem tud vásárolni, a felelősség a tied.
Egyébként a T-mobile-on is kell a belépéshez js, anélkül nem jelenik meg a bejelentkezés ablak, pedig ezt ránézésre semmi sem indokolja. Esetleg az, hogy az űrlapot robotok nehezebben tudják submitolni

A kiinduló problémára egy megoldás:
<div id="bejelentkezes_tarto">
  <a id="bejelentkezes_szoveg">Bejelentkezés</a>
  <form id="bejelentkezes">
    <input type="text">
  </form>
</div>

És a CSS:
#bejelentkezes {
  display: none;
}
#bejelentkezes_tarto:hover #bejelentkezes {
  display: block;
}
16

Ez lényegében ugyanaz mint

kuka · 2011. Jún. 6. (H), 12.08
Ez lényegében ugyanaz mint bb0072 javaslata. Én találkoztam már több felhasználóval (tipikusan az idősebb kezdők) akik mindig arrébb tolták az egérkurzort mielőtt a billentyűzettel kezdtek dolgozni, „hogy ne zavarja őket”. Én magam nem vagyok ilyen, de azért én sem szeretem az olyan trükköket amelyek miatt huzamosabb ideig egy adott helyen kell egyensúlyozni az egérkurzorral.