Javascript in eigener Extension - Framework oder eID?

[Katjusha]

Hi,

ich wüßte gerne mal eure Meinung zum Thema Javascript (Framework) und TYPO3. Ich bin grade dabei eine kleine Extension zu schreiben, wo ich für einen Link etwas javascript bräuchte und zwar geht es um einen "add as buddy"-Link, wo auf Klick die entsprchende php-Funktion aufgerufen werden soll. etwas googeln brachte dann die Information, das dies wohl am besten durch AJAX umzusetzen sei. Nun möchte ich gar nicht so viel javascript auf meiner Seite umsetzen, halt mal für besagten Link und vieleicht wird später noch an anderer Stelle ab und zu mal JS zum Einsatz kommen, zb für einen schicken Bilder-Upload.
Frage nun, ist für den gelegentlichen Einsatz von JS schon die Installation einer dieser Framework-Extensions empfehlenswert, oder wäre das übertrieben? Wie resorucen-intensiv sind diese Extensions, verlangsamen sie die Seite? und dann, welches Framework wäre dann empfehlenswert? nachdem was ich so gelesen habe, scheinen mit Xajax, jquery, extjs recht attraktiv, auch eine unkomplitzierte, weil schon mit TYPO3-Bordmitteln realisierbaren Lösung mit EID könnte mir gefallen.
Im grunde soll es halt einfach sein, und die ohnehin schon mächtige TYPO3-Umgebung nicht noch unnötig verkomplitzieren.
Was meint ihr?

Greets, K

[Katjusha]

Wahrscheinlich werde ich jQuery als Extension installieren, aufgrund des angeblich schlanken Umfangs. Allerdings steht man nun etwas vorm Berg, vor allem da ich nur sehr wenig Erfahrung mit JS habe.

Was ich vorhabe ist, in einer Extension bei Klick auf einen Link eine php-funktion aufrufen, welche dann etwas in die datenbank einträgt, ich denke das ist gut machbar mit jQuery. Nur, wie geht man nun vor?

zunächst einmal sollte man wohl in die pi_ datei der extension die jQuery-Bibiliothek einbinden. aber wie gehts dann weiter?! Werde berichten, wenn ich ein gutes Tutorial finde oder sonst irgendwie weiterkomme hiermit. über tipps die hier zwischenzeitlich eingehen, würde ich mich natürlich auch freuen.

beste Grüße, Katjusha

[Katjusha]

Hallo,

also ich bin jetzt ein kleines Stück weitergekommen. Verwende nun doch kein Framework, sondern hab mir was aus dem www zusammenkopiert. Dafür habe ich einen Link

 <a href="javascript:sndReq('foo')">###FRIEND_LL###</a>

der die datei test.js aufruft

function createRequestObject() {
    var ro;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        ro = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        ro = new XMLHttpRequest();
    }
    return ro;
}

var http = createRequestObject();

function sndReq(action) {
    http.open('get', 'typo3conf/ext/communityfeatures/pi1/rpc.php?action='+action);
    http.onreadystatechange = handleResponse;
    http.send(null);
}

function handleResponse() {
    if(http.readyState == 4){
        var response = http.responseText;
        var update = new Array();

        if(response.indexOf('|' != -1)) {
            update = response.split('|');
            document.getElementById(update[0]).innerHTML = update[1];
        }
    }
}

und mit der test.js wird dann die rpc.php aufgerufen:

<?php
header("Cache-Control: no-cache");
header("Pragma: nocache");

  switch($_REQUEST['action']) {
    case 'foo':

      echo "foo|foo done";
      break;
      
      
      
//hier würde ich nun gerne noch ein datenbank-update einbauen
      
      }
      

?>

Ist allerdings auch nur die halbe Miete. zumindest wird schon mal der Inhalt in dem Div asynchron geändert. Was jetzt ncoph fehlt ist, das die entsprechende Datenbank geupdatet wird. Kann mir da jemand sagen, wie ich dieses update in die ganze Sache integriere?

Danke, K

[steffenk]

Hi,

also den Weg würde ich nicht beschreiten.
jquery ist ideal um requests zu senden, Du musst das Rad nicht neu erfinden. Es ist stabil und crossbrowserfähig.

Je nach Art des zu liefernden Contents eignet sich eID oder type für die Requests. Lad Dir doch mal ne jquery extension und schaus Dir an, ist kein Hexenswerk

[Katjusha]

Hi Steffenk,

ich überleg mir das mit jQuery. die Verwendung des Frameworks hätte sicherlich den Vorteil, das man saubere Lösungen hinbekommt und möglicherweise wird man es ja auch später noch einmal brauchen. Dagegen spräche allerdings, das man dann ja auch, um die Extension zum Laufen zu bekommen, jedesmal jQuery installieren müßte. Mal schauen.

Es wäre halt jetzt auch cool, das nochmal händisch zu machen, auch um zu wissen wie so was abläuft. wären es denn noch viele Schritte da jetzt eine einzelne DB-Update reinzuballern oder geht das schon? Mit der einfachen syntax für ein update, wie man es aus gewöhnlichen php-funktionen kennt, ging es ja schonmal leider nicht. nur warum?!

[Katjusha]

Es funktioniert nun. Ich habe am Anfang der Datei ein

require('_config-buddy.php'); // get the db connection info

eingefügt, in der Datei sind dann user, passwort, host usw definiert und mit

mysql_connect($buddy_dbhost, $buddy_dbuser, $buddy_dbpass);
	//Select Database
mysql_select_db($buddy_dbname) or die(mysql_error());

wird dann die Verbindung hergestellt. Was meint ihr, ist dies ein sichere Vorgehensweise, oder tun sich da sicherheitslücken auf?

[steffenk]

sry, aber das ist komplett an TYPO3 vorbei. Dafür gibts schliesslich eine API

[Katjusha]

Wenn du mir sagst wie, dann schreib ichs natürlich lieber API-Konform.

[JoZa]

Wenn du mir sagst wie, dann schreib ichs natürlich lieber API-Konform.

Naja, in zwei Zeilen ist das schlecht zu machen

Hier mal ein paar Links:

• http://www.typo3.net/forum/list/list_post//41613/ (Linksammlung zur Extension entwicklung)
• http://typo3.org/development/article...ntend-plugins/ (Du willst nen Link erstellen - lass es TYPO3 machen)
• http://typo3.org/documentation/docum....1.0/view/1/4/ (MySQL ist nicht die einzige Datenbank, dank TYPO3 kann dir das egal sein)