Problem mit mehreren Java Scripts

dr88 · 19.01.2011, 20:08

Hi,

hab ein Problem Und zwar funktionieren bei mir keine zwei oder mehrere Javascripte parallel. Eins funktioniert und und das andere wird oder die anderen werden immer ignoriert oder fehlerhaft dargestellt. Es funktioniert immer das Script, welches im "head-Bereich" an hinterster Stelle steht, alle davor leider nicht.
Könnt ihr mir da weiterhelfen? Das Problem hatte ich schon öfters, bin langsam am verzweifeln und kann mir da nich selber weiterhelfen und finden kann ich auch nicht wirklich was zu dem thema was mir auf die sprünge hilft.

Vielen Dank schon mal
Gruß dr

Chriz · 19.01.2011, 20:22

Poste mal den relevanten (!) Code-Teil. Möglicherweise überschreiben die Skripte sich.

dr88 · 19.01.2011, 20:41

ich hab jetzt mal hier den "head-Bereich" gepostet, hoffe das ist ok.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GSV-Bitburg e.V.</title>
<link href="css/stylesheet.css" rel="stylesheet" type="text/css">

<!-- LIGHTBOX -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	<script>
		!window.jQuery && document.write('<script src="js/fancybox/jquery-1.4.3.min.js"><\/script>');
	</script>
	<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			*   Examples - images
			*/

			$("a#example1").fancybox();

			$("a#example2").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});

			$("a#example3").fancybox({
				'transitionIn'	: 'none',
				'transitionOut'	: 'none'	
			});

			$("a#example4").fancybox({
				'opacity'		: true,
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'none'
			});

			$("a#example5").fancybox();

			$("a#example6").fancybox({
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9
			});

			$("a#example7").fancybox({
				'titlePosition'	: 'inside'
			});

			$("a#example8").fancybox({
				'titlePosition'	: 'over'
			});

			$("a[rel=example_group]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
			});

			/*
			*   Examples - various
			*/

			$("#various1").fancybox({
				'titlePosition'		: 'inside',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});

			$("#various2").fancybox();

			$("#various3").fancybox({
				'width'				: '75%',
				'height'			: '75%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});

			$("#various4").fancybox({
				'padding'			: 0,
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});
		});
	</script>
    
    <!-- NAVIGATION -->

<style type="text/css">
* {
	margin:0;
	padding:0;
	list-style:none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:10px;
}

#basic-accordian{
	border:1px solid #dadada;
	width:378px;
	height:448px;
	position:absolute;
	z-index:2;
}

.accordion_headings{
	padding:5px;
	background-image:url(images/background_navigation_1.png);
	color:#000;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background-image:url(images/background_navigation_2.png);
	color:#fff;
}

.accordion_child{
	padding:10px;
	background-image:url(images/background_navigation_3.png);
	height:350px;
}

.header_highlight{
	background-image:url(images/background_navigation_2.png);
	color:#fff;
}

</style>
<script type="text/javascript" src="js/navigation.js"></script>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

</head>

Chriz · 19.01.2011, 20:45

Gibts den Dreamweaver noch? .. Welche Fehlermeldung bekommst du in der JavaScript-Konsole deines Firefox/Chrome?

Installieren: Firebug

dr88 · 19.01.2011, 20:58

das wird als fehler angezeigt

$("a#example1") is null
(?)()index.php (Zeile 23)
noConflict(j=function())jquery.min.js (Zeile 29)
j = function()
inArray()jquery.min.js (Zeile 37)
[Bei diesem Fehler anhalten] $("a#example1").fancybox();

Chriz · 19.01.2011, 21:45

Kann ich mir jetzt nur schwer vorstellen. wenn $(document) durchläuft ... Stell das ganze mal online, dann schau ichs mir mal an.

dr88 · 19.01.2011, 21:54

ich hab den fehler bei bisher allen scripten. hab auf verschiedenen seiten unterschiedliche scripte versucht zu kombinieren, aber immer funktioniert nur eins.

wenn du links in der navigation unter TEAM schaust, da siehst du zum beispiel das wieder eins nicht funktionert, also auf der team seite. da sollte ein mal das captify script sein (wenn man mit der maus über das bild geht erscheinen die namen) und das zweite ist halt die dynamische navigation, die funktioniert halt. wenn ich beides tausche, ist es genau umgekehrt. kannst ja mal nachschauen.

http://dominikreinhard.do.funpic.de/GSV-Bitburg

Chriz · 19.01.2011, 22:27

ich seh jetzt bei Team nur den Mouseover/Mouseout-Effekt von deinen DW-Skripten. Aber auch keinen Event, den du sonst dafür festlegst.

dr88 · 20.01.2011, 12:27

ja der mouseover effekt in der navigation der funktioniert seltsamerweise obwohl es ja auch javascript ist, das ist der ganz schlichte. wenn du auf der teamseite bist, und die fotos siehts, sprich mitarbeiter, da sollte das script eigentlich funktionieren.

also wenn man über ein mitarbeiter foto geht, sollte der name erscheinen, wie gesagt das ist das captify script. aber das funktioniert nicht, nur die navigation klappt. tausche ich beide scripte im head von der reihenfolge her, funktioniert das captify script und die navigation nicht mehr.

Chriz · 20.01.2011, 12:42

Code:

	$(function(){
		$('img.captify').captify({});
	});

