Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html][ajax] Zakładki
pioch
post 14.09.2007, 17:04:19
Post #1





Grupa: Zarejestrowani
Postów: 251
Pomógł: 0
Dołączył: 30.11.2006

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


Witam

Mam problem z wykorzystaniem mintajax.pl , mianowicie z zakładkami :/

mój plik zakladki.html

  1. <style type="text/css">
  2.  
  3. .tab {
  4. cursor: pointer;
  5. float: left;
  6. clear: none;
  7. width: 126px;
  8. height: 24px;
  9. line-height: 24px;
  10. color: White;
  11. text-align: center;
  12. margin: 0px 4px;
  13. background-image: url('img/tab.gif');
  14. }
  15.  
  16. .hover, .active {
  17. background-image: url('img/tab_hover.gif');
  18. }
  19.  
  20. .tabsContentOuter {
  21. width: 450px;
  22. height: 200px;
  23. border: 1px solid #68660B;
  24. float: left;
  25. clear: none;
  26. }
  27.  
  28. #tabsContent {
  29. padding: 2px 4px;
  30. }
  31.  
  32. </style>
  33. <script type="text/javascript" src="mintajax.js"></script>
  34. <script type="text/javascript">
  35.  
  36. function OnLoad() {
  37. var img = new Image();
  38. img.src = "img/tab_hover.gif";
  39.  
  40. var tabs = mint.gui.CreateTabWidget("tabsContent");
  41.  
  42. tabs.fading = true;
  43. tabs.activeClass = "active";
  44. tabs.hoverClass = "hover";
  45.  
  46. tabs.AddItem("tab1", "tab1", "text", "tab1.html");
  47. tabs.AddItem("tab2", "tab2", "text", "tab2.html");
  48. tabs.AddItem("tab3", "tab3", "text", "tab3.html");
  49.  
  50. mint.fx.Round("tabsContentOuter", "all", "small", true);
  51. }
  52.  
  53. </script></head><body onload="OnLoad()">
  54. <div id="tab1"></div>
  55. <div id="tab2"></div>
  56. <div id="tab3"></div>
  57.  
  58. <div id="tabsContentOuter">
  59. <div id="tabsContent"></div>
  60. </div>
  61.  
  62. </body>
  63. </html>



i nie działa :/ , moze ktoś sie spotkal z tym problemem:D
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
skowron-line
post 14.09.2007, 18:11:36
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


yyyy a moze jakies linki do tych zakladek questionmark.gif bo tu nic nie ma na jakiej zasadzie to ma dzialac??


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
pioch
post 14.09.2007, 19:11:20
Post #3





Grupa: Zarejestrowani
Postów: 251
Pomógł: 0
Dołączył: 30.11.2006

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


ale linki masz zawarte w funkcji :

  1. function OnLoad() {
  2. var img = new Image();
  3. img.src = "img/tab_hover.gif";
  4.  
  5. var tabs = mint.gui.CreateTabWidget("tabsContent");
  6.  
  7. tabs.fading = true;
  8. tabs.activeClass = "active";
  9. tabs.hoverClass = "hover";
  10.  
  11. tabs.AddItem("tab1", "tab1", "text", "tab1.html");
  12. tabs.AddItem("tab2", "tab2", "text", "tab2.html");
  13. tabs.AddItem("tab3", "tab3", "text", "tab3.html");
  14.  
  15. mint.fx.Round("tabsContentOuter", "all", "small", true);
  16. }
Go to the top of the page
+Quote Post
tehn
post 14.09.2007, 19:40:33
Post #4





Grupa: Zarejestrowani
Postów: 63
Pomógł: 0
Dołączył: 8.09.2007

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


odpal to sobie w firefoxie... tam masz narzędzia->konsola błędów... i popatrz co Ci pisze... dzięki temu zlokalizujesz miejsce błędu...


--------------------
sidzina
Go to the top of the page
+Quote Post
pioch
post 14.09.2007, 20:03:07
Post #5





Grupa: Zarejestrowani
Postów: 251
Pomógł: 0
Dołączył: 30.11.2006

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


tak tylko nie wyświetla żadnych błedów exclamation.gif! nie wiem co jest grane
Go to the top of the page
+Quote Post
skowron-line
post 15.09.2007, 09:22:59
Post #6





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


zobacz sobie cos takiego
nie jest to w prawdzie MINTajax ale advajax no ale dziala podobie
  1. <head>
  2. <script type="text/javascript" src="advajax.js"></script>
  3. <script type="text/javascript">
  4. function zakladki(site){
  5. advAJAX.get({
  6. url: site,
  7. onSuccess : function(obj) {
  8. document.getElementById('insert').innerHTML = obj.responseText;
  9. }
  10. });
  11. }
  12. </script>
  13. </head>
  14. <tr>
  15. <td bgcolor="yellow"><a href="javascript:zakladki('1.html');">jeden</td>
  16. <td bgcolor="pink"><a href="javascript:zakladki('2.html');">dwa</td>
  17. <td bgcolor="orange"><a href="javascript:zakladki('3.html');">trzy</td>
  18. </tr>
  19. <tr>
  20. <td colspan="3" id="insert">Text</td>
  21. </tr>
  22. </table>
  23. </head>
  24. </html>


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post

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: 20.07.2025 - 05:13