[JavaScript] Autowywołanie skryptu, zamiast kliknięcia. Opcje

[.Wojtek]

Mam chyba dość prosty problem do rozwiązania ale cieniutki jestem jeszcze w JS, dlatego chciałbym Was poprosić o pomoc.

Chciałbym automatycznie wywołać skrypt podczas ładowania strony. W tej chwili mogę to zrobić naciskając przycisk.

Skrypt wywołuję naciskąjąc na jeden z przycisków:

[HTML] pobierz, plaintext 
<input type='button' name='osx' value='Demo' class='osx demo'/>
 or 
<a href='#' class='osx'>Demo</a>
[HTML] pobierz, plaintext 

A tu kod jQuery:

[JAVA] pobierz, plaintext 
jQuery(function ($) {
	var OSX = {
		container: null,
		init: function () {
			$("input.osx, a.osx").click(function (e) {
				e.preventDefault();	
 
				$("#osx-modal-content").modal({
					overlayId: 'osx-overlay',
					containerId: 'osx-container',
					closeHTML: null,
					minHeight: 80,
					opacity: 65, 
					position: ["15%",],
					overlayClose: true,
					onOpen: OSX.open,
					onClose: OSX.close
				});
			});
		},
		open: function (d) {
			var self = this;
			self.container = d.container[0];
			d.overlay.fadeIn('slow', function () {
				$("#osx-modal-content", self.container).show();
				var title = $("#osx-modal-title", self.container);
				title.show();
				d.container.slideDown('slow', function () {
					setTimeout(function () {
						var h = $("#osx-modal-data", self.container).height()
							+ title.height()
							+ 20; // padding
						d.container.animate(
							{height: h}, 
							200,
							function () {
								$("div.close", self.container).show();
								$("#osx-modal-data", self.container).show();
							}
						);
					}, 300);
				});
			})
		},
		close: function (d) {
			var self = this; // this = SimpleModal object
			d.container.animate(
				{top:"-" + (d.container.height() + 0)},
				500,
				function () {
					self.close(); // or $.modal.close();
				}
			);
		}
	};
 
	OSX.init();
 
});
[JAVA] pobierz, plaintext 

Mam jeszcze kod typowo jQuery ale chyba nie potrzebny tutaj jest.

Na razie nie wiem czy będę potrzebował jakiegoś opóźnienia w ładowaniu się skryptu ale mam nadzieję, że to będzie zbędne. Na razie chciałbym, żeby skrypt sam się wywołał pod czas ładowania storny.

Pozdrawiam

(usunąłem tę wypowiedź z "Forum > Gotowe rozwiązania > Szukam", bo tam trochę nie pasowała. )

Ten post edytował .Wojtek 14.05.2010, 20:46:10

[kamil4u]

Zainteresuj się takimi zdarzeniami jak onload i DOMContentLoaded w JS lub ready() w jQuery( http://api.jquery.com/ready/ )

[.Wojtek]

Tylko coś nie mogę ułożyć komendy, aby wywołać skrypt w najprostszy sposób.

Ten post edytował .Wojtek 14.05.2010, 21:42:36

[kamil4u]

W zdarzeniach(a raczej 1 z nich), które napisałem w poprzednich postach wywołujesz zdarzenie click "zawarte" w $("input.osx, a.osx") - niestety nie znam sposobu uruchamiania zdarzenia w jQuery(sprawdź w dokumentacji), ale w czystym JS byłoby to: referencja_do_elementu.onclick(); podejrzewam, że w jQuery jest bardzo podobnie np. .click() lub coś w ten deseń

Innym sposobem(w zależności od tego czy chcesz mieć przycisk, który w razie czego uruchomi ten skrypt przez link) to zmiana zdarzenia $("input.osx, a.osx").click na któreś zdarzenie opisane w moim poprzednim poście.

PS. Swoją drogą ważne jest, w którym miejscu znajduje się Twój kod JS( OSX.init(); ), gdyż przypisując zdarzenie click, DOM musi być już załadowany, więc tym bardziej nie powinno być problemu.