JS-Daten bekommen und verarbeiten

[Dani]

Ich möchte folgendes nachbauen: http://davidwalsh.name/editable-cont...ools-php-mysql

Ich habe folgenden JS-Code:

<script type="text/javascript">
<!--//--><![CDATA[//><!--
//once the dom is ready
window.addEvent('domready', function() {
	// Find the editable areas
	$$('.editable').each(function(el) {
		// Add double-click and blur events
		el.addEvent('dblclick',function() {
			// Form
			var form = new Element('form', { 'id': 'f1', 'method': 'post', 'action': '{{env::request}}', 'enctype': 'application/x-www-form-urlencoded'});
			// Replace current text/content with input or textarea element
			if(el.hasClass('textarea'))
			{
				// Store "before" message
				var before = el.get('html').trim();
				// Input
				var input = new Element('textarea', { 'id': 'ctrl_5', 'class':'box', 'text':before });
			}
			else
			{
				// Store "before" message
				var before = el.get('text').trim();
				// Input
				var input = new Element('input', { 'class':'box', 'name': 'text', 'value':before});
				// Blur input when they press "Enter"
				input.addEvent('keydown', function(e) { if(e.key == 'enter') { this.fireEvent('blur'); } });

			}
			// Erase current
			el.set('html','');
			form.inject(el);
			input.inject(form, 'top').select();

			// Add blur event to input
			input.addEvent('blur', function() {
				// Get value, place it in original element
				val = input.get('value').trim();
				el.set('text',val).addClass(val != '' ? '' : 'editable-empty');
				
				// Save respective record
				var url = '{{env::request}}' + '?text=' + el.get('text');
				var request = new Request({
					url:url,
					method:'post',
					update: $$('#f1'),
					onComplete: function() {
						alert('making ajax call :: ' + url);
					}
				}).send();

			});
		});
	});
});
//--><!]]>
</script>

Jetzt möchte ich die JS-Daten bekommen und verabeiten, deshalb steht in meinem Module ModuleName.php folgendes in der compile-Funktion:

<?php     if ($this->Input->post('text'))
        {
            $arrData['headline'] = $this->Input->post('text');
            $this->Database->prepare("UPDATE tl_name %s WHERE id=?")->set($arrData)->execute(3);    
        }    ?>

Jedoch wird nichts updatet. An sich ist es logisch, da die Seite nicht neu geladen wird - es sollte aber auch ohne gehen. Habe ich etwas vergessen? Ich danke für jeden Tipp!

Danke für die Hilfe!

[p7ha]

Hi Dani,

wenn ich alles richtig durchdacht habe, brauchst du dafür die Ajax-Erweiterung und einen Ajax-Hook. Denn du requestest ja die gesamte Seite, evtl/vermutlich wird da nicht der gesamte Seitencode nochmal ausgeführt, was ja sonst dein Modul und die entsprechende Funktion ausführen sollte.

Ich habe solche Ajax-Geschichten mit dem Ajax-Hook und der Ajax-Erweiterung erfolgreich umgesetzt.

[Dani]

Hallo Peter

Danke für deine Hilfe! Ich habe noch nie was von einem Ajax-Hook gehört. Die Ajax-Erweiterung habe ich installiert. Könntest du vielleicht ein Beispiel machen und eine Webseite zeigen, bei der du das erfolgreich umgesetzt hast? Das wäre sehr nett!

[p7ha]

Ok, du machst folgendes:
In dein ja bereits existierendes Modul (also z.B. system/modules/deinModul/ ) schreibst du in die /config/config.php sowas wie:
$GLOBALS['TL_HOOKS']['dispatchAjax'][] = array('MeinPHPDateiName','meineFunktion');

Das ruft dann in deiner Klasse "MeinPHPDateiName.php" die Funktion "meineFunktion" auf, is klar.

In "meineFunktion" schreibst du das was bisher in deiner compile-Funktion steht, also das was du gepostet hast.

