[AJAX]Probleme beim darstellen -> Mozilla

Julied64 · 16.08.2006, 02:33

Hallo Leute,

Bin immo dabei einen Chat zubasteln mit AJAX und PHP. Funktioniert schon alles ganz gut. Bis auf Mozilla. Der zeigt den ChatContent nicht an

Chat

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>{pagetitel}</title>
<link href="templates/css/style.css" rel="stylesheet" type="text/css" /> 
<link href="templates/css/matrix.css" rel="stylesheet" type="text/css" /> 
</head>
	<script type="text/javascript">
		//globale Instanz von XMLHttpRequest
		var Userlist = false;
		 
		//XMLHttpRequest-Instanz erstellen
		//... für Internet Explorrer
		try {
			Userlist  = new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try {
				Userlist  = new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e) {
				Userlist  = false;
			}
		}
		//... für Mozilla, Opera, Safari usw.
		if (!Userlist  && typeof XMLHttpRequest != 'undefined') {
			Userlist = new XMLHttpRequest();
		}
		function loadUserList() {
			if (Userlist) {
			Userlist.open('GET', 'chat.php?action=getUserList&{SID}', false);
			Userlist.onreadystatechange = function () {
				if (Userlist.readyState == 4) {
					document.getElementById("userlist").innerHTML = Userlist.responseText;
				}
			};
			Userlist.send(null);
			}
		}
		
		
		//globale Instanz von XMLHttpRequest
		var xmlHttp = false;
		 
		//XMLHttpRequest-Instanz erstellen
		//... für Internet Explorrer
		try {
			xmlHttp  = new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try {
				xmlHttp  = new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e) {
				xmlHttp  = false;
			}
		}
			//... für Mozilla, Opera, Safari usw.
		if (!Userlist  && typeof XMLHttpRequest != 'undefined') {
			Userlist = new XMLHttpRequest();
		}

		 
		function loadData() {
			if (xmlHttp) {
			xmlHttp.open('GET', 'chat.php?action=getMessages&{SID}', false);
			xmlHttp.onreadystatechange = function () {
				if (xmlHttp.readyState == 4) {
					if( xmlHttp.responseText == "banned" ){ location.href = "chat.php?error=banned";}
					if( xmlHttp.responseText == "kicked" ){ location.href = "chat.php?error=kicked";}
					if( xmlHttp.responseText == "quit" ){
						logout();
						location.href = "chat.php";
					}
					srollme();
					document.getElementById("chatcontent").innerHTML = xmlHttp.responseText;
					srollme();
				}
			};
			xmlHttp.send(null);
			}
		}
		
		
		//globale Instanz von XMLHttpRequest
		var Logout = false;
		 
		//XMLHttpRequest-Instanz erstellen
		//... für Internet Explorrer
		try {
			Logout  = new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try {
				Logout  = new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e) {
				Logout  = false;
			}
		}
		//... für Mozilla, Opera, Safari usw.
		if (!Logout  && typeof XMLHttpRequest != 'undefined') {
			Logout = new XMLHttpRequest();
		}
		
		function logout() {
			if (Logout) {
			Logout.open('GET', 'chat.php?action=logout&{SID}', false);
			Logout.onreadystatechange = function () {
				if (Logout.readyState == 4) {
					location.href = "chat.php?error=kicked";
				}
			};
			Logout.send(null);
			}
		}	
		
		function saveData() {
			if (xmlHttp) {
				xmlHttp.open('POST', 'chat.php?{SID}', false);
				xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
				xmlHttp.send('action=saveMessage&message='+document.frmshoutbox.txtmessage.value);
			}
			document.frmshoutbox.txtmessage.value = '';
			document.frmshoutbox.txtmessage.focus();
			loadData();
			srollme();
		}

		function work()
		{
			loadData();
			loadUserList();
		}
		function srollme()
		{
			var scTo = document.getElementById("chatcontent").scrollHeight;
			document.getElementById("chatcontent").scrollTop = scTo;
		}
		onload = function()
		{
			setInterval(function() { work(); }, 1500);
			setInterval(function() { srollme(); }, 500);
		}
	</script>
