Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
Reply to this topicStart new topic
> [js] Poszukuję dobrego, sprawdzonego...
code46
post 16.03.2008, 14:24:06
Post #1





Grupa: Zarejestrowani
Postów: 88
Pomógł: 0
Dołączył: 21.04.2005

Ostrzeżenie: (0%)
-----


Cześć,
szukam jakiegoś dobrego, szybkiego i sprawdzonego frameworka do JS+AJAX. Słyszałem o jQuery - dobry jest? Ważna jest także prostota bo nie znam JS.
Go to the top of the page
+Quote Post
Cezar708
post 16.03.2008, 14:36:31
Post #2





Grupa: Zarejestrowani
Postów: 1 116
Pomógł: 119
Dołączył: 10.05.2005
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Cytat(code46 @ 16.03.2008, 14:24:06 ) *
Cześć,
szukam jakiegoś dobrego, szybkiego i sprawdzonego frameworka do JS+AJAX. Słyszałem o jQuery - dobry jest? Ważna jest także prostota bo nie znam JS.


jQuery fajny jest.. ale prawda jest taka, że pytanie zadałeś zbyt ogólnie, nie wiem czego dokładnie potrzebujesz (efektów, tylko komunikacji, prostych przejść?)

inne fajne biblioteki:
  1. prototype
  2. advAjax

pozdrawiam
Go to the top of the page
+Quote Post
Piniek
post 16.03.2008, 14:45:44
Post #3





Grupa: Przyjaciele php.pl
Postów: 463
Pomógł: 49
Dołączył: 27.12.2007
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


mootools winksmiley.jpg


--------------------
Go to the top of the page
+Quote Post
code46
post 16.03.2008, 14:52:01
Post #4





Grupa: Zarejestrowani
Postów: 88
Pomógł: 0
Dołączył: 21.04.2005

Ostrzeżenie: (0%)
-----


A co myślicie o jQuery?

Poszukuję skryptu, który przyciemniałbym całe okno przeglądarki - podczas logowania wysyłam postem (nie ajaxem) dane (login i hasło) i na czas wysyłania ekran jest przyciemniany. Na pewno wiecie o co chodzi.
Go to the top of the page
+Quote Post
janek1230
post 16.03.2008, 15:01:43
Post #5





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 2.05.2007
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Kiedyś używałem mootools i jQuery, i z jQuery byłem bardziej zadowolony, napewno jest szybszy od mootools...który jak dla mnie to powolnie działał...


--------------------
Pomogłem? - kliknij na pomógł :)
Nie pomofłem? - kliknij na pomógł :)
Go to the top of the page
+Quote Post
Piniek
post 16.03.2008, 15:07:20
Post #6





Grupa: Przyjaciele php.pl
Postów: 463
Pomógł: 49
Dołączył: 27.12.2007
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


wedlug testow w phpsolutions to mootools jest najszybszy a jquery najwolniejszy i to 3 razy a prototype jes posrodko troszeczke za mootols


--------------------
Go to the top of the page
+Quote Post
janek1230
post 16.03.2008, 15:10:13
Post #7





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 2.05.2007
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Co do innych to nie wiem, ale ja z tych 2-ch (mootools & jQuery) wziął bym jQuery...

PS.W testach czasami piszą różne rzeczy tongue.gif

Ten post edytował janek1230 16.03.2008, 15:11:03


--------------------
Pomogłem? - kliknij na pomógł :)
Nie pomofłem? - kliknij na pomógł :)
Go to the top of the page
+Quote Post
code46
post 17.03.2008, 14:03:56
Post #8





Grupa: Zarejestrowani
Postów: 88
Pomógł: 0
Dołączył: 21.04.2005

Ostrzeżenie: (0%)
-----


A wiecie może jak za pomocą JS wykonać takie przyciemnianie ekranu (dosyć często stosowane w galeriach zdjęć)?
Go to the top of the page
+Quote Post
siemakuba
post 17.03.2008, 14:10:44
Post #9





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

Ostrzeżenie: (0%)
-----


Jeżeli chodzi o bibliotekę to zdecydowanie polecam jQuery. Co do testów szybkości, to ma spore znaczenie świeżość tych testów. Szybkość jQuery wraz z każdym kolejnym wydaniem wzrasta o setki procent, więc o to bym się nie bał. Do tego IMHO intuicyjność i prostota tej biblioteki jest bez porównania. Dokładając do tego masę pluginów - jest to na pewno rozwiązanie warte sprawdzenia.

pozdr.
Go to the top of the page
+Quote Post
code46
post 17.03.2008, 21:54:39
Post #10





Grupa: Zarejestrowani
Postów: 88
Pomógł: 0
Dołączył: 21.04.2005

Ostrzeżenie: (0%)
-----


Dziękuje za odpowiedzi. Jeśli chodzi o ten efekt, to nie chciałbym wykorzystywać do tego jQuery albo ThickBox'a tylko bardzo prosty skrypt.

