bei onClick Text in einem <div> anzeigen (ajax)

Auranores · 10.06.2011, 23:21

Hey

Ich bin ziemlich neu in Ajax,
und wollte nun etwas simples ausprobieren, was sofort nicht geklappt hat !

Und zwar:
Ist da ein <div>.
Bei onClick auf das, wird ein Request gemacht, und
an addoncontent.php mit der Getvariable file weitergeleitet.
Dort wird passiert dann unwichtiges Php Krams.
Auf jeden Fall wird dort dann ein Name ausgeben.

Ich weiß das man in der php datei das ergebnis mit echo
ausgeben muss, damit AJAX das mit responsetext (oder so ähnlich)
ansprechen kann und den Inhalt des Ziel <div> Kastens verändern kann.

Ich hab da mal was probieert: ...

PHP-Code:

  <html><head>

 
<script type="text/javascript">

function showaddoncontent(file)

{

if (str.length==0)

  {

  document.getElementById("Showcontent").innerHTML="";

  return;

  }

if (window.XMLHttpRequest)

  {// code for IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest();

  }

else

  {// code for IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

xmlhttp.onreadystatechange=function()

  {

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    document.getElementById("Showcontent").innerHTML=xmlhttp.responseText;

    }

  }

xmlhttp.open("GET","addoncontent.php?file="+file,true);

xmlhttp.send();

}

</script>

<style type="text/css">

#Showcontent {

    padding: 5px;

    width: 600px;

    height: 600x;

    border-width:1px;

    border-style:solid;

    border-color:black;

    

}

</style>

</head>

<body>

<div onClick="showaddoncontent('news')">Hier drauf klicken</div>

 
<br><br><br>

<div id="Showcontent"></div>

</body>

</html>

Das ist jetzt meine Hauptseite...

Und addoncontent.php ist:

PHP-Code:

  <?php

echo $_GET['file'];

?>

:P also nur das was ich übergebe habe soll zurückgegeben werden.

Aber es geht nicht. Bei mir passiert nichts wenn ich den obersten <div> Kasten klicke.

der "Showcontent" <div> Kasten ist nur leer.

Bitte helft mir, was ist mein Denkfehler?

Danke schonmal

LG
Auranores

tr0y · 11.06.2011, 00:04

brech dir nicht die Finger mit xmlHThassenichgesehen, benutz MooTools oder jQuery..

Code:

<!DOCTYPE html>
<html lang="de">
<head>
   <title>hello world!</title>
   <meta char-set="utf-8" />
   <!-- insert jquery script import -->
   <script type="text/javascript">
      $(document).ready(function() {

         $.get("http://example.org/this/cool/nice/content/", function( data ) {
            $('#hierHinUndEinblenden').html(data).delay(1000).slideIn(400);
         })

      });
   </script>
</head>
<body>
   <div id="hierHinUndEinblenden" style="display: none"></div>
</body>
</html>

Wäre so eine Implementierung von AJAX-Funktionalität in eine Beispielseite; einer Beispielseite. Sinn und Zweck sei mal dahingestellt.

http://jquery.com/
http://mootools.net/

ChrisB · 11.06.2011, 00:04

Dann schau als allererstes mal in die JS-Fehlerkonsole deines Browsers.

Auranores · 11.06.2011, 00:33

Bei mir geht gar nichts.
Ich habs angepasst. Also Dein JQuery Skript:

PHP-Code:

  <!DOCTYPE html>
<html lang="de">
<head>
   <title>hello world!</title>
   <meta char-set="utf-8" />
  <script language="JavaScript" src="http://code.jquery.com/jquery-1.6.1.js"> </script>
   <script type="text/javascript">
      $(document).ready(function() {

         $.get("addoncontent.php", function( data ) {
            $('#hierHinUndEinblenden').html(data).delay(1000).slideIn(400);
         })

      });
   </script>
</head>
<body>
   <div id="hierHinUndEinblenden" style="display: none"></div>
</body>
</html>

Was ist jetzt falsch?

nikosch · 11.06.2011, 00:48

Zitat:

Dann schau als allererstes mal in die JS-Fehlerkonsole deines Browsers.

tr0y · 11.06.2011, 01:15

Ich wusste schon wieso ich da extra ne Zeichenkonstruktfusion aus . und , absichtlich vergessen hab

Zitat:

Dann schau als allererstes mal in die JS-Fehlerkonsole deines Browsers.

Zitat:

Logik!!elf

Auranores · 11.06.2011, 11:41

Tut mir Leid, mit JQuery kenn ich mich nun so gut wie gar nicht aus :S

tr0y · 11.06.2011, 12:22

Gut das das Grad nix mit jQuery sondern eher mit JavaScript oder allgemeiner Syntax-Symbiose zutun hat..

Bevor man anfängt mit x Sprachen zu entwickeln, sollte man sich über die Basis der einzelnen Sprachen bewusst sein, der sogenannten Syntax.

Auranores · 11.06.2011, 12:48

hm ich dachte $(document).ready() und sowas währe JQuery Syntax, laut http://matthiasschuetz.com/jquery-tu...und-grundlagen z.B.