<body onunload="logout();">
<div id="topframe">
	<img id="logo" src="templates/bilder/logo.png" />
	<a href="#">Link</a>
	<a href="#">Link</a>
	<a href="#">Link</a>
	<a href="#">Link</a>
	<a href="#">Link</a>
	<a href="#">Link</a>
	<a href="#">Link</a>
</div>
<div id="contentframe">
	<div id="left">
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="templates/bilder/headertl.png" /></td>
  </tr>
  <tr>
    <td id="leftc">
		<a href="#">Link</a>
	<a href="#">HyperLink</a>
	<a href="#">HyperLink</a>
	<a href="#">HyperLink</a>
	<a href="#">HyperLink</a>
	<a href="#">HyperLink</a>
	<a href="#">HyperLink</a>
	</td>
  </tr>
  <tr>
    <td><img src="templates/bilder/headerbl.png" /></td>
  </tr>
</table>		
	</div>
	<div id="right">
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="templates/bilder/headertr.png" /></td>
  </tr>
  <tr>
    <td id="rightc"><a href="#">Link</a>
	<a href="#">HyperLink</a>
	<a href="#">HyperLink</a>
	<a href="#">HyperLink</a>
	<a href="#">HyperLink</a>
	<a href="#">HyperLink</a>
	<a href="#">HyperLink</a></td>
  </tr>
  <tr>
    <td><img src="templates/bilder/headerbr.png" /></td>
  </tr>
</table>
	</div>
	<div id="content">
	<br /><br />
	<h2>Chat-Sytem in der Testphase</h2>
	<br />
		<div id="input">
		<table id="table">
  <tr>
    <td id="ctdleft"><div id="chatcontent">Chat wird geladen...</div></td>
    <td id="ctdright"><div id="userlist">User werden geladen...</td>
  </tr>
  <tr>
    <td colspan="2">
		<form action="" name="frmshoutbox" onSubmit="saveData(); return false;">
			<input id="chattext" type="text" name="txtmessage" value="" />
		</form>
	</td>
  </tr>
</table>
			
		</div>
	</div>
</div>
</body>
</html>

Weiss jemand an was das liegen könnte?

dazu hab ich noch eine Frage. Muss ich für jede Funktion eigentlich eine neue Instanz erzeugen? Bin in AJAX noch nicht so fit. *sorry*

LG

Julied

xardias · 16.08.2006, 19:19

Ich weiß gerade nicht genau woran das bei dir liegen könnte, aber ich denke dass da eine Bibliothek wie MochiKit mehr als Hilfreich sein kann.
Die Hilft einen den ganzen Browserabhängigen mist zu vergessen und man kann sich wirklich darauf konzentrieren den wichtigen code zu schreiben.
Alternativ gibt es auch noch Prototype was noch "lightweighter" ist.
Aber ich find Mochikit wirklich empfehlenswerter, da ham es einige Leute echt geschafft Javascript endlich mal effizient nutzbar zu machen

ljungi · 16.08.2006, 19:50

Mir ist der Firefox sogar abgestürzt - das erste mal, das was bei Linux in die Knie geht ^^

Wollt ich nur mal anmerken *duck* zur Lösung kann ich nicht viel sagen, weil ich mich noch nicht sehr intensiv mit Ajax beschäftigt habe...

Julied64 · 17.08.2006, 12:55

Also, ich hab mir das ganze nun 2 Nächte angeguggt, debuggt bis zum umfallen. Nun weiss ich was los is. *an Kopf lang* wenn ich etwas auf "synchron" stell, dann sagt mir der Mozilla "nene, so ned". den IE störts anscheinend ned. Aber den stört ja sowieso nur das, was im eigentlich egal sein könnte. Naja, MS Produkt halt ^^

Zu dir Xardias....werd ich mir mal anschaun. Nette Idee. Da es aber in English ist, werd ich mir da noch was deutsches dazusuchen müssen.

ljungi, zu dir mal ein Sorry für den Absturz. Ich werd im laufe des Tages sobald ich mal Zeit von meiner normalen Arbeit abzweigen kann das sofort ändern. Und zu ajax, schau es dir an. Ist echt empfehlenswert. Hebt den Spassfaktor am "schaffen" ungemein nochmal zusätzlich

