Temat: Animacja, Canvas, CSS a podstrony w joomla problem.

Witam !
Zacznę może od kilku słów o sobie a raczej o charakterystyce swojej wiedzy. Generalnie dobrze orientuje się językach CSS, PHP i oczywiście HTML natomiast moja wiedza na temat JavaScriptu i pochodnych jest raczej marginalna i sprowadza się do implementacji gotowych rozwiązań. Dodam również że moja przygoda z Joomla zaczęła się niespełna miesiąc temu. OK to tyle teraz do rzeczy . Mianowicie stworzyłem animacje za pomocą programu Google na stronę oczywiście zbudowaną w Joomli. Kod animacji dodałem normalnie do templatki w sekcji head pliku index.php jak to zwykle implementuje się kod JavaScript w normalnych stronach i podlinkowałem plik css animacji. Pierwszy problem napotkałem z właściwością css position fixed która najzwyczajniej nie chciała działać i nie działa, div z animacją przesuwała się razem ze stroną a chcę by był statyczny (fixed) . Po przejrzeniu paru tematów znalazłem kod JS który rozwiązał mój problem zmieniając położenie kontenera względem przesuwania paska scroll. Już myślałem że jestem w domu bo zostało mi pododawać kod do reszty podstron i koniec. Otóż okazało się że niestety nie pojawił się kolejny problem którego dotyczy generalnie moje pytanie mianowicie ten sam kod JS który działa dobrze na stronie głównej nie chce działać na podstronach mimo że jest identyczny i identycznie zaimplementowany. Kod JS odpowiedzialny za rozmiar i pozycje kontenera jakby był ignorowany. Zupełnie nie wiem czego się złapać w tym temacie podejrzewam że to wina specyfikacji jooomli i mojej niewiedzy. Proszę jakąś modrą głowę o wyjaśnienie co zrobiłem nie tak bądź gdzie leży przyczyna takiego zachowania skryptu. Mam nadzieję że problem naświetliłem dosyć jasno :) dodaję link do strony co by można było podejrzeć kod a dokładnie część: zaczynającą sie od linku sparkles.css, kod canvas, kod JS i koncząc na div sparkles zaraz na początku sekcji body:
http://www.hihair.pl/
Z góry dziękuje za pomoc i wskazówki!Ten post został edytowany przez Autora dnia 27.06.14 o godzinie 09:11

Temat: Animacja, Canvas, CSS a podstrony w joomla problem.

Zobacz, czy nie kopiujesz bibliotek, ew. jakiś konflikt może być, że jeden dodatek z drugim sobie coś marudzą.
Generalnie chaotycznie wytłumaczone i nie wiem o co chodzi, ale zacząłbym od wyłączenia na podstronach fajerwerków (jeśli są), by ten Twój efekt był samodzielny.

Temat: Animacja, Canvas, CSS a podstrony w joomla problem.

Skasowałem cała animacje z głównej strony zostawiając ja tylko na podstronach i niestety bez zmian pozycjonowanie nie zadziałało. Generalnie mam animacje zawartą w kontenerze który chce ustawić statycznie na stronie ma przejmować wymiary okna przeglądarki i ma mieć statyczną pozycje (fixed) i tak też jest na stronie głównej, kontener nie jest nierozciągnięty na całej stronie tylko przyjmuje wymiary okna przeglądarki jak również stanowi element statyczny z tłem. Wszystko się sypie dopiero na podstronach, mianowicie kontener przyjmuje rozmiar całej strony i przesuwa się razem z nią. Animacja sama w sobie myślę że nie gra tu większej roli. Do płynnej zmiany wielkości i utrzymaniu statycznej pozycji kontenera używam JS który przestaje działać na podstronach. Mam nadzieję że trochę rozjaśniłem.

<script type="text/javascript">

	/*rozmiar okna przegladarki*/

	window.onload = setWidth; 

	window.onresize = setWidth;

	function setWidth(){

		var fmt = document.documentElement.clientWidth;		var hig = document.documentElement.clientHeight;

		$("#sparkles").css({"position":"absolute","width":fmt+"px","height":hig+"px","z-index":"-1"});

	};

        /*symulowanie position:fixed;*/

	$(window).scroll(function() {

		$("#sparkles").css("top", $(this).scrollTop() + "px");

	});

</script>

Dodałem animację na podstronę Kontakt gdzie nie są dodane żadne dodatki z Joomli .Ten post został edytowany przez Autora dnia 26.06.14 o godzinie 15:30

Temat: Animacja, Canvas, CSS a podstrony w joomla problem.

Piotrze animacja, masz na myśli te kropki?

Nie wiem czy akurat o to Ci chodzi ale spójrz, że na stronie głównej div sparkles przyjmuje pozycję fixed natomiast na podstronach pozycjonowanie absolutne. Dodaj regułkę w css i gotowe. Nie wiem czy akurat o to chodziło, ciężko mi było wywnioskować na szybko z opisu :)Ten post został edytowany przez Autora dnia 26.06.14 o godzinie 13:47

Temat: Animacja, Canvas, CSS a podstrony w joomla problem.

Właśnie to jest jeden z problemów które napotkałem że styl position:fixed; po prostu nie działa na joomli i zaraz usunę go zawartości strony głównej żeby nie mieszał w głowach. Nieruchomość diva jak i jego wymiary zapewnia skrypt jQuery zaprezentowany powyżej. Chodzi głównie o to że ten skrypt jQuery działa na stronie głównej a na podstronach już nie.