Deutschpress

kaiser

00:01

Gib Dir mal das hier: stackoverflow.com/a/6111685/376483

ungestaltbar

ja?

kaiser

Arge art event handler zu binden. Wusste nicht, dass das geht.

ungestaltbar

was jetzt genau?

kaiser

Den zweiten Ansatz

$.each(all_objects, function() {
    var $a = $('<a/>', {
        href: '#saved-route',
        text: this.text
    });

    var $li = $('<li/>', {
        click: function () {
            // do stuff on click
        }
    }).append($a);

    $('#saved-list').append($li);
});

Außerdem verstehe ich nicht, wie das jetzt nicht ein binden eines Eventhandlers an jedes Listenelement wäre.

ungestaltbar

achso, jo, ich wüsste nicht warum man das so machen wollen würde

kaiser

00:06

Angeblich (lt. Txt) performanter

ungestaltbar

da würd ich mir mein Datum doch in data-whatever speichern statt so komische sachen zu machen, zumla .live und .delegate ja eh out sind

kaiser

.on() is mucho kooler

ungestaltbar

eben

kaiser

Ich überlege gerade, wie ich das eigentlich mit dem Ajax-Request mache, wenn ich die Seite einfach so lade, also mit den ganzen query string Argumenten...

Also vermutlich .on( 'pageBeforeCreate', function() $.ajax( { ...

Shit. Nix geht.

pageinit, pagecreate, alles leere Werte... na super

ungestaltbar

:) du machst das schon

und dann schreibste ausgiebig darüber wie du es gemacht hast :)

und dann beschäftige ich mich damit, wenn du fertig bist. Das ist ein guter Plan.

kaiser

00:18

Ha! naja, bei dem was du mir denken hilfst, nur würdig und recht :)

ungestaltbar

ich glaube zu ahnen, das Dein Ansatz leicht verkorkst ist

Du hast das ja eigentlich selbst gesagt: Du hast eine leere Seite und Deine gesamte Umgebung, und alles regelt sich über die URL

kaiser

ja?

ungestaltbar

von da ausgehend gibs ja nicht viele Möglichkeiten: Query String: ja, was ist da los, mach das. Querystring: nein, Startseite.

und brauchst du ja "nur'" handler für verschiedene Sektionen, falls vorhanden..also sowas wie page=x, location=x, search=x, results=x

kaiser

Ja. Im Moment probiere ich mich gerade in die URl Geschichte einzulesen. Das Problem könnte aber sein, dass jQM dafür nicht ausgelegt ist, ich also lt. Plan keine Seite direkt aufrufen soll.

ungestaltbar

inwiefern, ist der initiale Zustand den wichtig für JQM ?

kaiser

00:26

Weiß ich noch nicht so genau.

The basic workflow with page loading is as follows: first, a page is requested with a normal HTTP request, and subsequent "pages" are then requested and injected into that page's DOM. Because of this, the DOM may have a number of "pages" in it at a time, each of which can be re-visited by linking to its data-url attribute.

ungestaltbar

Inwiefern muss JQM wissen auf welcher Seite es losgeht. Definiert man ganz explizit eine Startseite, eine Urzustand?

kaiser

Ah. location ist ein globales objekt. Das hilft vielleicht.

ungestaltbar

Ok, das wäre ja so ein Prinzip Caching von besuchten Seiten..

kaiser

↑ Zu Deiner Frage: Das hab ich immer noch nicht ganz kapiert.

jquerymobile.com/test/docs/pages/page-navmodel.html

ungestaltbar

Inwiefern ist das sinnvoll, wenns dynamischen Seiten sind..das kann man sich doch sparen, es sei denn JQM besteht draufm, aber so sieht in der Demo ja nicht aus.

kaiser

00:31

Hm. Muss ich schon wieder mit keine Ahnung "beantworten".

jquerymobile.com/test/docs/pages/page-cache.html

