spid: Javascript verträgt sich nicht mit dem anderen

Hallo!

Irgendwie komme ich nicht weiter.
Es gibt sicher eine Lösung, aber dafür bin ich einfach nicht geübt genug :(

Und zwar...
Ich habe 2 Javascipts auf einer html Seite eingebaut.
einer alleine funktioniert immer, allerdings nie beide zusammen.

---Es ist noch etwas wirr, da ich erst am testen und probieren bin---

Hier sind sie... stehen direkt im "head"

<!-- Lightbox 2 -->

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>  
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>  
<script src="js/lightbox.js" type="text/javascript"></script>  

<style type="text/css">  
	body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;	}  
</style>  

<!--Lightbox 2 -->

</head>  
<body>  

<!--- Wraper unten rechts um hoch zu scrollen zum Anfang top --->

<!-- the necessary css for UItoTop -->	  
<link rel="stylesheet" type="text/css" media="screen,projection" href="css/ui.totop.css" />  
  
<!--basic styling-->  
<style type="text/css" media="screen">  
	\*{margin:0 auto;}  
	#wrapper {width:90%;margin:15px auto;}  
	p { margin:20px 0;}  
</style>  
  
<!-- jquery -->	  
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>  

<!-- easing plugin ( optional ) -->  
<script src="js/easing.js" type="text/javascript"></script>  
<!-- UItoTop plugin -->  
<script src="js/jquery.ui.totop.js" type="text/javascript"></script>  

	  
<script type="text/javascript">  
	$(document).ready(function() {  
		/\*  
		var defaults = {  
  			containerID: 'moccaUItoTop', // fading element id  
			containerHoverClass: 'moccaUIhover', // fading element hover class  
			scrollSpeed: 1200,  
			easingType: 'linear'  
 		};  
		\*/  
		  
		$().UItoTop({ easingType: 'easeOutQuart' });  
		  
	});  
</script>  

</head>

<body>

<div id="wrapper">

<!--- Ende Wraper zum hoch scrollen --->

  1. Om nah hoo pez nyeetz, spid!

    </head>
    <body>

    </head>

    <body>

    ist auf jeden Fall böse ungültiges HTML. Wenn es kein cnp-Fehler ist, stelle ein Online-Beispiel zur Verfügung. Befrage vorher den Validator.

    Matthias

    --
    1/z ist kein Blatt Papier.

  2. Hallo,

    Irgendwie komme ich nicht weiter.
    Es gibt sicher eine Lösung, aber dafür bin ich einfach nicht geübt genug :(

    es gibt meist mehrere Lösungen, das gewünschte Ziel zu erreichen.

    Ich habe 2 Javascipts auf einer html Seite eingebaut.

    Du hast sogar zwei verschiedene Javascript-Bibliotheken eingebaut.

    einer alleine funktioniert immer, allerdings nie beide zusammen.

    » 	<script src="js/prototype.js" type="text/javascript"></script>  
    
    > 	<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>  
    > 	<script src="js/lightbox.js" type="text/javascript"></script>  
    
    // [...]  
    
    > 	<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>  
    
    

    eine Möglichkeit wäre es, die Tipps unter "Using jQuery with Other Libraries" zu beachten.

    Ich persönlich rate Dir jedoch dazu, Deine Effekte *alle* mit dem gleichen Framework, sei es Prototype, sei es jQuery, umzusetzen. Zum Beispiel könntest Du einen jQuery-basierten Lightbox-Clone verwenden und somit auf Prototype verzichten.

    Freundliche Grüße

    Vinzenz

  3. Ich habe 2 Javascipts auf einer html Seite eingebaut.

    Ich komm auf 6 verlinkte und dann noch ein selbergemachtes, aber keine zwei?