Usprawnienie minibloga - popup windows

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Z łatwością można poznać kiedy webdesigner jest w trakcie realizacji paru projektów / zleceń na raz - postowanie na blogu spada dość drastycznie.

Mimo wszystko dodałem dzisiaj obiecywane poprawki do minibloga - jeśli masz włączony JavaScript to po kliknięciu na tytuł albo czerwony hash, otworzy się pop-up z tym wpisem (możliwe, że przeładowanie bez cache wymagane). Z tej okazji zmodyfikowałem miniblogowy szablon - wraca styl minimalistyczny. Oczywiście wpisy można komentować, jak już wspominałem - popup ułatwia ten proces.

Muszę jeszcze wykombinować jak otwierać linki z popup-a w oknie nadrzędnym. Wszystkie, które tak mają się otwierać posiadają już klasę external, więc podpięcie eventów (?) nie sprawi problemu. Nie czuję się pewnie w BOM, podpowiecie?

Tagi wpisu: asides, blog, miniblog, popups

Informacje i hiperłącza

Piotr Petrus 'Riddle'

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

RSS

Informacje o wpisie

Napisał riddle 13 czerwca 2006 o 07:16

Kategorie: JavaScript & DOM, Jogger

Wpisy archiwalne

Archiwum miesięczne

Dzięki!

Komentarze

matid 1 13 czerwca 2006, 08:20

A może zamiast popupów coś w stylu Google Homepage: http://matid.net/files/popup.png ?
Chyba przemawia przeze mnie moja awersja do wyskakujących okienek ;)
Riddle 2 13 czerwca 2006, 08:23

Hehe, to też jest pewne rozwiązanie, nawet zabookmarkowałem ostatnio bibliotekę do okienek na warstwach do Prototajpa… tyle że na przykład w Technorati mają dla "T. Mini" popupowe okienko, więc chyba nie jest to wielkie zło. :P Możesz całego mbloga oglądać w okienku. :P
neo 3 13 czerwca 2006, 09:27

Odnośnie otwierania linków z popupa - musisz wykorzystać właściwość opener obiektu window, która jest referencją do okienka, które otworzyło popupa.
Ktos 4 13 czerwca 2006, 10:44

Hmm, a mnie się nie otwiera w popupach, tylko nowa strona się otwiera...

Fx 1.5.0.4, włączony JS oczywiście ;-)

[tfuj, otwiera się w tej samej stronie, nie w nowej stronie - tak działa jak normalny link]
Riddle 5 13 czerwca 2006, 10:45

Ctrl + Shift + R? ;)
Ktos 6 13 czerwca 2006, 10:46

Ech, trzeba uważnie czytać wpisy :-P
Riddle 7 13 czerwca 2006, 10:47

Albo więcej webdevelopować, to wciskanie reloada bez cache będzie nawykiem. :D

Layout minibloga czytelny? ;)
Ktos 8 13 czerwca 2006, 10:52

Tak. Ładny i czytelny. I dobrze się z blogiem komponuje. Ale widzę jakieś upodobanie do niskiego kontrastu dla mniej ważnych elementów ;-)
Bartini 9 13 czerwca 2006, 10:52

Zbyt jasne czcionki, guzik widac
gshegosh 10 13 czerwca 2006, 10:57

A ja popupów nie lubię i mam Firefoxa tak ustawionego, że otwierają się - o ile pozwolę - w nowej zakładce.
Oczywiście, wygląda to potwornie głupio :P
Riddle 11 13 czerwca 2006, 11:01

Bartini: Czego nie widać? Nawigacji po dokumencie (używanej z klawiatury z ciemnym kolorem na :focus) czy co 2 komentarza? ;) Jak zwykle przesadzasz zią :P

gshegosh: Czyżby? Przecież ten layout pomimo swojej szerokości da się używać na viewporcie równym całemu ekranowi. :) No i po co dawałbym możliwość kliknięcia środkowym przyciskiem myszki (onclick event a nie javascript:…) jeśli nie chciałbym żeby można było pominąć popupa? :P
Bartini 12 13 czerwca 2006, 11:03

Żadnego :focus nie widze, wiem tylko ze to co jest przed komentarzami, ten "co drugi" komentarz jest za jasno" i to co pod komentarzami też jest za jasno.

Niestety jestem na wpół ślepy i nie widzę.
Uzytkownik 13 13 czerwca 2006, 22:37

1. Czy pop-upy nie są wyklęte?
2. Epiphany, 1024x768, zakładka polecam jest niewidoczna.
piXelRider 14 14 czerwca 2006, 17:22

W tym okienku miniblog jest mało czytelny - może jakiś efekcik dla sfocusowanego inputa :>
Poza kolorkami, same rozmiary odstępów pomiędzy poszczególnymi elementami są jakieś duże... wszystko takie rozstrzelone...
Inna sprawa, że pomysł z popupem mi jakoś nie pasi... :P [ale to już osobista sprawa].
gruvby 15 14 czerwca 2006, 18:26

Usprawnienie? To ma być jakiś żart? U mnie to jest szerokości połowy zapałki.
pudel 16 14 czerwca 2006, 18:42

http://www.adactio.com/atmedia2005/ slajdy 5-9
Riddle 17 14 czerwca 2006, 18:44

pudel: Sprawdzaj kod zanim skomentujesz plz.
FYI: Mam jeszcze lepiej niż na slajdzie 9.
muzgus 18 14 czerwca 2006, 23:22

Po kliknięciu na hasha pokazuje się takie okienko:

http://img466.imageshack.us/img466/758/untitled13pt.png
Riddle 19 15 czerwca 2006, 00:15

Centrowanie nie działa. Ciekawe czemu… Konquerorowe quirksy? ;)
Spróbuję to wypozycjonować na środku, może wtedy zaskoczy.
doiy 20 16 czerwca 2006, 10:45

Ja tam patrząc na minibloga od razu maksymalizuje popupa... Nie lubie takie krępacji.
Przyjaźniej to wygląda jak mam miejsce po bokach.
Riddle 21 16 czerwca 2006, 10:46

To klikaj środkowym / z CTRLem, ile można mówić. ;-D
doiy 22 16 czerwca 2006, 10:47

Ostatnio mi się zrąbała myszka, teraz mam taką gdzie rolką się nie da klikać(muszę iść do sklepu po nową :/), a z CTRLem otwieraja się popup i zakładka na raz :)
omg 23 16 czerwca 2006, 12:08

Mi się ładnie pop-upy otwierają, tylko mam wstręt do takowych :P
muzgus 24 17 czerwca 2006, 13:57

U mnie nadal nie działa, jeśli coś z tym robiłeś. Używam ff 1.5.0.4.
Riddle 25 17 czerwca 2006, 14:05

Blah, nie wiem o co chodzi. Sprawdź może opcje przeglądarki. Musi działać - kod nie jest strasznie skomplikowany - to zwyczajne window.open…

Może jakiś zew. soft Ci blokuje popupy jako takie?
muzgus 26 17 czerwca 2006, 14:24

Mi nie chodzi o to, że się blokuje popup, mi chodzi o to, że to wygląda tak:
http://img466.imageshack.us/img466/758/untitled13pt.png