[AJAX] Portage de Ruby vers PHP

**GTJuanpablo** · 11/01/2006, 16h07

Bonjour a tous ,
je suis actuellement débutant en ajax, et je suis viens d'installer 2 librairies:
prototype-1.3.1 et scriptaculous-js-1.5.1

afin de pouvoir bénéficier de ceci:http://demo.script.aculo.us/shop

la source ce ce script est disponible:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
# view
<div style="margin-bottom:20px;height:120px;">
<% for product in @products %>
  <%= image_tag "/images/products/product#{product.id}",
        :id => "product_#{product.id}",
        :alt => product.title, 
        :class => "products"  %>
  <%= draggable_element "product_#{product.id}", :revert => true %>
<% end %>
</div>
 
<h2>Your cart:</h2>
 
<div id="cart" class="cart" style="clear:left; height:132px;margin-top:10px;">
  <div id="wastebin">
    Drop items here to remove them from the cart.
  </div>
  <div id="items">
    <%= render :partial => "cart" %>
  </div>
  <div style="clear:both;"></div>
</div>
 
<div style="height:40px;padding-top:10px;">
<p id="indicator" style="display:none;margin-top:0px;">
  <%= image_tag "indicator.gif" %> Updating cart...
</p>
</div>
 
<%= drop_receiving_element "cart", 
      :update => "items", :url => { :action => "add" },
      :accept => "products", :hoverclass => "cart-active",
      :loading => "Element.show('indicator')",
      :complete => "Element.hide('indicator')" %>
 
<%= drop_receiving_element "wastebin", 
      :update => "items", :url => { :action => "remove" },
      :accept => "cart-items", :hoverclass => "wastebin-active",
      :before => "Element.hide(element)",
      :loading => "Element.show('indicator')",
      :complete => "Element.hide('indicator')" %>
 
# controller
class ShopController < ApplicationController
 
  def index
    session[:cart] ||= {}
    @products = Product.find(:all)
  end
 
  def add
    product_id = params[:id].split("_")[1]
 
    session[:cart][product_id] = 
      session[:cart].include?(product_id) ?  
      session[:cart][product_id]+1 : 1
 
    render :partial => 'cart'
  end
 
  def remove
    product_id = params[:id].split("_")[1]
 
    if session[:cart][product_id] > 1 
      session[:cart][product_id] = session[:cart][product_id]-1
    else
      session[:cart].delete(product_id)
    end
 
    render :partial => 'cart'
  end
 
end
 
 
# _cart.rhtml partial
<% session[:cart].each do |product,quantity| %>
<div>
  <% quantity.times do |i| %>
    <%= image_tag "/images/products/product#{product}", 
          :class => "cart-items", 
          :id => "item_#{product}_#{i}", 
          :style => "position:relative;" %>
    <%= draggable_element "item_#{product}_#{i}", :revert => true %>
  <% end %>
  <span class="title">
    <%= Product.find(product).title + " (#{quantity})" %>
  </span>
</div>
<% end %>
<%= "Here's your shopping cart." if session[:cart].empty? %>

mais je ne sais pas ou la placer et je n'arrive pas à faire fonctionner ce programme.

je suis dans une page HTML ou j'appel bien mes 2 librairies:
<script src="/javascripts/prototype.js" type="text/javascript"></script>
<script src="/javascripts/scriptaculous.js" type="text/javascript"></script>

comment appeller le programme et comment gérer le code avec les balises <%??

merci d'avance de votre aide.

**_Mac_** · 11/01/2006, 16h55

C'est du Ruby, un langage de programmation. C'est lui qui va interpréter les <%. Forcément, si ton serveur ne comprend pas le Ruby, ça risque pas de marcher. La première chose à faire, c'est installer Ruby sur ton serveur (si tu peux le faire, bien entendu).

**GTJuanpablo** · 11/01/2006, 17h29

je vais utiliser PHP pour ce transformer ce code ruby, savez vous comment je pourrais m'y prendre? en utilisant les sessions?

merci d'avance

**kemenaran** · 11/01/2006, 21h42

Aculo ne fournit des librairies Javascript (le plus utile), et accesoirement des éléments de Ruby pour en faciliter l'utilisation. Si tu ne peux/veux pas utiliser Ruby, il faut reprogrammer la partie serveur en Php, mais ça ne devrait pas être trop difficile... Essaie de regarder la doc d'Aculo et les exemples de drag/drop présents sur le site web de démo, ça doit se faire assez bien.

