witam,
ostatnio zapragnąłem pobawić się Ajaxem i postanowiłem wstawić zakładki na mojej stronie. Zastanawia mnie dlaczego te zakładki działają na localhoście, natomiast na normalnym serwerze wogóle nie chcą działać?
Oto link dos trony gdzie zamieściłem te zakładki (newsy, czat, liga - po lewej): problem z zakładkami w Ajax
a Ajax pobiera dane z twojego serwera?
bo jeżeli nie to pewnie o to chodzi
na localhoscie mozesz pobrac ajaxem dane z kazdego serwera, a na serwerze tylko ze swojego
bo jeżeli nie to pewnie o to chodzi
na localhoscie mozesz pobrac ajaxem dane z kazdego serwera, a na serwerze tylko ze swojego
to są zwykłe zakładki, pobierają dane z mojego serwera - mogłem coś podobnego zrobić w CSS, ale chciałem by nie przeładowywało strony po każdej zmianie zakładki
ale o co chodzi z tymi zakładkami bo ja widze od razu wszystkie ;o
no własnie w tym jest problem, powinny się pojawiać pojedynczo.
1). newsy
2). czat
3). tabela i wyniki
a tutaj pokazują się wszystkie
kod w głównym pliku szablonu:
style CSS
kod sprinkle.js
do tego załączam jeszcze biblioteki jquery oraz jquery ui personalized
1). newsy
2). czat
3). tabela i wyniki
a tutaj pokazują się wszystkie
kod w głównym pliku szablonu:
Kod
<div id="ajax" class="widget">
<ul class="tabnav">
<li><a class="btn" href="#newsy">Newsy</a></li>
<li><a class="btn" href="#czat">Czat</a></li>
<li><a class="btn" href="#liga">Liga</a></li>
</ul>
<div class="tabdiv" id="newsy">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<div class="tabdiv" id="czat">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<div class="tabdiv" id="liga">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>
</div>
<ul class="tabnav">
<li><a class="btn" href="#newsy">Newsy</a></li>
<li><a class="btn" href="#czat">Czat</a></li>
<li><a class="btn" href="#liga">Liga</a></li>
</ul>
<div class="tabdiv" id="newsy">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<div class="tabdiv" id="czat">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<div class="tabdiv" id="liga">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>
</div>
style CSS
Kod
.widget {
/*padding: 5px 10px 10px 10px;*/
margin-bottom: 15px;
}
.widget a {
color: #222;
text-decoration: none;
}
.widget a:hover {
color: #009;
text-decoration: underline;
}
.tabnav {
background:url(../images/bg_sidebar_btn.png) repeat-x;
height: 30px;
line-height: 30px;
}
.tabnav li {
display: inline;
list-style: none;
padding-right: 5px;
}
.tabnav li a {
text-decoration: none;
text-transform: uppercase;
color: #e4f6f8;
font-weight: bold;
font-size: 18px;
padding: 4px 6px;
outline: none;
}
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
background: url(../images/bg_sidebar_btn_hover.png) repeat-x;
color: #8d3d2c;
text-decoration: none;
}
.tabdiv {
margin-top: 2px;
padding: 5px;
}
.tabdiv li {
list-style-image: url("../images/star.png");
margin-left: 20px;
}
.ui-tabs-hide {
display: none;
}
/*padding: 5px 10px 10px 10px;*/
margin-bottom: 15px;
}
.widget a {
color: #222;
text-decoration: none;
}
.widget a:hover {
color: #009;
text-decoration: underline;
}
.tabnav {
background:url(../images/bg_sidebar_btn.png) repeat-x;
height: 30px;
line-height: 30px;
}
.tabnav li {
display: inline;
list-style: none;
padding-right: 5px;
}
.tabnav li a {
text-decoration: none;
text-transform: uppercase;
color: #e4f6f8;
font-weight: bold;
font-size: 18px;
padding: 4px 6px;
outline: none;
}
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
background: url(../images/bg_sidebar_btn_hover.png) repeat-x;
color: #8d3d2c;
text-decoration: none;
}
.tabdiv {
margin-top: 2px;
padding: 5px;
}
.tabdiv li {
list-style-image: url("../images/star.png");
margin-left: 20px;
}
.ui-tabs-hide {
display: none;
}
kod sprinkle.js
Kod
$(document).ready(function() {
$('#ajax > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});
$('#ajax > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});
do tego załączam jeszcze biblioteki jquery oraz jquery ui personalized
Może pokaż błędy z konsoli?
nie do końca rozumiem o co chodzi z tymi błędami z konsoli
po prostu wstawiłem kod, odpalam stronę i kod, który normalnie działa w innym przypadku, zupełnie nie działa w tym przypadku.
po prostu wstawiłem kod, odpalam stronę i kod, który normalnie działa w innym przypadku, zupełnie nie działa w tym przypadku.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.