Das ist die Cache Lösung. Die kümmert sich angeblich auch um den Browser-Memory.

Und history.js dürfte in jQm eingebaut sein.

ungestaltbar

ich hab mal ganz simpel das gemacht margenfeld.com

kaiser

Zumindest sind die function Namen die gleichen und es fängt mit .history() an.

ungestaltbar

das läuft mit history.js, was ja im Grunde das macht, was Du eben in dem Link gepostet hast..entweder Hashchange oder push.state falls der Browser das denn kann.

was Dir eigentlich auch egal sein sollte, weil es JQM / Plugin regelt.

kaiser

Alles klar. Hilft mir nur leider gerade gar nicht, weil's keien History ist, wenn ich einen Link aufrufe, dessen Inhalte noch nicht existieren (aber hübsch ist die Seite).

ungestaltbar

naja du hast ja ne base

du könntest dich wieder auf WP verlassen

du erstellst ne seite die unter /location ( wie auch immer ) erreichbar ist..dazu gibs dann nen query string..da kannste ja ganz normal mit arbeiten

so wie ich Dir margenfeld.com/biografie linken kann

was deine php seite dann macht, ist ja erstmal egal

und so lese ich das da auch: du hast einfach seiten, die generieren irgendwie geartetes MArkup auf Grund völlig gleichgültiger Logik und die werden dann "injected"

kaiser

00:39

Versteh ich jetzt nicht ganz.

Ich glaub ich nähere mich gerade von einer anderen Seite:

ungestaltbar

es mach ja kein großen unterschied ob ich /location?foo=bar&mega=geil im browser aufrufe oder per Ajax

kaiser

Das location Objekt ist bei .on( 'pageinit', function() console.log( location ) ja schon befüllt:

Location
assign: function () { [native code] }
hash: "#list_view?type=party?page=botzn-mulatschag"
host: "vanilla.dev"
hostname: "vanilla.dev"
href: "http://vanilla.dev/#list_view?type=party?page=botzn-mulatschag"
origin: "http://vanilla.dev"
pathname: "/"
port: ""
protocol: "http:"
reload: function () { [native code] }
replace: function () { [native code] }
search: ""
toString: function toString() { [native code] }
valueOf: function valueOf() { [native code] }
__proto__: Location

ungestaltbar

jo da is doch alles drin

kaiser

Jetzt müsste ich nur die einzelnen Query string Argumente da raus bekommen und eine Query bauen.

ungestaltbar

genau

kaiser

00:40

↑ hat vorher irgendwie nicht funktioniert mit den location auslesen. War wohl irgendwo ein Fehler :P

ungestaltbar

is da nix in JQM bei für den Zweck?

kaiser

Du meinst location.hash.GIMMEQUERYPARTS!?

ungestaltbar

jo

kaiser

Das suche ich schon die ganze Zeit :)

ungestaltbar

var a = hash;
var b = a.split('&');
var result ={};
$.each(b, function(x,y){
var temp = y.split('=');
result[temp[0]] = temp[1];
	});

oh sieht doof aus

result.type, result.page dann entsprechend etc.

kaiser

00:46

Ok, ich bau mal schnell die Umgebung fertig dann teste ich da rein

Hm. Geht mit dem $.each nicht, weil ja der '#page_id` auch dabei ist.

Aber der Ansatz passt schon einmal. Merci :)

ungestaltbar

achso, ja sieht anders aus bei dir..aber irgendwie sowas und dann bauste dir entsprechend zusammen, welche Daten geholt werden soll.

und wie ich das seh, gibt es keine notwendigkeit irgendwas schon vorher im DOM zu haben, und auch nicht etwas im DOM zu lassen. Eigentlich kannst Du eben immer mit einer "Seite" arbeiten, ohne auf Übergangsanimationen zu verichten, falls es irgendiwe darum geht.

viel Spaß dabei, ich mach mich ma weg.

kaiser

Gute Nacht und Merci für den Einsatz.

kaiser