Jetzt fehlt noch der aufruf aus dem JS-Script. Den Request sendest du jetzt an die folgende URL: ajax.php?MeinPHPDateiName=meineFunktion

Und: Tada! (Fertig )

Weiterführendes findest du in der Beschreibung der Ajax-Erweiterung und hier im Forum. Ich hoffe es tut mit dieser Anleitung

[Dani]

Danke! Ich habe es mit deiner Hilfe und http://www.contao-community.de/showt...rung-verwenden hinbekommen.

Anzumerken ist vielleicht noch, dass:

1. das Modul nicht "extends Module" sein darf
2. man alle GET oder POST, die man möchte, im js-Code definieren MUSS (man erhält keine andere, auch wenn sie definiert sind, z.B.URL: domain/seite?get=hallo&get2=hi)
3. "ajax.php?MeinPHPDateiName=meineFunktion" muss man nicht angeben, damit es funktioniert

[Toflar]

das Modul nicht "extends Module" sein darf

Warum nicht, wenn man fragen darf?

man alle GET oder POST, die man möchte, im js-Code definieren MUSS (man erhält keine andere, auch wenn sie definiert sind, z.B.URL: domain/seite?get=hallo&get2=hi)

Äh, was bedeutet das? Ich versteh nicht

"ajax.php?MeinPHPDateiName=meineFunktion" muss man nicht angeben, damit es funktioniert

Nein musst Du nicht, aber Du solltest trotzdem irgendwas einbauen, damit php weiss, ob dein Code gefragt ist oder nicht, sonst wird deine Funktion nämlich immer gecallt. Zudem musst Du ohnehin false returnen, wenn es sich nicht um deinen Code handelt, da Du sonst die nachfolgenden Erweiterungen, die mit der ajax.php kommunizieren wollen, kappst:

$myfunctionname = $this->Input->get('myfunctionname');

if($myfunctionname == 'blafasel')
{
   // mein code ausführen
   return $return;
}
else
{
   return false;
} 

So...ähnlich

[Dani]

Warum nicht, wenn man fragen darf?

http://www.contao-community.de/showt...den#post_46358

Äh, was bedeutet das? Ich versteh nicht

Ja, das dachte ich mir. Ist ein bisschen unverständlich geschrieben
Also, wenn du auf einer Seite bist, z.B. domain/suche?keywords=nachricht, etwas per Ajax sendest, per POST, und es im PHP-Code abfragen möchtest mit $this->Input->get('keywords'), erhälst du nichts. Leider!

Nein musst Du nicht, aber Du solltest trotzdem irgendwas einbauen, damit php weiss, ob dein Code gefragt ist oder nicht, sonst wird deine Funktion nämlich immer gecallt. Zudem musst Du ohnehin false returnen, wenn es sich nicht um deinen Code handelt, da Du sonst die nachfolgenden Erweiterungen, die mit der ajax.php kommunizieren wollen, kappst.

Danke, wusste ich nicht Was ist, wenn ich nichts returne? Muss ich dann auch return false angeben?

[Toflar]

1. ah ja, das ist klar Ein Modul rufst Du ja auch nicht via Hook auf

2. Natürlich erhälst Du mit $this->Input->get() nichts, wenn Du post-Daten sendest Dann musst Du mit $this->Input->post() die Daten holen

3. Du returnst entweder deinen Code oder false.

[Dani]

2. Natürlich erhälst Du mit $this->Input->get() nichts, wenn Du post-Daten sendest Dann musst Du mit $this->Input->post() die Daten holen

Das ist ganz und gar nicht klar. Wenn ich ohne Ajax ein Formular per Post sende, kann ich auch auf meine GET-Daten zugreifen.

[Toflar]

Es gibt Post- und Get-Daten. Du musst sie halt nur so abrufen, wie sie übergeben werden. Ich versteh nicht, was daran nicht klar sein soll