[AJAX]Ajax działa w localhost, a na serwerze nie chce wogóle Opcje

[sunpietro]

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

[Pawel_W]

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

[sunpietro]

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

[Pawel_W]

ale o co chodzi z tymi zakładkami bo ja widze od razu wszystkie ;o

[sunpietro]

no własnie w tym jest problem, powinny się pojawiać pojedynczo.
1). newsy
2). czat
3). tabela i wyniki
a tutaj pokazują się wszystkie (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
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>

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;
}

kod sprinkle.js

Kod

$(document).ready(function() {
    $('#ajax > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});

do tego załączam jeszcze biblioteki jquery oraz jquery ui personalized

[erix]

Może pokaż błędy z konsoli?

[sunpietro]

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.