Ich hab meine Fehlerkonsole mal angeklickt und dort steht, das das keine Funktion währe, wieso nicht?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] mysql_query() mit SQLDump	princemichi	PHP Einsteiger	4	07.03.2011 22:33
Text aus Logdatei Anzeigen und mit SMS Versenden.	Edmann	Scriptbörse	2	02.03.2011 20:17
php-Ausgabe des Artikeldatums bei Mouse-over über Bild	McBorney	PHP Tipps 2010	3	26.04.2010 13:40
Text zu bestimmten Zeiten anzeigen	djlars	PHP Tipps 2010	4	24.04.2010 19:15
onclick füll text ?	hups	HTML, Usability und Barrierefreiheit	12	11.12.2009 20:28
Text Ersetzen an anderer Stelle	phpde	Off-Topic Diskussionen	6	03.08.2009 20:12
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
OnClick input in Text area	DDogg	HTML, Usability und Barrierefreiheit	12	09.12.2005 14:25
text formatiert anzeigen		PHP Tipps 2005	6	20.02.2005 01:06
Text von MySql Tabelle anzeigen lassen	Matthiasnet	Datenbanken	2	09.02.2005 13:57
frames probleme		HTML, Usability und Barrierefreiheit	6	18.01.2005 02:33
forum text bilder anzeigen		PHP Tipps 2004-2	2	02.12.2004 09:17
Zeilenumbrüche aus einem formatierten Text entfernen	woods	PHP Tipps 2004	9	23.09.2004 12:50
Ausgelesenen Text nur teilweise anzeigen		PHP Tipps 2004	5	10.09.2004 18:11
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31

10.06.2011, 23:21
Auranores Benutzer Registriert seit: 31.12.2009 Beiträge: 76 PHP-Kenntnisse: Fortgeschritten	bei onClick Text in einem <div> anzeigen (ajax) Hey Ich bin ziemlich neu in Ajax, und wollte nun etwas simples ausprobieren, was sofort nicht geklappt hat ! Und zwar: Ist da ein <div>. Bei onClick auf das, wird ein Request gemacht, und an addoncontent.php mit der Getvariable file weitergeleitet. Dort wird passiert dann unwichtiges Php Krams. Auf jeden Fall wird dort dann ein Name ausgeben. Ich weiß das man in der php datei das ergebnis mit echo ausgeben muss, damit AJAX das mit responsetext (oder so ähnlich) ansprechen kann und den Inhalt des Ziel <div> Kastens verändern kann. Ich hab da mal was probieert: ... PHP-Code: <html><head> <script type="text/javascript"> function showaddoncontent(file) { if (str.length==0) { document.getElementById("Showcontent").innerHTML=""; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("Showcontent").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","addoncontent.php?file="+file,true); xmlhttp.send(); } </script> <style type="text/css"> #Showcontent { padding: 5px; width: 600px; height: 600x; border-width:1px; border-style:solid; border-color:black; } </style> </head> <body> <div onClick="showaddoncontent('news')">Hier drauf klicken</div> <br><br><br> <div id="Showcontent"></div> </body> </html> Das ist jetzt meine Hauptseite... Und addoncontent.php ist: PHP-Code: `<?php echo $_GET['file']; ?>` :P also nur das was ich übergebe habe soll zurückgegeben werden. Aber es geht nicht. Bei mir passiert nichts wenn ich den obersten <div> Kasten klicke. der "Showcontent" <div> Kasten ist nur leer. Bitte helft mir, was ist mein Denkfehler? Danke schonmal LG Auranores


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

11.06.2011, 00:04
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	brech dir nicht die Finger mit xmlHThassenichgesehen, benutz MooTools oder jQuery.. Code: <!DOCTYPE html> <html lang="de"> <head> <title>hello world!</title> <meta char-set="utf-8" /> <!-- insert jquery script import --> <script type="text/javascript"> $(document).ready(function() { $.get("http://example.org/this/cool/nice/content/", function( data ) { $('#hierHinUndEinblenden').html(data).delay(1000).slideIn(400); }) }); </script> </head> <body> <div id="hierHinUndEinblenden" style="display: none"></div> </body> </html> Wäre so eine Implementierung von AJAX-Funktionalität in eine Beispielseite; einer Beispielseite. Sinn und Zweck sei mal dahingestellt. http://jquery.com/ http://mootools.net/ __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

11.06.2011, 00:04
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Dann schau als allererstes mal in die JS-Fehlerkonsole deines Browsers. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

11.06.2011, 00:33
Auranores Benutzer Registriert seit: 31.12.2009 Beiträge: 76 PHP-Kenntnisse: Fortgeschritten	Bei mir geht gar nichts. Ich habs angepasst. Also Dein JQuery Skript: PHP-Code: <!DOCTYPE html> <html lang="de"> <head> <title>hello world!</title> <meta char-set="utf-8" /> <script language="JavaScript" src="http://code.jquery.com/jquery-1.6.1.js"> </script> <script type="text/javascript"> $(document).ready(function() { $.get("addoncontent.php", function( data ) { $('#hierHinUndEinblenden').html(data).delay(1000).slideIn(400); }) }); </script> </head> <body> <div id="hierHinUndEinblenden" style="display: none"></div> </body> </html> Was ist jetzt falsch?

11.06.2011, 11:41
Auranores Benutzer Registriert seit: 31.12.2009 Beiträge: 76 PHP-Kenntnisse: Fortgeschritten	Tut mir Leid, mit JQuery kenn ich mich nun so gut wie gar nicht aus :S

11.06.2011, 12:22
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	Gut das das Grad nix mit jQuery sondern eher mit JavaScript oder allgemeiner Syntax-Symbiose zutun hat.. Bevor man anfängt mit x Sprachen zu entwickeln, sollte man sich über die Basis der einzelnen Sprachen bewusst sein, der sogenannten Syntax. __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

11.06.2011, 12:48
Auranores Benutzer Registriert seit: 31.12.2009 Beiträge: 76 PHP-Kenntnisse: Fortgeschritten	hm ich dachte $(document).ready() und sowas währe JQuery Syntax, laut http://matthiasschuetz.com/jquery-tu...und-grundlagen z.B. Ich hab meine Fehlerkonsole mal angeklickt und dort steht, das das keine Funktion währe, wieso nicht?