Ich arbeit ja eh schon sehr gern mit PHP etc. Aber nun is es nochmal ein Stück, ähm ja, geiler?!? schöner?!? geworden. (Mir fällt der passende Ausdruck ned ein^^)

LG

Julied

ljungi · 17.08.2006, 15:07

toller?

Eine Funktion hab ich mein aktuelles Projekt schon eingebaut ^^
Ne Live-User-Suche beim PM-System

Julied64 · 17.08.2006, 16:04

Hehe

joa...einfach...saugeil und vieeel "toller" *g*

Naja....ich werd nun bei nem bekannten eine art Live-Kunden-Suche einbauen

bzw. probieren ^^

Guradia · 18.08.2006, 15:03

a) ich bin auch höchst dafür, dass du eine Library für den Zweck verwendest. Mein Favorit: moo.ajax/prototype.lite http://www.mad4milk.net

b)
Kommt das Script überhaupt an diesen Punkt?
document.getElementById("chatcontent").innerHTML = xmlHttp.responseText;

Julied64 · 18.08.2006, 15:30

a) wieder english *g* wie gesagt....muss mir was deutsches suchen....bin in Sachen english zwar soweit ganz fit, wenn es um kleine Dinge geht. Aber wenn man was kapiern muss, fall ich voll durch ^^

b) ja des kam scho durch...
Wie gesagt..Mozilla hatte ein Problem mit dem synchron und asynchron..

Guradia · 18.08.2006, 16:13

Zitat:

Zitat von Julied64

a) wieder english *g* wie gesagt....muss mir was deutsches suchen....bin in Sachen english zwar soweit ganz fit, wenn es um kleine Dinge geht. Aber wenn man was kapiern muss, fall ich voll durch ^^

Da muss ich wohl mal ein deutsches Tut zu moo/prototype.lite hier verfassen.

Zitat:

Zitat von Julied64

b) ja des kam scho durch...
Wie gesagt..Mozilla hatte ein Problem mit dem synchron und asynchron..

*schulterzuck* ... keine Ahnung, was du bei A(synchronus)JAX mit Synchronität willst.

$traight-$hoota · 18.08.2006, 16:28

Zitat:

Zitat von Guradia

Zitat:

Zitat von Julied64

b) ja des kam scho durch...
Wie gesagt..Mozilla hatte ein Problem mit dem synchron und asynchron..

*schulterzuck* ... keine Ahnung, was du bei A(synchronus)JAX mit Synchronität willst.

man kann XMLHttpRequests auch synchron durchführen. dann wird die seite eingefroren bis die antwort eintrifft.

Julied64 · 19.08.2006, 20:38

Zitat:

Zitat von Guradia

Da muss ich wohl mal ein deutsches Tut zu moo/prototype.lite hier verfassen.

Das wär ja mal der Oberhammer der Genialität *g*

xardias · 20.08.2006, 15:40

http://www.devshare.de/_ajax/prototype.js.html

Neq' · 21.08.2006, 22:02

Zitat:

Zitat von xardias

http://www.devshare.de/_ajax/prototype.js.html

Erklärt aber "nur" Prototype. Ich glaube prototype.lite is was anderes.

ljungi · 21.08.2006, 22:21

[klugscheiß]
Die Light-Version wahrscheinlich
[/klugscheiß]

16.08.2006, 19:50	Nach oben #3
ljungi Blubb... öfz Registriert seit: 16.03.2006 Ort: Berlin Beiträge: 419	Mir ist der Firefox sogar abgestürzt - das erste mal, das was bei Linux in die Knie geht ^^ Wollt ich nur mal anmerken duck zur Lösung kann ich nicht viel sagen, weil ich mich noch nicht sehr intensiv mit Ajax beschäftigt habe... __________________ Vive la France! Welcome to Sarkoworld...

17.08.2006, 15:07	Nach oben #5
ljungi Blubb... öfz Registriert seit: 16.03.2006 Ort: Berlin Beiträge: 419	toller? Eine Funktion hab ich mein aktuelles Projekt schon eingebaut ^^ Ne Live-User-Suche beim PM-System __________________ Vive la France! Welcome to Sarkoworld...

