Ajax Beispiel + Laufender Text?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

17:17, 19.2.2009

So wie hier schon erwähnt: http://www.lima-city.de/thread/ajax-beispiel-funktioniert-nicht Habe ich das Tutorial abkopiert nun habe ich noch einen Lauftext Script genommen und nun wollte ich beides kombinieren.

Mein Code sieht so aus: Test.php bleibt wie in dem anderen Thread.

index.html
<html>
<head>
<script type="text/javascript">

function setRequest() {
	if (window.XMLHttpRequest) {
		request = new XMLHttpRequest(); // Mozilla, Safari, Opera
	} else if (window.ActiveXObject) {
		try {
			request = new ActiveXObject('Msxml2.XMLHTTP'); // IE 5
		} catch (e) {
			try {
				request = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6
			} catch (e) {}
		}
	}

	if (!request) {
		alert("Kann keine XMLHTTP-Instanz erzeugen");
		return false;
	} else {
		var url = "test.php";
		request.open('get', url, true);
		request.send(null);
		request.onreadystatechange = interpretRequest;
	}
}

var content=0;

function interpretRequest() {
	switch (request.readyState) {
		case 4:
			if (request.status != 200) {
				alert("Der Request wurde abgeschlossen, ist aber nicht OK\nFehler:"+request.status);
			} else {
				var content = request.responseText;
				// den Inhalt des Requests in das <div> schreiben
				document.getElementById('content').innerHTML = content;
	var tl=content;
	var speed=30;
	var index=0; text_pos=0;
	var str_length=tl[0].length;
	var contents, row;

	function type_text()
	{
	  contents='';
	  row=Math.max(0,index-9);
	  while(row<index)
		contents += tl[row++] + '\r\n';
	  document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "_";
	  if(text_pos++==str_length)
	  {
		text_pos=0;
		index++;
		if(index!=tl.length)
		{
		  str_length=tl[index].length;
		  setTimeout("type_text()",800);
		}
	  } else
		setTimeout("type_text()",speed);

	}
type_text();
			}
			break;
		default:
			break;
	}
}
</script>
</head>
<body>
<button onclick="setRequest()">Click</button>
<div id="content"></div><FORM><TEXTAREA rows=10 cols=65></TEXTAREA></FORM>
</body>
</html>

Mach ich was falsch??

dikay.lima-city.de/ajax/

Beitrag zuletzt geändert: 20.2.2009 12:47:31 von dikay

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
~~t*****b~~

18:46, 19.2.2009
1. Im falschen Forum gepostet, verschoben nach HTML & Javascript (Ajax ist keine Programmiersprache, sondern "nur" die Technik, asynchron Dateien per JS nachzuladen)
2. Lade dir Firebug herunter, das zeigt dir super die Fehler an und versuche, diese selber zu behebn statt wegen jedem Problem einen Thread zu erstellen.
3. Solltest du dann nicht von alleine drauf kommen, wo das Problem liegt, ein kleiner Tipp: Schau dir nochmal das Thema "Funktionen in Funktionen" an und ob das bei deinem Script Sinn macht
Autor dieses Themas
dikay

dikay hat kostenlosen Webspace.
12:45, 20.2.2009

trueweb schrieb:
1. Im falschen Forum gepostet, verschoben nach HTML & Javascript (Ajax ist keine Programmiersprache, sondern "nur" die Technik, asynchron Dateien per JS nachzuladen)
2. Lade dir Firebug herunter, das zeigt dir super die Fehler an und versuche, diese selber zu behebn statt wegen jedem Problem einen Thread zu erstellen.
3. Solltest du dann nicht von alleine drauf kommen, wo das Problem liegt, ein kleiner Tipp: Schau dir nochmal das Thema "Funktionen in Funktionen" an und ob das bei deinem Script Sinn macht

Ok Danke für 1.
Zu 2. Habe ich auch schon gemacht doch das bringt auch nix da er mir nun folgendes sagt: type_text is not defined. Und das für die Zeile:
```
setTimeout("type_text()",speed);
```
Bei allen anderen nicht. Jetzt bin ich genauso schlau wie vorher.

Danke für 3. habe mich informiert und auf meine Funktion versucht anzuwenden.
oricon

oricon hat kostenlosen Webspace.

9:37, 24.2.2009
Du solltest als alternative über JQuery bzw. dojo nachdenken. hier gibt es schon fertige Module und Plugins, die Du hier ohne Aufwand nutzen kannst.

Jquery selbst hat einen Klasse Newsticker, den ich selbst schon mal eingesetzt habe.

http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
Autor dieses Themas
dikay

dikay hat kostenlosen Webspace.

11:04, 24.2.2009
Also ich bin lieber ein Freund des selber machens.

Von daher :D
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city