 onclick - zakładka |
| onclick - zakładka |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 41 Pomógł: 0 Dołączył: 6.07.2007 Ostrzeżenie: (0%) 
 |
Nie wiem czy ten problem juz byl, ale nawet nie wiem pod jakim haslem tego szukac.
Wie moze ktos jak zrobic takie zakladki jak np. na kanonierzy.com, chodzi mi o te boczne zakladki (po prawej stronie) tabela ligowa, terminarz, raporty... zeby po kliknieniu sie zmienialo na co innego... tylko ze jak patrzylem w kodzie zrodlowym to na tej stronie napisane jest w div'ach, a ja potrzebuje w tabelach to zrobic. Chce zrobic to w takim ustawieniu jak na tym obrazku, ze jak klikne na ktory kolwiek przycisk to sie zmieni na to co jest pod tym wlasnie przyciskiem/zakladce. (IMG:http://www.imagic.pl/public/92198/zakladki.png) Jezeli bedzie mial ktos czas i ochote pomoc to czekam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Pozdrawiam Ten post edytował rafalsr 29.11.2007, 01:54:00 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 611 Pomógł: 19 Dołączył: 28.02.2005 Skąd: Wrocław Ostrzeżenie: (0%)
|
Tabelki, divy, czy listy to wszystko sprowadza sie do jednegoo rozwiązania, gotowca nie dostaniesz, pokaż co masz i z czym problem to na pewno Ci pomożemy
podpiwiedź: 1) javascript 2) zdarzenie onclick 3) poruszanie sie po dom za pomocą js 4) zmiania styli poprzez js 5) wpisz to w google |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 561 Pomógł: 72 Dołączył: 15.11.2006 Ostrzeżenie: (0%)
|
Możesz spróbować tego: http://mintajax.pl/Przewodnik/Kontrolki/
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 41 Pomógł: 0 Dołączył: 6.07.2007 Ostrzeżenie: (0%)
|
pokombinowalem troche, a dokladnie sciagnalem ze strony ktora mi podales, ale.... nie dziala (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif)
wpisalem cos takiego, ale nadal nie dziala, nie ma zdnej reakcji... tylko pokazuja sie obrazki ;/ funkcja widoczna jest pod adresem http://www.rudnik-arts.yoyo.pl/rclens/menu1.php CODE <style type="text/css"> .tab { cursor: pointer; float: left; clear: none; width: 126px; height: 24px; line-height: 24px; color: White; text-align: center; margin: 0px; background-image: url(http://mintajax.pl/templates/mintajax/guide/img/tab.gif); } .hover, .active { background-image: url(http://mintajax.pl/templates/mintajax/guide/img/tab_hover.gif); } .tabsContentOuter { width: 450px; height: 200px; border: 1px solid #68660B; float: left; clear: none; } #tabsContent { padding: 0px 0px; } </style> <script type="text/javascript" src="http://mintajax.pl/templates/mintajax/js/mintajax.js"></script> <script type="text/javascript"> function OnLoad() { var img = new Image(); img.src = "http://mintajax.pl/templates/mintajax/guide/img/tab_hover.gif"; var tabs = mint.gui.CreateTabWidget("tabsContent"); tabs.fading = true; tabs.activeClass = "active"; tabs.hoverClass = "hover"; tabs.AddItem("tab1", "tab1", "text", "http://mintajax.pl/templates/mintajax/guide/tab1.html"); tabs.AddItem("tab2", "tab2", "text", "http://mintajax.pl/templates/mintajax/guide/tab2.html"); tabs.AddItem("tab3", "tab3", "text", "http://mintajax.pl/templates/mintajax/guide/tab3.html"); mint.fx.Round("tabsContentOuter", "all", "small", true); } </script> <body onload="OnLoad()"> <div id="tab1" class="tab">Tab #1</div> <div id="tab2" class="tab">Tab #2</div> <div id="tab3" class="tab">Tab #3</div> <div id="tabsContentOuter" class="tabsContentOuter"> <div id="tabsContent"></div> </div> (po probach i bledach) - jednak ten kod jest do du** bo jak to wpisalem to inne skrypty nie dzialaja ;/ moze znacie jakas inna strone z takimi zakladkami? bo na tej to ja nie wiem wogole od czego zaczac i sie wszystko pieprzy Ten post edytował rafalsr 29.11.2007, 19:30:05 |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 561 Pomógł: 72 Dołączył: 15.11.2006 Ostrzeżenie: (0%)
|
Nic dziwnego że ci nie działa skoro nawet nie podpiąłeś biblioteki mintAjax (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
|
|
|
|
 |
|
Aktualny czas: 22.08.2025 - 16:12 |
