+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: takie fajne coś (/thread-takie-fajne-co%C5%9B)
Strony:
1
2
takie fajne coś - fafor - 02-05-2011
http://eu.battle.net/wow/en/ prawy górny róg mamy EXPLORE po naciśnięciu widać co się dzieje. przypomina mi to coś w rodzaju lightboxa takiego bez zdjęć ale nie wiem do końca czy to coś takiego. Ogólnie to chciał bym coś takiego zrobić samemu. Warunki jakie to musi spełniać to aby otwierało się tam gdzie ja chcę i tam pozostawało przy scrollowaniu.
Pytanie: z czego takie coś zrobić?
RE: takie fajne coś - Kartofelek - 02-05-2011
http://doman.art.pl/kursjs/kurs/jquery/hover_boxik.html
Oczywiście to tylko mały przykład i sam będziesz musiał sobie dostosować
RE: takie fajne coś - fafor - 03-05-2011
kurcze nie jestem do konca przekonany czy to cos takiego ktos zna jakies inne sposoby moze?
RE: takie fajne coś - Pedro84 - 03-05-2011
Tak, to jest to.
Po drugie, naucz się normalnie zadawać pytania na forum.
RE: takie fajne coś - fafor - 03-05-2011
Trochę namieszałem więc jeszcze raz. mam tkaie coś, 2 przyciski, jeden otwiera diva (czy tam robi go widocznego) a drugi chowa.
Kod:
<script language=javascript type='text/javascript'>
function hidediv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideshow').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'hidden';
}
else { // IE 4
document.all.hideshow.style.visibility = 'hidden';
}
}
}
function showdiv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideshow').style.visibility = 'visible';
}
else {
if (document.layers) { // Netscape 4
document.hideshow.visibility = 'visible';
}
else { // IE 4
document.all.hideshow.style.visibility = 'visible';
}
}
}
</script>Druga sprawa to taka, że dodałem onmouseout funkcję zamknij diva z opóźnieniem 1 sec. Wszystko działa dobrze chyba, że zjade myszką z diva i szybko powrócę zanim zdąży się zamknąć. Wtedy div i tak się zamyka a na dodatek przy kolejnych próbach otworzenia go pojawiają się problemy, że on się pojawia i po chwili znika. Przydała by się jakaś funkcja która by stopowała funkcję onmouseout przy onmousover. Proszę o pomoc.
RE: takie fajne coś - kancik - 06-05-2011
operujesz w js na stylach a nie wiesz jak zrobić aby obiekt był ukryty ?
http://www.kurshtml.edu.pl/css/widzialnosc,pozycjonowanie.html
tam też jest o
http://www.kurshtml.edu.pl/css/wyswietlanie,pozycjonowanie.html
jedno podobne tylko do drugiego ale autor kursu dokładnie o tym pisze. A co do drugiego problemu , pokaż więcej kodu. Wstępnie można np. utworzyć zmienną "dzialanie" ustawic jej wartosc na "0" a gdy najedziesz dajesz "1" ale tylko wtedy gdy wartosc wynosiła 0. no i teraz sprawdzasz czy wartosc to 1 i wtedy ukrywasz warstwe. I zanim ona sie schowa a ktos najedzie na warstwe to warunek sprawdzi właśnie te liczby. To taki toporny sposób ale najłatwiejszy. Można sprawdzić stylami. Taki pomysł początkującemu powinien wpaść od razu.
ps. może to mały skrypt ale opłaca się korzystać z frameworka chociażby jquery którego już Ci u góry "polecono".
RE: takie fajne coś - zacharij - 07-05-2011
Wykorzystaj jQuery, są do tego bardzo proste funkcje takie jak:
fadeToggle()
slideToggle()
działają one w ten sposób, że np. po kliknięciu w element, coś się pokazuje (przenika, rozwija), a po kolejnym kliknięciu znika (przenika, zwija).
Dosłownie 5-6 linijek w jQuery i sprawa załatwiona + oczywiście odpowiednie ostylowanie (nadanie position: absolute i inne)
RE: takie fajne coś - kancik - 07-05-2011
(07-05-2011, 19:19)zacharij napisał(a): Wykorzystaj jQuery, są do tego bardzo proste funkcje takie jak:
fadeToggle()
slideToggle()
działają one w ten sposób, że np. po kliknięciu w element, coś się pokazuje (przenika, rozwija), a po kolejnym kliknięciu znika (przenika, zwija).
Dosłownie 5-6 linijek w jQuery i sprawa załatwiona + oczywiście odpowiednie ostylowanie (nadanie position: absolute i inne)
możesz powiedzieć dlaczego nabijasz sobie posty ? Przecież mu napisałem min. o jquery. A jego problem nie polega akurat na tym. Twój post nic nie wnosi. Nie rozumie takich ludzi. Niech ktoś usunie jego i mój ten post..
RE: takie fajne coś - zacharij - 07-05-2011
(07-05-2011, 19:55)kancik napisał(a):(07-05-2011, 19:19)zacharij napisał(a): Wykorzystaj jQuery, są do tego bardzo proste funkcje takie jak:
fadeToggle()
slideToggle()
działają one w ten sposób, że np. po kliknięciu w element, coś się pokazuje (przenika, rozwija), a po kolejnym kliknięciu znika (przenika, zwija).
Dosłownie 5-6 linijek w jQuery i sprawa załatwiona + oczywiście odpowiednie ostylowanie (nadanie position: absolute i inne)
możesz powiedzieć dlaczego nabijasz sobie posty ? Przecież mu napisałem min. o jquery. A jego problem nie polega akurat na tym. Twój post nic nie wnosi. Nie rozumie takich ludzi. Niech ktoś usunie jego i mój ten post..
Ja podałem konkretne rozwiązanie, Ty nic o jQuery i w/w funkcjach nie wspomniałeś więc nie wiem po co robisz problemy i offtopujesz.
RE: takie fajne coś - fafor - 11-05-2011
No dobra cos pokombinuje ale mam juz kolejny drobny problem.
Mam na stronie diva a w tym divie chce wstawic powiedzmy 10 divow jeden na drugim (nakladajacyhc sie) Za pomoca tego skryptu mojego one sie beda pokazywac badz tez chowac ale jak je tak ustawic? Jak daje pozycje relatywna to wszystko wyglada fajnie oprocz tego ze strona sie rozciaga o tyle pixow o ile jest niby tych relatywnych obrazkow, moge sobie wylaczyc scrollowanie ale to ma sie otwierac na komorkach wiec slaby pomysl jak ta strona bedzie 5 razy wieksza niz wyswietlac i nie bedzie dalo sie scrollowac.
Chcial bym zrobic cos jak pozycja absolutna lub fixed ale wewnatrz diva a nie calego body czy tez htmla