zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden problem mit externer JS Datei

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.04.2010, 19:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2010
Beiträge: 3
real t befindet sich auf einem aufstrebenden Ast
Standard problem mit externer JS Datei

EDIT: Hat sich erledigt! Danke!




Hallo zusammn, habe ein Problem mit meiner externen JavaScript Datei... habe da ein Code für eine Diashow, wenn ich das JS intern mache, funktioniert es wunderbar, weil der code aber so lange ist, habe ich ihn in ein externes JavaScript eingefügt und angehängt, jetzt funktioniert es plötzlich nicht mehr... bekomme im Dreamweaver auch immer diese Meldung:

Code:
Syntax Fehler in zeile 25, Code funktioniert möglicherweise erst wenn das Problem behoben wurde
Code:
25              if(imageIndex==slideshow2_imagesInGallery){
wäre dankbar wenn mir da jemand helfen könnte



PS: Die externe JS wurde so angehängt:
Code:
<script src="js/diashow.js" type="text/javascript"></script>

Geändert von real t (05.05.2010 um 23:48 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.05.2010, 07:52
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

Dein Codefetzen reicht nicht aus, um einen Fehler zu finden. Lade die Datei irgendwo hoch und verlinke sie hier, oder stell den kompletten Quellcode hier rein, dann kann man mal schauen, aber so wird das nix.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.05.2010, 05:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2010
Beiträge: 3
real t befindet sich auf einem aufstrebenden Ast
Standard

okkay, finde es aber denoch komisch dass es Intern funktioniert und Extern nicht.

JavaScript Code:
Code:
<SCRIPT type="text/javascript">


	// You can modify these three values
	var slideshow2_noFading = false;	// Just normal show/hide without fading ?
	var slideshow2_timeBetweenSlides = 1500;	// Amount of time between each image(1000 = 1 second)
	var slideshow2_fadingSpeed = 20;	// Speed of fading
	
	
	/* Don't change any of these values */
	var slideshow2_galleryHeigh;	// Height of galery	
	var slideshow2_galleryContainer;	// Reference to the gallery div
	var slideshow2_galleryWidth;	// Width of gallery	
	var slideshow2_slideIndex = -1;	// Index of current image shown
	var slideshow2_slideIndexNext = false;	// Index of next image shown
	var slideshow2_imageDivs = new Array();	// Array of image divs(Created dynamically)
	var slideshow2_currentOpacity = 100;	// Initial opacity
	var slideshow2_imagesInGallery = false;	// Number of images in gallery
	
	function getGalleryImageSize(imageIndex)
	{
		if(imageIndex==slideshow2_imagesInGallery){			
			showGallery();
		}else{
			var imgObj = document.getElementById('galleryImage' + imageIndex);
			var imgWidth = imgObj.width;
			var imgHeight = imgObj.height;
			if(imgWidth>50){						
				var tmpDiv = document.createElement('DIV');
				tmpDiv.id = 'galleryDiv' + imageIndex;
				tmpDiv.style.visibility = 'hidden';
				tmpDiv.className='imageInGallery';
				slideshow2_galleryContainer.appendChild(tmpDiv);
				tmpDiv.appendChild(imgObj);
				imgObj.style.left = Math.round((slideshow2_galleryWidth - imgWidth)/2)  + "px";
				imgObj.style.top = Math.round((slideshow2_galleryHeight - imgHeight)/2)  + "px";
				tmpDiv.style.visibility = 'hidden';
				slideshow2_imageDivs.push(tmpDiv);
				imageIndex++;
				getGalleryImageSize(imageIndex);
			}else{
				setTimeout('getGalleryImageSize(' + imageIndex + ')',10);
			}
		}		
	}
	
	function showGallery()
	{
		if(slideshow2_slideIndex==-1)slideshow2_slideIndex=0; else slideshow2_slideIndex++;	// Index of next image to show
		if(slideshow2_slideIndex==slideshow2_imageDivs.length)slideshow2_slideIndex=0;
		slideshow2_slideIndexNext = slideshow2_slideIndex+1;	// Index of the next next image
		if(slideshow2_slideIndexNext==slideshow2_imageDivs.length)slideshow2_slideIndexNext = 0;
		
		slideshow2_currentOpacity=100;	// Reset current opacity

		// Displaying image divs
		slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'visible';
		if(navigator.userAgent.indexOf('Opera')<0){
			slideshow2_imageDivs[slideshow2_slideIndexNext].style.visibility = 'visible';
		}
		
		
		if(document.all){	// IE rules
			slideshow2_imageDivs[slideshow2_slideIndex].style.filter = 'alpha(opacity=100)';
			slideshow2_imageDivs[slideshow2_slideIndexNext].style.filter = 'alpha(opacity=1)';
		}else{
			slideshow2_imageDivs[slideshow2_slideIndex].style.opacity = 0.99;	// Can't use 1 and 0 because of screen flickering in FF
			slideshow2_imageDivs[slideshow2_slideIndexNext].style.opacity = 0.01;
		}		
		

		setTimeout('revealImage()',slideshow2_timeBetweenSlides);		
	}
	
	function revealImage()
	{
		if(slideshow2_noFading){
			slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'hidden';
			showGallery();
			return;
		}
		slideshow2_currentOpacity--;
		if(document.all){
			slideshow2_imageDivs[slideshow2_slideIndex].style.filter = 'alpha(opacity='+slideshow2_currentOpacity+')';
			slideshow2_imageDivs[slideshow2_slideIndexNext].style.filter = 'alpha(opacity='+(100-slideshow2_currentOpacity)+')';
		}else{
			slideshow2_imageDivs[slideshow2_slideIndex].style.opacity = Math.max(0.01,slideshow2_currentOpacity/100);	// Can't use 1 and 0 because of screen flickering in FF
			slideshow2_imageDivs[slideshow2_slideIndexNext].style.opacity = Math.min(0.99,(1 - (slideshow2_currentOpacity/100)));
		}
		if(slideshow2_currentOpacity>0){
			setTimeout('revealImage()',slideshow2_fadingSpeed);
		}else{
			slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'hidden';			
			showGallery();
		}
	}
	
	function initImageGallery()
	{
		slideshow2_galleryContainer = document.getElementById('imageSlideshowHolder');
		slideshow2_galleryWidth = slideshow2_galleryContainer.clientWidth;
		slideshow2_galleryHeight = slideshow2_galleryContainer.clientHeight;
		galleryImgArray = slideshow2_galleryContainer.getElementsByTagName('IMG');
		for(var no=0;no<galleryImgArray.length;no++){
			galleryImgArray[no].id = 'galleryImage' + no;
		}
		slideshow2_imagesInGallery = galleryImgArray.length;
		getGalleryImageSize(0);		
		
	}
		
	</SCRIPT>
und fals du CSS und HTML noch brauchst:

CSS:
Code:
#imageSlideshowHolder{
	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		
		/* CSS HACK */
	width: 860px;	/* IE 5.x */
	width: 860px;	/* Other browsers */
	width: 860px;
	
	/* CSS HACK */
	height: 200px;	/* IE 5.x */
	height/* */:/**/200px;	/* Other browsers */
	height: /**/200px;
	background-color:#000;
	border:3px solid #317082;
	position:relative;	/* Never change this value */
		
	}
	.imageInGallery{
	width:860px;
	height:200px;
	background-color:#000;
	/* Never change these 3 value */
		left:0px;
	top:0px;
	position:absolute;
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}
HTML:
Code:
<div id="diashow">

	<div id="imageSlideshowHolder">
    	<img src="images/image1_big.jpg">
        <img src="images/image2_big.jpg">
		<img src="images/image3_big.jpg">
		<img src="images/image4_big.jpg">
		<img src="images/image5_big.jpg">
		<img src="images/image6_big.jpg">
	</div>
	<SCRIPT type="text/javascript">
		initImageGallery();
	</SCRIPT></div>
Mit Zitat antworten
  #4 (permalink)  
Alt 02.05.2010, 07:22
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

Wenn Du ne JS extern einbindest, dann kommt da kein <SCRIPT type="text/javascript"></script> rein.
Mit Zitat antworten
  #5 (permalink)  
Alt 02.05.2010, 16:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.04.2010
Beiträge: 3
real t befindet sich auf einem aufstrebenden Ast
Standard

Danke, jetzt klapts, zumindest mit Firefox, leider will der IE noch nicht so richtig... liegt wohl an nem CSS Hack... wer kann mir da Helfen?
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
IE 6 erkennt seine CSS Datei nicht Perelina (X)HTML 4 07.08.2009 18:56
Uploader problem Skullsplitter Serveradministration und serverseitige Scripte 21 28.11.2008 15:32
PDF-Auslieferung: Problem mit IE fmp Serveradministration und serverseitige Scripte 9 31.10.2008 14:13
Problem: IE versteckt Text & Feedback Herbi CSS 2 11.08.2006 14:39
Problem mit Background-Color im FireFox to.ni CSS 2 31.08.2004 11:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:05 Uhr.