Chciałbym na stronie utworzyć nową warstwę, która przykrywałaby wygląd strony (ciemniejszy kolor, przeźroczysty) a po środku wsadzić jakiegoś animowanego gif - ładowanie się strony). Podobne do tego tutaj http://jquery.com/demo/thickbox/ - zakładka examples (demo).

Problem w tym, że tam kod jest zagmatwany a ja nie potrzebuję całych bibliotek tylko proste dwie funkcje - otwieranie takiego overlay'a i chowanie.
Go to the top of the page
+Quote Post
siemakuba
post 17.03.2008, 22:03:37
Post #11





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

Ostrzeżenie: (0%)
-----


1. napisz style odpowiednie dla tego DIVa, który będzie wszystko zakrywał - zwróć uwagę na: position, z-index, top, left, width, height, display
2. początkowo niech ma display:none;
3. umieść go zaraz za body w kodzie HTML
4. zmieniaj widoczność za pomocą JS zmieniając właściwość display
Kod
function toggleOverlay()
{
    var eDIV = document.getElementById('overlay');
    if(eDIV.style.display == 'none')
    {    eDIV.style.display = 'block';
    }
    else
    {    eDIV.style.display = 'none';
    }
}

4. jak chcesz uzyskać efekt półprzeźroczystości, musisz zadowolić niestety każdą z przeglądarek indywidualnie, aplikując odpowiedni CSS dla elementu:
Kod
IE: filter:alpha(opacity=50)
FF: -moz-opacity:0.5
Opera: opacity: 0.5

Powinno działać, ale wcale nie musi, jako że nie testowałem tego ;)

pozdr.
Go to the top of the page
+Quote Post
code46
post 17.03.2008, 23:03:23
Post #12





Grupa: Zarejestrowani
Postów: 88
Pomógł: 0
Dołączył: 21.04.2005

Ostrzeżenie: (0%)
-----


Próbuję coś naskrobać i nawet pomysł fajny. Nawet uda mi się chyba wsadzić obrazek ładowania. Tylko mam trzy problemy:
1) Dla diva, który będzie zasłaniaj, w cssie muszę podać width i height ale ile podać, żeby zasłaniaj 100% strony w szerokości i wysokości i ani ciut więcej? Bo inaczej to będzie mało eleganckie
2) Do pozycjonowania elementów używam pływania, bo position często się rozjeżdża przy zmianach rozdzielczości. Jak Twój sposób wpłynie na pływanie innych elementów?
3) Jak zrobić aby po zasłonięciu ekranu(całej strony) nie można była nic klikać na stronie dopóki jej nie "odsłonię"?
Go to the top of the page
+Quote Post
Jarod
post 17.03.2008, 23:06:44
Post #13





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

Ostrzeżenie: (0%)
-----


Cytat(code46 @ 17.03.2008, 23:03:23 ) *
Próbuję coś naskrobać i nawet pomysł fajny. Nawet uda mi się chyba wsadzić obrazek ładowania. Tylko mam trzy problemy:
1) Dla diva, który będzie zasłaniaj, w cssie muszę podać width i height ale ile podać, żeby zasłaniaj 100% strony w szerokości i wysokości i ani ciut więcej?


  1. width: 100%;
  2. height: 100%;


Ale pod IE 6.0 nie działa niestety.


--------------------
”Godzina nauki w życiu nowoczesnego apostoła jest godziną modlitwy.”
(św. Josemaría Escrivá, Droga, 335)
Go to the top of the page
+Quote Post
siemakuba
post 17.03.2008, 23:26:12
Post #14





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

Ostrzeżenie: (0%)
-----


Cytat(code46 @ 17.03.2008, 23:03:23 ) *
1) Dla diva, który będzie zasłaniaj, w cssie muszę podać width i height ale ile podać, żeby zasłaniaj 100% strony w szerokości i wysokości i ani ciut więcej? Bo inaczej to będzie mało eleganckie
tak jak pisze @Jarod - 100%. A żeby działało w IE6, dodaj jeszcze w JS: eDIV.style.height = document.body.scrollHeight+'px'; - będziesz miał dobrze w IE6 i wszędzie indziej.

Cytat(code46 @ 17.03.2008, 23:03:23 ) *
2) Do pozycjonowania elementów używam pływania, bo position często się rozjeżdża przy zmianach rozdzielczości. Jak Twój sposób wpłynie na pływanie innych elementów?
nie powinno wpływać wogóle. W tym divie nie wsadzasz treści strony, tylko sam pusty DIV (no ewentualnie plus to co w nim chcesz mieć)

Cytat(code46 @ 17.03.2008, 23:03:23 ) *
3) Jak zrobić aby po zasłonięciu ekranu(całej strony) nie można była nic klikać na stronie dopóki jej nie "odsłonię"?
po zasłonięciu nic co jest pod tą warstwą nie powinno być klikalne.

pzodr.
Go to the top of the page
+Quote Post
code46
post 17.03.2008, 23:31:51
Post #15





Grupa: Zarejestrowani
Postów: 88
Pomógł: 0
Dołączył: 21.04.2005