Das im Header ist doch Quatsch, die Bilder sind doch noch garnicht geladen! Benutz $(document).ready().

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Sockets bei php/Interaktion mit Java	BioLauri	PHP Tipps 2010	3	01.10.2010 23:08
Session Problem mit mehreren Seiten	DJmension	PHP Tipps 2008	1	08.05.2008 19:33
MATCH .... AGAINST ... Problem	Denise	Datenbanken	4	21.03.2007 20:05
Problem mit SQL in Java	Madli	Datenbanken	4	23.07.2006 09:37
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
php oder java?	resturan	Off-Topic Diskussionen	1	24.04.2006 09:45
Problem mit height	Party-Pix	HTML, Usability und Barrierefreiheit	3	29.03.2006 14:17
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
wieder das selbe problem mit java und freemind bei fedora	dazerglovic	Server, Hosting und Workstations	9	01.02.2006 21:22
Problem mit Image as link ausloser stat text in java script.	Bruce	HTML, Usability und Barrierefreiheit	5	17.01.2006 11:31
Java: mathematisches Problem	SvenLittkowski	HTML, Usability und Barrierefreiheit	5	06.01.2006 22:36
[Erledigt] Delete aus mehreren Tabellen - Problem		Datenbanken	4	16.09.2005 15:24
Aufruf eines PHP Skriptes aus JAVA Umgebung		PHP Tipps 2005-2	3	14.06.2005 17:39
get_browser und Java	MadCro	PHP-Fortgeschrittene	1	18.10.2004 14:43
Java oder C		Off-Topic Diskussionen	15	17.08.2004 17:55

19.01.2011, 20:08
dr88 Neuer Benutzer Registriert seit: 14.10.2010 Beiträge: 11 PHP-Kenntnisse: Anfänger	Problem mit mehreren Java Scripts Hi, hab ein Problem Und zwar funktionieren bei mir keine zwei oder mehrere Javascripte parallel. Eins funktioniert und und das andere wird oder die anderen werden immer ignoriert oder fehlerhaft dargestellt. Es funktioniert immer das Script, welches im "head-Bereich" an hinterster Stelle steht, alle davor leider nicht. Könnt ihr mir da weiterhelfen? Das Problem hatte ich schon öfters, bin langsam am verzweifeln und kann mir da nich selber weiterhelfen und finden kann ich auch nicht wirklich was zu dem thema was mir auf die sprünge hilft. Vielen Dank schon mal Gruß dr


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

19.01.2011, 20:22
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Poste mal den relevanten (!) Code-Teil. Möglicherweise überschreiben die Skripte sich. __________________ "Nuschel ich?" - "Was?"

19.01.2011, 20:45
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Gibts den Dreamweaver noch? .. Welche Fehlermeldung bekommst du in der JavaScript-Konsole deines Firefox/Chrome? Installieren: Firebug __________________ "Nuschel ich?" - "Was?"

19.01.2011, 20:58
dr88 Neuer Benutzer Registriert seit: 14.10.2010 Beiträge: 11 PHP-Kenntnisse: Anfänger	das wird als fehler angezeigt $("a#example1") is null (?)()index.php (Zeile 23) noConflict(j=function())jquery.min.js (Zeile 29) j = function() inArray()jquery.min.js (Zeile 37) [Bei diesem Fehler anhalten] $("a#example1").fancybox();

19.01.2011, 21:45
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Kann ich mir jetzt nur schwer vorstellen. wenn $(document) durchläuft ... Stell das ganze mal online, dann schau ichs mir mal an. __________________ "Nuschel ich?" - "Was?"

19.01.2011, 21:54
dr88 Neuer Benutzer Registriert seit: 14.10.2010 Beiträge: 11 PHP-Kenntnisse: Anfänger	ich hab den fehler bei bisher allen scripten. hab auf verschiedenen seiten unterschiedliche scripte versucht zu kombinieren, aber immer funktioniert nur eins. wenn du links in der navigation unter TEAM schaust, da siehst du zum beispiel das wieder eins nicht funktionert, also auf der team seite. da sollte ein mal das captify script sein (wenn man mit der maus über das bild geht erscheinen die namen) und das zweite ist halt die dynamische navigation, die funktioniert halt. wenn ich beides tausche, ist es genau umgekehrt. kannst ja mal nachschauen. http://dominikreinhard.do.funpic.de/GSV-Bitburg

19.01.2011, 22:27
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	ich seh jetzt bei Team nur den Mouseover/Mouseout-Effekt von deinen DW-Skripten. Aber auch keinen Event, den du sonst dafür festlegst. __________________ "Nuschel ich?" - "Was?"

20.01.2011, 12:27
dr88 Neuer Benutzer Registriert seit: 14.10.2010 Beiträge: 11 PHP-Kenntnisse: Anfänger	ja der mouseover effekt in der navigation der funktioniert seltsamerweise obwohl es ja auch javascript ist, das ist der ganz schlichte. wenn du auf der teamseite bist, und die fotos siehts, sprich mitarbeiter, da sollte das script eigentlich funktionieren. also wenn man über ein mitarbeiter foto geht, sollte der name erscheinen, wie gesagt das ist das captify script. aber das funktioniert nicht, nur die navigation klappt. tausche ich beide scripte im head von der reihenfolge her, funktioniert das captify script und die navigation nicht mehr.

20.01.2011, 12:42
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Code: $(function(){ $('img.captify').captify({}); }); Das im Header ist doch Quatsch, die Bilder sind doch noch garnicht geladen! Benutz $(document).ready(). __________________ "Nuschel ich?" - "Was?"