[js] Poszukuję dobrego, sprawdzonego... |
[js] Poszukuję dobrego, sprawdzonego... |
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. |
|
|
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%) |
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: pozdrawiam |
|
|
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
-------------------- |
|
|
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. |
|
|
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ł :) |
|
|
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
-------------------- |
|
|
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 Ten post edytował janek1230 16.03.2008, 15:11:03 -------------------- Pomogłem? - kliknij na pomógł :)
Nie pomofłem? - kliknij na pomógł :) |
|
|
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ęć)?
|
|
|
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. |
|
|
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. |
|
|
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. |
|
|
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ę"? |
|
|
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%) |
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?
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) |
|
|
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%) |
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.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ć)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. |
|
|
17.03.2008, 23:31:51
Post
#15
|
|
Grupa: Zarejestrowani Postów: 88 Pomógł: 0 Dołączył: 21.04.2005 Ostrzeżenie: (0%) |
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)? po zasłonięciu nic co jest pod tą warstwą nie powinno być klikalne. pzodr. Sprawdzę i dam znać. Dziękuje. |
|
|
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%) |
|
|
|
18.03.2008, 16:01:34
Post
#17
|
|
Grupa: Zarejestrowani Postów: 88 Pomógł: 0 Dołączył: 21.04.2005 Ostrzeżenie: (0%) |
|
|
|
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. |
|
|
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.
@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) |
|
|
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. |
|
|
Wersja Lo-Fi | Aktualny czas: 28.04.2024 - 11:06 |