onclick Ajax

blackfire185 · 24. Februar 2013

Guten Abend,
ich werde hier bei meinem Javascriptcode wahnsinnig. Firebug zeigt keinen Fehler doch die oncklick wird nicht einfach ausgeführt.
Kann mir einer sagen, was ich falsch mache?

HTML

<li onclick="click();">
Patchlog	
</li>

JavaScript

<script language="javascript">




function click(){
alert("test");
var appname= "SYSDroid";
var kategorie = "patchlog";
if (window.XMLHttpRequest){		
myAjax = new XMLHttpRequest(); 
 }else{  
myAjax = new ActiveXObject("Microsoft.XMLHTTP"); //Fallback für Ie 5 6
   }
myAjax.onreadystatechange = anzeigen;	
var url = "sucher.php?name="+ name+ "&kategorie=" + kategorie;	
myAjax.open("GET",url,true);
}




function anzeigen(){	
if (myAjax.readyState==4 && myAjax.status==200){	//4 = fertig empfangen 200= HTM statusode ok		
document.getElementById("output").innerHTML = myAjax.responseText;	//Elemnt mit dieser Id bekommt den Text von Ajax 
 }
}

Alles anzeigen

Hierbei wird der alert(); nicht ausgeführt.

Ich vermute mal, es ist irgendein Syntaxproblem, aber ich weiß nicht wo.
Ideen?
Danke schonmal.
Gruß

unkown-6363 · 24. Februar 2013

Versuche mal die function click() mit
<body onload="click()"> aufzurufen, und sag dann mal ob der alert() anspricht.

blackfire185 · 24. Februar 2013

ja bei body onload="click();" funktioniert.
Mir komt grad ein Gedanke, kann es sein das es daran liegt, dass ich die navigation mit php einbinde?

HTML

<body onload="click();">




<?php
include("allgemein_nav.htm");
?>

Getestet, funktioniert auch nicht. Aber onload geht, also ist ja der Javascriptcode korrekt. Dennoch frage ich micht, wo da der Fehler liegt. Ich hatte das die Woche woanders schon mal, aber da war eine for schleife falsch geschrieben und ich habe im firebug die entsprechende fehlermeldung bekommen.

unkown-6363 · 24. Februar 2013

Dann gibt es Probleme beim klicken auf <li>.
versuch mal onmouseover="".

PS: Mit der Integration der Navigation durch PHP hat es garantiert nichts zu tun

blackfire185 · 24. Februar 2013

gut das das mit der Integration nix zu tun hat. Mouseover hatte ich schon ausprobiert, gleiches Ergebniss, auch wenn ich das element ändere und z.B. onmouseover auf ein div setze.

Ich glaube die ganze html wäre nützlich:

HTML

<!DOCTYPE html>
<html>
<head>
<title>Droidenschmiede</title>
<link type="text/css" rel="stylesheet" href="css/design.css" />
<link type="text/css" rel="stylesheet" href="css/app.css" />
<script language="javascript">







function click(){
alert("test");
	var appname= "SYSDroid";
	var kategorie = "patchlog";

	if (window.XMLHttpRequest){
		myAjax = new XMLHttpRequest();
  }else{  
		myAjax = new ActiveXObject("Microsoft.XMLHTTP"); //Fallback für Ie 5 6 
  }
	myAjax.onreadystatechange = anzeigen;
	var url = "sucher.php?name="+ appname + "&kategorie=" + kategorie;
	myAjax.open("GET",url,true);




}
function anzeigen(){
	if (myAjax.readyState==4 && myAjax.status==200){	//4 = fertig empfangen 200= HTM statusode ok
		document.getElementById('app_beschreibung').innerHTML = myAjax.responseText;	//Elemnt mit dieser Id bekommt den Text von Ajax
  }




}







</script>
</head>




<body onload="click();">




<?php
include("allgemein_nav.htm");
?>







<div id="hauptbereich"> <!-- Unter der Navigation -->

	<div id="app_navigation" onmouseover="click();">

		<nav>

			<ul class="app_navi_menu">

    			<li>

				Übersicht

				</li>

				<li>

				Patchlog

				</li>

				<li>

				Datenschutz

				</li>







			
			</ul>

		</nav>	

	</div>

	<div id="app_pagecontent">

		<div id="app_h1">

			<h1>titel</h1>

		</div>

		<div id="app_h2">

			<h2>Überschrift</h2>

		</div>

		<div id="app_buttonzeile">


		</div>

		<div id="app_beschreibung">

		Hier steht dann die Beschreibung rein

		</div>

		<div id="app_bilder_kasten">

		Hier kommen Screenshots hin

		</div>


	</div>




</div>







<?php
	include("allgemein_foot.htm");
?>




</body>
</html>

Alles anzeigen

unkown-6363 · 24. Februar 2013

Jetzt klappt es mit Klick auf das <li>.!
Benenne die Funktion mal nicht "click".
Das berreitet irgendwie Probleme oder so^^

blackfire185 · 24. Februar 2013

stimmt, wenn ich sie lade nenne, funktionierts. Das passiert bei uncreativen Namen
Danke für deine Hilfe.

EINE ONCLICK FUNKTION DIE CLICK HEIßT GEHT NICHT

cottton · 24. Februar 2013

Heut ist tag des wahnsinning werdens
So was ähnliches hatte ich hier auch schonmal gelesen glaub ich.
Gibts bei JS keinen editor der die vordefinierten functions/vars farbig markiert?

onclick Ajax

Jetzt mitmachen!

Teilen