Ostrzeżenie: (0%)
-----


Cytat(siemakuba @ 17.03.2008, 23:26:12 ) *
nie powinno wpływać wogóle. W tym divie nie wsadzasz treści strony, tylko sam pusty DIV (no ewentualnie plus to co w nim chcesz mieć)

Próbowałem oprócz dodatkowego diva zrobić takie coś dla body ale jest kicha. Bez dodatkowego diva nie obejdzie się.
Ostatnie pytanie. Jak wyśrodkować w pionie i poziomie gif w takim divie. Przeźroczysta "zasłona" a po środku animowany gif (ładowanie strony)?
Cytat(siemakuba @ 17.03.2008, 23:26:12 ) *
po zasłonięciu nic co jest pod tą warstwą nie powinno być klikalne.
pzodr.

Sprawdzę i dam znać. Dziękuje.
Go to the top of the page
+Quote Post
siemakuba
post 17.03.2008, 23:45:16
Post #16





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

Ostrzeżenie: (0%)
-----


Cytat(code46 @ 17.03.2008, 23:31:51 ) *
Ostatnie pytanie. Jak wyśrodkować w pionie i poziomie gif w takim divie. Przeźroczysta "zasłona" a po środku animowany gif (ładowanie strony)?


Najlepiej dać go jako obrazek tła via CSS:
Kod
background:url('obrazek.gif') no-repeat 50% 50% #000;


pozdr.
Go to the top of the page
+Quote Post
code46
post 18.03.2008, 16:01:34
Post #17





Grupa: Zarejestrowani
Postów: 88
Pomógł: 0
Dołączył: 21.04.2005

Ostrzeżenie: (0%)
-----


Cytat(siemakuba @ 17.03.2008, 23:45:16 ) *
Najlepiej dać go jako obrazek tła via CSS:
Kod
background:url('obrazek.gif') no-repeat 50% 50% #000;


pozdr.

Niestety to nie działa.
Go to the top of the page
+Quote Post
siemakuba
post 18.03.2008, 16:06:20
Post #18





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

Ostrzeżenie: (0%)
-----


Nie działa - domyślam się że nie wyświetla się obrazek. Domyślam się też, że ścieżka do obrazka jest niepoprawna.
Proponuję wsadzić obrazek dla testu w katalogu głównym i podać do niego adres bezwzględny w CSS:
Cytat
background:url('http://www.example.com/obrazek.gif');

pozdr.
Go to the top of the page
+Quote Post
Jarod
post 18.03.2008, 16:40:54
Post #19





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

Ostrzeżenie: (0%)
-----


Z tym obrazkiem to zrobiłbym tak.
  1. background-image: url('../Images/loading.gif');
  2. width: 100px;
  3. height: 20px;
  4. top: 50%; left: 50%;
  5. position: absolute;



@siemakuba: Ja mam do Ciebie pytanie, bo sam zamierzam wykorzystać sposób, który podałeś. Chodzi mi o kod
Kod
eDIV.style.height = document.body.scrollHeight+'px';

który niestety nie działa tak jak potrzeba. Znalazłem następujące problemy:

1) Brak pionowego suwaka przewijania (mała ilość tekstu)
- Opera: ok
- FF: W pionie nie dociąga do końca overlay'a
- IE 6.x: W poziomie nie działa 100% (nie dociąga overlay'a do końca strony), podobnie jak w pionie (wielkość niedociągnięcia różni się od tej w FF

2) Pojawia się pionowy pasek (duża ilość tekstu)
- Opera: ok
- FF: nie dociąga w pionie overlay'a do końca strony
- IE 6.x: W poziomie nie działa 100% (nie dociąga overlay'a do końca strony), podobnie jak w pionie (wielkość niedociągnięcia różni się od tej w FF

Podrzucić screeny?

Pozdrawiam


--------------------
”Godzina nauki w życiu nowoczesnego apostoła jest godziną modlitwy.”
(św. Josemaría Escrivá, Droga, 335)
Go to the top of the page
+Quote Post
siemakuba
post 18.03.2008, 16:51:04
Post #20





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

Ostrzeżenie: (0%)
-----


@Jarod: widzisz, wpadłem na taki pomysł i na szybko przetestowałem na stronie gdzie był scroll pionowy. Wyszło na pierwszy rzut oka, że jest OK, więc dalej się nie wgłębiałem.
Trzeba by pewnie potestować co będzie poprawne dla której przeglądarki, bo do wyboru mamy innerHeight / scrollHeight / offsetHeight / style.height i jeszcze pewnie coś by było.

To z kolei prowadzi nas do sedna tego właśnie wątku - użycia biblioteki, która to wie i wybierze za nas co potrzeba.
Jak pisałem korzystam z jQuery i szczerze polecam. Ale mi się nie chce już walczyć, ja chcę żeby było wygodnie, szybko i dobrze ;)

pozdr.
Go to the top of the page
+Quote Post

2 Stron V   1 2 >
Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.04.2024 - 11:06