**GTJuanpablo** · 12/01/2006, 09h01

j'ai essayé, et à vrai dire je ne sais pas trop comment m'y prendre et comment commencer

**SpaceFrog** · 12/01/2006, 11h55

s'attaquer à des libraires pour commencer ...

mieux vaut directementfaire ses fonctions de drag & drop ...
il y en a d'ailleurs une que je viens de remettre dans le forum javascript ...

**GTJuanpablo** · 12/01/2006, 14h25

merci pour votre aide, j'ai complètement modifier mon script mais j'ai encore un probleme:
voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<?php
session_start(); // Une fois par script
if (isset($_GET['fich']))
{
        $prod=$_GET['fich'];
        $url="<img src='" . $prod . "' width=50 height=50>";
        $nom=strtolower(substr($prod, strrpos($prod, '/')));
        $ancu=$_SESSION["im2"];
        $ancn=$_SESSION["no2"]; 
        $_SESSION["im2"] = $ancu . $url;
        $_SESSION["no2"] = $ancn . $nom;
}
 
?>
<html>
<head>
<script src="../../lib/prototype.js" type="text/javascript"></script>
<script src="../../src/scriptaculous.js" type="text/javascript"></script>
<script src="../../src/unittest.js" type="text/javascript"></script>
</head>
 
<body>
<center>
Contenu actuel du panier:<br>
<div id="cart" class="cart"  style="text-align:center; height:auto;width:70%;padding:10px;background-color:#d5ddd2" >
<?php
echo $_SESSION["im2"];
echo "<br>Deplacez un objet ici pour l'ajouter au panier";
?> 
</div>
 
<br><br><br>
 
Liste des produits:<br>
<?php
$folder = "./images/products/";
$dossier = opendir($folder);
while ($Fichier = readdir($dossier)) {
  if ($Fichier != "." && $Fichier != "..") {
    $nomFichier = $folder."".$Fichier;
    //Affichage de l'image
    echo "<img alt='$Fichier' id='$Fichier' src='$nomFichier' >"
 	 . "<script type='text/javascript'>new Draggable('$Fichier', {revert:true})</script>&nbsp;";
 
  }
}
//Code javascript
echo "<script type='text/javascript'>Droppables.add('cart', {onDrop:function(element,dropon){location.replace('dragdrop5_test.php?fich=$nomFichier');}})"
	. "</script>";
 
closedir($dossier);
?>
</center>
 
</body>
</html>

le drag and drop marche mais s'applique à un seul produit, si je met un autre produit dans mon dossier, il va m'ajouter au panier le dernier produit du dossier quel que soit le produit.

comment puis-je faire pour ajouter le bon produit au panier?

merci d'avance

**SpaceFrog** · 12/01/2006, 14h41

passer element en variable globale ?

**GTJuanpablo** · 12/01/2006, 14h55

comment ça?

**artotal** · 12/01/2006, 23h50

C'est super terrible comme code, aie, aie !

**GTJuanpablo** · 13/01/2006, 09h06

tu veux dire que c'est dur?

je pense qu'il y a que le javascript pour pouvoir faire que ça marche non?

**artotal** · 13/01/2006, 15h06

non sa donne envie d'apprendre le comment du pourquoi, alors je tire la langue en attendant des tutos sur l'ajax en [fr].

**Gilbert2** · 18/01/2006, 15h47

Il existe un portage complet en PHP du script Ruby que tu mentionnes, expliqué pas-à-pas, sur le site de symfony:

http://www.symfony-project.com/tutorial/symfony_ajax.html

Ca devrait pouvoir t'éclairer

**siddh** · 19/01/2006, 00h31

Envoyé par artotal

non sa donne envie d'apprendre le comment du pourquoi, alors je tire la langue en attendant des tutos sur l'ajax en [fr].

http://siddh.developpez.com/articles/ajax/

**gerald@23juin.net** · 01/02/2008, 10h15

Bonjour..
A la recherche comme vous tous d'un portage de ce panier vers php..
J'ai renoncé à partir de la version symfony, et en poursuivant mes recherches,
j'ai déniché cette adresse :
http://www.ajaxlessons.com/2006/02/1...-scriptaculous
C'est clair, concis et facilement adaptable.
Je cherchais un truc 'rigolo' pour générer des factures à partir d'une liste de Bon de livraisons. C pile poil.

Voilà.
Bon dev à tous.
Gérald

[AJAX] Portage de Ruby vers PHP

JavaScript

Discussions similaires

Partager

Partager