PDA

Zobacz pełną wersję : Ładne przejścia pomiędzy artykułami Ajax



rkonik
10-12-2011, 18:25
Na forum istnieje temat
http://forum.joomla.pl/showthread.php?40445-Animowane-przej%C5%9Bcia-mi%C4%99dzy-podstronami&highlight=ajax
dotyczy on 1.5 ale nie o to chodzi.
Potrzebuje uzyskać podobny efekt który był opisywany z tym że po kliknięciu w przycisk menu ma się podmienić tylko i wyłącznie sam artykuł pozostała zawartość strony zostaje bez zmian.
Wiem że trzeba wykorzystać technologię Ajax. Nie wiem jak to połączyć z Joomlą.
Czy ma ktoś jakiś link gdzie coś takiego zostało wykorzystane lub jakiś tutorial?? Z góry dzięki

headge
10-12-2011, 20:26
http://getsite.org.ua/jdemo/

rkonik
10-12-2011, 22:04
Wielkie dzięki właśnie pomogłeś mi i rozwiązałeś mój problem :)

seboxp
18-12-2011, 11:27
Wszystko spoko ale niech mi ktoś coś poradzi na prawdopodobny konflikt fullajaxa z sigplusem, djimagesliderem, i skryptem rozsuwanej galerii w mootols, bo wszystko dziala ladnie po włączeniu fullajax'a ale przestają działać wyżej wymienione pluginy i moduły

PeFik
18-12-2011, 11:49
Odp. http://getsite.org.ua/en/fullajax/problems-using-lightbox-and-some-other-scripts
i jak widać trzeba przerabiać po kolei

seboxp
18-12-2011, 12:01
nie zabardzo rozumiem gdzie mam wkleic ten kod...

rkonik
20-12-2011, 12:19
Przeciągnę ten temat dalej. To co pisałem na samym początku działa i to bardzo fajnie. Za co dziękuję.
Znalazłem coś takiego w sieci:
http://www.subooa.com.au/blog/development/joomla-coding/ajax-in-joomla-with-jquery/

Patrząc po dacie artykułu musi dotyczyć poprzedniej wersji Joomla.

Wprowadziłem parę zmian i teraz to wygląda w ten sposób:

jQuery(document).ready(function(){
jQuery.ajax({
type: "GET",
url: "index.php",
data: "view=article&id=1&tmpl=component",
success: function(html){
jQuery("#ajax_here").html(html);
}
});
});

I działa dodajemy jakąś funkcję do kliknięcia czy najechania i pokazuje nam się artykuł. Tylko pojawił mi się pewien problem.

Jeżeli wprowadzę coś takiego


$(function(){
$(".item-101").click(function() {
$.ajax({
type: "GET",
url: "index.php",
data: "view=article&id=1&tmpl=component",
success: function(html){
$("#ajax_here").html(html);
}
});
});
$(".item-102").click(function() {
$.ajax({
type: "GET",
url: "index.php",
data: "view=article&id=2&tmpl=component",
success: function(html){
$("#ajax_here").html(html);
}
});
});
});



Teoretycznie działa ale jak klikam .item-101 to pojawia się artykuł ale jak zaraz po tym kliknę .item-102 pojawia się na chwile artykuł i cała strona się rozjeżdża i wszystko znika. Tak samo się dzieje jak kliknę samo .item-102 nie wiem czemu się tak dzieje. Czy ktoś czegoś takiego próbował??