javascript ie und firefox

[Crazy_man]

Tagchen!

Ich versuche mich gerade mit prototype etc. Im Firefox geht alles wunderbar, wegen der Übersichtlichkeit habe ich meine Javascripte in einer Datei ausgelagert, nur genau das geht im Internetexplorer nicht.

<script src="js/lib/prototype.js" type="text/javascript"></script>

<script src="js/src/scriptaculous.js" type="text/javascript"></script>

<script src="inc/menue.js" type="text/javascript"></script>

Wenn ich meine Javascripte direkt in der Seite Einbinde geht es auch im Internetexplorer

Irgendjemand eine Idee?

[Aiun]

dann würde ich sagen hast du einen Fehler in deinen JS Code.

Leider habe ich meine Kristallkugel zum polieren gegeben, daher ist das jetzt etwas schwierig

[Crazy_man]

Das hatte ich auch schon gedacht aber wieso hat es denn funktioniert wenn ich den javascript code in der Seite eingebetet habe

[Toothrot]

wieso hat es denn funktioniert wenn ich den javascript code in der Seite eingebetet habe

Die Wege des Herrn sind unergründlich.

Für eine genauere Fehleranalyse machst Du zu wenig Angaben.

[Crazy_man]

hier meine menue.js

var DIALOG = Class.create();

DIALOG.prototype = {

	initialize: function() {

	},


	center: function(){

		var breiteFenster= $('fensterAnfrage').getWidth() / 2;

		var hoeheFenster= $('fensterAnfrage').getHeight() / 2;

		$('fensterAnfrage').style.marginLeft = -breiteFenster;

		$('fensterAnfrage').style.marginTop = -hoeheFenster;

	},


	dialogAppear: function(){

		dialog.center();


		new Effect.Appear('ueberlappen', { duration:1.0});

		new Effect.Appear('fensterAnfrage', { duration:1.8});

	},


	dialogFade: function(){

		new Effect.Fade('fensterAnfrage', { duration:1.0});

		new Effect.Fade('ueberlappen', { duration:1.8});

	},


	eingabeFehler: function(text){

		//new Effect.Appear('eingabeFehler', { duration:1.0});

		$('eingabeFehler').innerHTML = '<img src="./icons/exclamation.png">  ' + text + '  <img src="./icons/exclamation.png">';

	},


	eingabeFehlerLeeren: function(text){

		//new Effect.Appear('eingabeFehler', { duration:1.0});

		$('eingabeFehler').innerHTML = '';

	},


	laderAn: function(){

		var breiteFenster= $('laderInnen').getWidth() / 2;

		var hoeheFenster= $('laderInnen').getHeight() / 2;

		$('laderInnen').style.marginLeft = -breiteFenster;

		$('laderInnen').style.marginTop = -hoeheFenster;

		$('lader').style.display = 'block';

		$('laderInnen').style.display = 'block';


	},


	laderAus: function(){

		$('lader').style.display = 'none';

		$('laderInnen').style.display = 'none';


	}




};

var dialog = new DIALOG();



var MENUE = Class.create();

MENUE.prototype = {

	initialize: function() {

	},


	setzeBeschreibung: function(id, text) {

		$(id).innerHTML =  text;

	},


	zeigeOptions: function(id){

		if (typeof(lastOpen)=="undefined"){

		} else {

			document.getElementById(lastOpen).style.display = "none";

		}

		lastOpen = (id);


		$(id).style.display = "block";

	}


};


var menue = new MENUE();




var KATEGORIE = Class.create();

KATEGORIE.prototype = {

	initialize: function() {

	},


	kategorieHinzufuegen: function(){

		// template laden

		var template = '';

		new Ajax.Request('getTemplate.php', {  

      	       	method: 'get',

			parameters: 'template=kategorieHinzufuegen',

              	onSuccess: function(transport) {

                  		template = transport.responseText;

				$('fensterAnfrageInhalt').innerHTML = template;

				dialog.dialogAppear();

			}

		});


	},


	kategorieDhHinzufuegen: function(){

		if($('kategorieBeschreibung').value == '' || $('kategorieName').value == ''){

			dialog.eingabeFehler('Nicht alle felder wurden ausgefüllt');

		} else {

			dialog.eingabeFehlerLeeren();	

			dialog.laderAn();

			new Ajax.Request('inc/kategorieHinzufuegen.php', {  

      	       		method: 'post',

				postBody: $('kategorieHinzufuegen').serialize(),

              		onSuccess: function(transport) {

                  			antwort = transport.responseText;

					if(antwort == 1 ){

						$('fensterAnfrageInhalt').innerHTML = '<span id="eingabeFehler">Kategorie wurde angelegt</span>';

						dialog.center();


					} else {

						$('fensterAnfrageInhalt').innerHTML = '<span id="eingabeFehler">Kategorie konnte nicht angelegt werden</span>';

						dialog.center();

					}

					dialog.laderAus()

				}

			});



		}	

	},


	kategorieAusgeben: function(){

		new Ajax.Request('inc/kategorieAusgeben.php', {  

      	       	method: 'get',

			onSuccess: function(transport) {

                  		var jsonObjekt = transport.responseText.evalJSON();

				for(i=0;i<jsonObjekt.length;i++){

					$('center').innerHTML += '<div >' + jsonObjekt[i].kategorieBeschreibung + '</div>' ;


				}		


			}

		});



	},



};

var kategorie = new KATEGORIE();

[Toothrot]

Abgesehen davon, dass Class nicht definiert ist, lässt sich das bei mir prima als externe Datei einbinden. Stimmt eventuell was mit deinen Pfaden nicht? Was genau "geht" denn im IE nicht? Woran merkst du es?

[Crazy_man]

setzeBeschreibung: function(id, text) {

$(id).innerHTML = text;

},

das alleine geht schon nicht

[Crazy_man]

kannst du mal schreibseln wie du das eingebunden hast

[Toothrot]

Nicht anders als du. Die Einbindung ist soweit eigentlich auch richtig. Gibt Firefox oder IE irgendwelche Javascript-Fehler aus?

[Crazy_man]

nein leider nicht, gibt es ein tool für den ie?

So wie firebug oder so

[Toothrot]

Eventuell hilft es, wenn Du den Script Debugger einschaltest:

IEBlog : Scripting Debugging in Internet Explorer

[geloescht_JesterDay]

nein leider nicht, gibt es ein tool für den ie?

So wie firebug oder so

Das einfachste ist IMHO immer noch der manuelle Debugger (*) Der funktioniert immer.

Also ich würde einfach mal ganz an den Anfang deines Skriptes ein alert("Ich bin da!"); einfügen. Wenn das aufgeht, dann wird das Dokument überhaupt eingebunden. Dann kannst du weitersuchen.

Nichts anderes würdest du ja mit einem anderen Tool auch tun, nur würdest du da einen Breakpoint o.ä. setzen.

*: Also wenn ein anderer nicht eh grad verfügbar ist.