21.08.2006, 22:21	Nach oben #14
ljungi Blubb... öfz Registriert seit: 16.03.2006 Ort: Berlin Beiträge: 419	[klugscheiß] Die Light-Version wahrscheinlich [/klugscheiß] __________________ Vive la France! Welcome to Sarkoworld...

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Knutschendes Pärchen -> Kriminelle Vereinigung -> 20 Jahre Strafe?	WarrenFaith	Plauderecke	6	17.11.2006 00:09
Mozilla 5.0 und 520Bit Farbtife	michi	Plauderecke	1	23.08.2006 14:17
Flash -> PHP -> MySQL	thrawn	Sonstige Programmiersprachen	8	02.02.2006 18:10
include -> html -> php/html	Julied64	PHP-Programmierung	2	03.09.2005 12:35
"html(mit css) -> xml -> pdf" möglich ?	FsMarine	HTML, XML und CSS	0	18.08.2005 08:39

16.08.2006, 19:19	Nach oben #2
xardias Wikinger Registriert seit: 02.03.2006 Ort: Aachen Beiträge: 189	Ich weiß gerade nicht genau woran das bei dir liegen könnte, aber ich denke dass da eine Bibliothek wie MochiKit mehr als Hilfreich sein kann. Die Hilft einen den ganzen Browserabhängigen mist zu vergessen und man kann sich wirklich darauf konzentrieren den wichtigen code zu schreiben. Alternativ gibt es auch noch Prototype was noch "lightweighter" ist. Aber ich find Mochikit wirklich empfehlenswerter, da ham es einige Leute echt geschafft Javascript endlich mal effizient nutzbar zu machen

17.08.2006, 12:55	Nach oben #4
Julied64 Benutzer Registriert seit: 02.09.2005 Beiträge: 68	Also, ich hab mir das ganze nun 2 Nächte angeguggt, debuggt bis zum umfallen. Nun weiss ich was los is. an Kopf lang wenn ich etwas auf "synchron" stell, dann sagt mir der Mozilla "nene, so ned". den IE störts anscheinend ned. Aber den stört ja sowieso nur das, was im eigentlich egal sein könnte. Naja, MS Produkt halt ^^ Zu dir Xardias....werd ich mir mal anschaun. Nette Idee. Da es aber in English ist, werd ich mir da noch was deutsches dazusuchen müssen. ljungi, zu dir mal ein Sorry für den Absturz. Ich werd im laufe des Tages sobald ich mal Zeit von meiner normalen Arbeit abzweigen kann das sofort ändern. Und zu ajax, schau es dir an. Ist echt empfehlenswert. Hebt den Spassfaktor am "schaffen" ungemein nochmal zusätzlich Ich arbeit ja eh schon sehr gern mit PHP etc. Aber nun is es nochmal ein Stück, ähm ja, geiler?!? schöner?!? geworden. (Mir fällt der passende Ausdruck ned ein^^) LG Julied

17.08.2006, 16:04	Nach oben #6
Julied64 Benutzer Registriert seit: 02.09.2005 Beiträge: 68	Hehe joa...einfach...saugeil und vieeel "toller" g Naja....ich werd nun bei nem bekannten eine art Live-Kunden-Suche einbauen bzw. probieren ^^

18.08.2006, 15:03	Nach oben #7
Guradia Benutzer Registriert seit: 18.08.2005 Ort: Düsseldorf Beiträge: 57	a) ich bin auch höchst dafür, dass du eine Library für den Zweck verwendest. Mein Favorit: moo.ajax/prototype.lite http://www.mad4milk.net b) Kommt das Script überhaupt an diesen Punkt? document.getElementById("chatcontent").innerHTML = xmlHttp.responseText;

18.08.2006, 15:30	Nach oben #8
Julied64 Benutzer Registriert seit: 02.09.2005 Beiträge: 68	a) wieder english g wie gesagt....muss mir was deutsches suchen....bin in Sachen english zwar soweit ganz fit, wenn es um kleine Dinge geht. Aber wenn man was kapiern muss, fall ich voll durch ^^ b) ja des kam scho durch... Wie gesagt..Mozilla hatte ein Problem mit dem synchron und asynchron..

20.08.2006, 15:40	Nach oben #12
xardias Wikinger Registriert seit: 02.03.2006 Ort: Aachen Beiträge: 189	http://www.devshare.de/_ajax/prototype.js.html

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)