Rails, Ajax et éditeur de cartes

[Sephi-Chan]

Oui Popayan, c'est vide. Tu peux mettre des trucs si tu veux dedans, mais généralement ce sera mieux en utilisant les images de fond.

Niahoo, dans mon cas, on ne récupère pas les données : c'est le serveur qui génère du Javascript prêt à l'emploi et Prototype l'interprète car quand la réponse du serveur a un Content-Type propre à Javascript, il sait qu'il doit évaluer la réponse (mais — même si ça n'a pas de sens — on peut forcer l'option evalJS à false dans la requête).

L'autre solution est de renvoyer du JSON et de "construire" le HTML côté Javascript, dans le onSuccess de la requête Ajax, c'est un poil plus économique en bande passante mais c'est moins simple et ça cause des duplications de code.


Sephi-Chan

[niahoo]

oui c'est chiant de générer du HTML en javascipt. je l'ai eu fait sur mon site consacré à eve online, en plus j'apprenais jQuery donc c'est des document.createElement() mélangés à des $('...').inner('<table>blabla</table>');

la honte quoi. mais bon ça tourne parfaitement.

Cool le coup du content type, ça fonctionne uniquement avec prototype ou tu sais si jquery le fait aussi ?

donc si j'ai bien pigé, si je réponds à ma requete ajax comme ceci :

Code PHP :

<?php

header('content-type: text/javascript');

echo "alert('hello');"; 

[popayan]

Ok, mais comme je n'ai pas encore fait de css pour cette appli... je rajoute juste "= image_tag("terrains/#{tile.tile_type.terrain}.png")" dans _tile.html.haml et ca sera déja pas mal

Sinon, ca commence à ressembler à quelque chose
Me reste un problème de route: quand je dépose une tuile sur une case, dans ma console du server j'ai:

Code :

Started POST "/maps/1/tiles/3.js" for 127.0.0.1 at ....

ActionController::RoutingError (No route matches "/maps/1/tiles/3.js"):

[Sephi-Chan]

Je ne suis pas sûr que jQuery fasse ça. En général je fais :

$.ajax({

  url:      url,

  type:     'PUT'

  dataType: 'script',

  ...

});

Et le plus souvent, je construis le HTML côté serveur. Ça produit une réponse un peu plus lourde mais mon code reste DRY.

html_for_tile = escape_javascript(render('tile', :map => @map, :tile => @tile))

 

:plain

  var tile = $('#{@tile.id}');

  tile.html('#{html_for_tile}'); // Avec jQuery, seul le html() change par rapport au insert() de Prototype.

Sephi-Chan

[popayan]

Après 1 bonne soirée de recherche, je suis toujours coincé sur cette erreur de route... je pense que ca devrait appeller l'action update, mais même avec tous mes essais rien ne fonctionne...

[Sephi-Chan]

C'est normal. Regarde la sortie de ta commande rake routes. Et colle là ici (j'insiste :p). Puis compare-la avec le log de l'appel Ajax que tu nous a collé :

Started POST "/maps/1/tiles/3.js" for 127.0.0.1 at ....

ActionController::RoutingError (No route matches "/maps/1/tiles/3.js"):

Pour exécuter l'action update, il faut que la méthode soit PUT !

Normalement le code que je t'ai donné pour lancer la requête Ajax utilise bien la méthode PUT. Cf. la documentation de Prototype :

method (String; default post): The HTTP method to use for the request. The other common possibility is get. Abiding by Rails conventions, Prototype also reacts to other HTTP verbs (such as put and delete) by submitting via post and adding a extra _method parameter with the originally-requested method.

Sephi-Chan

[popayan]

ben justement, j'ai bien la ligne qui devrait correspondre
( map_tile PUT /maps/:map_id/tiles/:id(.:format) { :action=>"update", :controller=>"tiles" } )

reste à voir pourquoi j'ai un POST au lieu d'un PUT?

[Sephi-Chan]

Parce que ta requête Ajax foire. C'est côté Javascript qu'il faut chercher.
Essaye en mettant manuellement la méthode à utiliser (mais d'après la documentation, c'est ce que Prototype devrait faire…) :

$$(".tile").each(function(tile){

  Droppables.add(tile.id, {

    onDrop: function(tool, tile, event){

      var tileUrl    = tile.getAttribute('data-url') + ".js";

      var tileTypeId = tool.getAttribute('id');

      var parameters = {

        _method: "PUT",

        tile: {

          tile_type_id: tileTypeId

        }

      };

 

      new Ajax.Request(tileUrl, {

        method:      "post",

        contentType: "text/javascript",

        parameters:  parameters

      });

 

      event.preventDefault();

    }

  });

});

Sephi-Chan

[popayan]

toujours la même chose... j'avais bien vu la doc de prototype.
j'ai essayé en enlevant le method: "post" mais ca ne change rien.


edit:

trouvé : https://prototype.lighthouseapp.com/proj...x-requests

par contre, j'ai encore une erreur 'undefined local variable or method 'html_for_tile''

[Sephi-Chan]

Essaye d'ajouter un filtre pour afficher les paramètres reçus :

class TilesController < ApplicationController

  before_filter :raise_parameters

  

  def raise_parameters

    raise params.to_yaml

  end

  

  # Reste du contrôleur…

end

Sephi-Chan