[JavaScript]Dlaczego dwa skrypty Java nie potrafią dzialać jednocześnie? Opcje

[Kaayl]

Witam.
Na swojej stronie używam dwóch skryptów java:

- Menu.js (menu rozsuwane)
- jquery.min.js (pokaz slajdów)

Jednocześnie wywołane niedziałają. Proszę o sugestie co może być przyczyną.

Ten post edytował Kaayl 6.07.2010, 14:21:16

[pedro84]

Java to nie Javascript. Pokaż URL to magikami nie jesteśmy...

[Kaayl]

Strona nie jest online. Wyżej wymienione komponenty to:
- http://www.menujs.net/index.html (menu)
- http://jquery.malsup.com/cycle/ - slideshow

Jak Ci się chce, spróbuj sobie umieścić razem w jednym dokumencie.

[jajcarzd1]

Z tego co widze to oba używają innych bibliotek js-owych jeden prototype a drugi jquery. W jquery jest możliwość zastosowania czegoś takeigo aby nie było konfliktów

[HTML] pobierz, plaintext 
 jQuery.noConflict();
[HTML] pobierz, plaintext 

[Kaayl]

A w krórym dokumencie dołożyc ten fragment kodu?

[darko]

Skrypty prototype i jQuery mogą sie "gryźć". Spróbuj zastosować jQuery.noConflict() - powinno pomóc, wszystko jest ładnie opisane.

[Kaayl]

Hmmm.... Artykuł fajnie napisany ale po zastosowaniu sie do instrukcji nadal nie działa. pewnie coś źle robie.
Poniżej wklejam kod którym wywołuje Javascripty na stronie, proszę wstawcie mi ten $.noConflict();
w odpowiednim miejscu:

[PHP] pobierz, plaintext 
echo $JAVASCRIPT_MAIN_MENU = '
<script src="main/jscripts/prototype.js" type="text/javascript"></script>
<script src="main/jscripts/Menu.js" type="text/javascript"></script>
<script type="text/javascript">
Menu.init("menu");
</script>
 
<script src="main/jscripts/TreeMenu.js" type="text/javascript"></script>
';
 
echo $JAVASCRIPT_CYCLE_SLIDESHOW = '
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
 
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
 
<!--  initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
 
    $(\'.slideshow\').cycle({
		fx: \'fade\' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
</script>
';
[PHP] pobierz, plaintext 

[darko]

Nie zastosowałeś się w kodzie do wskazówek zawartych w podanym linku. Dalej odpowiem w ten sposób: po co mieszać skrypty oparte o różne frameworki js? Skryptów menu na jQuery nie brakuje, śmiem wręcz twierdzić, że jest większy wybór dla jQuery niż dla prototype.

[pedro84]

Przecież w podanym dokumencie masz jak wół napisane co to jest, do czego służy i gdzie należy użyć.

[Kaayl]

Panie Pedro84, w żaden sposób nie pomógł mi Pan swoimi wypowiedziami. Prosze dalej nie brać udziału w dyskusji.

[pedro84]

Panie Pedro84, w żaden sposób nie pomógł mi Pan swoimi wypowiedziami. Prosze dalej nie brać udziału w dyskusji.

lol, znasz zasady panujące na forach? Nie wydaje mi się. A moderatorem to Ty nie jesteś, zwykłym gościem co nawet dokumentacji czytać i zrozumieć nie potrafi. Masz jak byk podany fragment:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $.noConflict();
  // Code that uses other library's $ can follow here.
</script>
[HTML] pobierz, plaintext 

skoro tego nie potrafisz zrozumieć, daj sobie spokój i zajmij się czymś innym. Czego w nim nie rozumiesz?

[Kaayl]

Pała z czytania ze zrozumieniem. Napisalem przeciez "Hmmm.... Artykuł fajnie napisany ale po zastosowaniu sie do instrukcji nadal nie działa."
Znaczyło to że wstawiłem kod (również zgodny z tym co u góry mi genialnie przekleiłeś) ale nadal skrypty się wykluczają. Masz jakieś inne konstruktywne sugetie jak rozwiazać taki problem?

[erix]

Pokaż lepiej cały swój kod po modyfikacjach.

[pedro84]

Pała z czytania ze zrozumieniem dla Ciebie. Pała z logicznego myślenia. Pała z umiejętności kopiowania. Trzy pały. Siadaj (IMG:style_emoticons/default/winksmiley.jpg)

Kolego, zobacz:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
  });
  // Code that uses other library's $ can follow here.
</script>
 
[HTML] pobierz, plaintext 

Czy Ty naprawdę nie widzisz różnicy? Przecież to wszystko jest w dokumentacji jQuery. Nie widzę (w Twoim poście #7), żebyś gdziekolwiek zastosował się do dokumentacji.

[HTML] pobierz, plaintext 
<!--  initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
 
    $(\'.slideshow\').cycle({
		fx: \'fade\' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
</script>
[HTML] pobierz, plaintext 

Poza tym, już darko Ci napisał:

Nie zastosowałeś się w kodzie do wskazówek zawartych w podanym linku. Dalej odpowiem w ten sposób: po co mieszać skrypty oparte o różne frameworki js? Skryptów menu na jQuery nie brakuje, śmiem wręcz twierdzić, że jest większy wybór dla jQuery niż dla prototype.

Ten post edytował pedro84 7.07.2010, 10:51:18

[Kaayl]

Działający kod. Dzieki za pomoc drodzy Państwo - Pozdrawiam!

[PHP] pobierz, plaintext 
echo $JAVASCRIPT_CYCLE_SLIDESHOW = '
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
 
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
 
 
 
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
 
$(document).ready(function() {
 
    $(\'.slideshow\').cycle({
		fx: \'fade\' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
});
</script>
';
 
echo $JAVASCRIPT_MAIN_MENU = '
<script src="main/jscripts/prototype.js" type="text/javascript"></script>
<script src="main/jscripts/Menu.js" type="text/javascript"></script>
<script type="text/javascript">
Menu.init("menu");
</script>
 
<script src="main/jscripts/TreeMenu.js" type="text/javascript"></script>
';
[PHP] pobierz, plaintext