Moin moin,
ich beschäftige mich zur Zeit mit dem Thema jQuery und stelle im Zuge dessen ein paar Projekte darauf um. Und dabei bräuchte ich eine Entscheidungshilfe, wie ich den Code um elegantesten anlege...
Ich hätte beispielsweise eine "Liste" aus Elementen, die aus der SQL-Datenbank per PHP generiert wird. Nun ist es ja durch jQuery recht einfach möglich, so nette Drag & Drop-Funktionalitäten per class-Selektor einzubauen. Um jetzt auch noch dem Element Daten zu zuweisen, die die verarbeitenden D&D-Funktionen verwenden, ohne beispielsweise ein Standardattribut dafür zu missbrauchen (etwa id oder name) - möchte ich die jQuery-Funktion $.data() verwenden...
Da aber das HTML dynamisch erzeugt wird, und auch der Inhalt der per $.data() übergebenen Information aus der DB stammt, muss ich doch nach jedem Schleifendurchlauf, welcher mir den Tag per echo() erzeugt, auch eine komplette JS-Sektion einleiten und dann die Beschreibung per JS vornehmen.
Da funktioniert soweit ja auch, sieht aber ziemlich scheisse im generierten Quellcode aus...:
Kennt ihr nicht zufällig elegantere Möglichkeiten das zu realisieren. Ich kann mir nicht vorstellen, dass das so eine exotische Anforderung an eine Applikation ist...
MfG
RedoX
ich beschäftige mich zur Zeit mit dem Thema jQuery und stelle im Zuge dessen ein paar Projekte darauf um. Und dabei bräuchte ich eine Entscheidungshilfe, wie ich den Code um elegantesten anlege...
Ich hätte beispielsweise eine "Liste" aus Elementen, die aus der SQL-Datenbank per PHP generiert wird. Nun ist es ja durch jQuery recht einfach möglich, so nette Drag & Drop-Funktionalitäten per class-Selektor einzubauen. Um jetzt auch noch dem Element Daten zu zuweisen, die die verarbeitenden D&D-Funktionen verwenden, ohne beispielsweise ein Standardattribut dafür zu missbrauchen (etwa id oder name) - möchte ich die jQuery-Funktion $.data() verwenden...
Da aber das HTML dynamisch erzeugt wird, und auch der Inhalt der per $.data() übergebenen Information aus der DB stammt, muss ich doch nach jedem Schleifendurchlauf, welcher mir den Tag per echo() erzeugt, auch eine komplette JS-Sektion einleiten und dann die Beschreibung per JS vornehmen.
Da funktioniert soweit ja auch, sieht aber ziemlich scheisse im generierten Quellcode aus...:
Code:
<div id="bla_1">...<div> <script type="text/javascript">$('#bla_1').data('d', '123');</script> <div id="bla_2">...<div> <script type="text/javascript">$('#bla_2').data('d', '456');</script> ... <div id="bla_n">...<div> <script type="text/javascript">$('#bla_n').data('d', 'nnn');</script>
MfG
RedoX
Kommentar