Discussion :

[DjChat]

Bonjour a tous, j'utilise photo-manager de jquery, j'affiche toute mes images avec une boucle (avec des tag Django) mais a chaque fois que je récupère le id de ma photo via le Javascript, je récupère le id de la première image afficher et non celui de celle que j'ai clicker...

Je vous met mon code HTML, donc l'action se passe quand je click sur le <a href> ajout_album et je récupère les données dans le input hidden :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
{% for affiche in  attribu_image %}
								<li class="ui-widget-content ui-corner-tr">
									<h5 class="ui-widget-header">{{ affiche.name|slice:":17" }}</h5>
									<img src="{% imagin_media_prefix %}{% for thumb in  affiche.element_thumb %}{{thumb}}{% endfor %}" alt="{{ affiche.name }}" height="72" />
									<a href="{% imagin_media_prefix %}{% for low in  affiche.element_low %}{{low}}{% endfor %}" title="{{ affiche.price }} {{ affiche.description }} {% for tags in affiche.tags  %} {{ tags }}, {% endfor %}" class="ui-icon ui-icon-zoomin">View larger</a>
									<a href="link/to/trash/script/when/we/have/js/off" id="ajout_album" title="Ajouter a mon album" class="ui-icon ui-icon-trash">Delete image</a>
									<input type="hidden" id="image" name="image" value="{{affiche.id}}">
								</li>
								{% endfor %}

Et dans le Javascript, j'ai intégré un alert pour pouvoir voir quel id d'image je récupère via la méthode post, mais a chaque fois je récupère le id de l'image 1....

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
 
// image deletion function
	var recycle_icon = "<a href='link/to/recycle/script/when/we/have/js/off' title='Supprimer de l&rsquo;album' class='ui-icon ui-icon-refresh'>Recycle image</a>";
	function deleteImage( $item ) {
 
		 $.post(
	                "{% url libertyproject.imagin.ajax.identity %}",
	                {name: $("#image").val()},
	                function (data)
	                {
	                    var string = "";
	                    for (var p in data)
	                    {
	                        string += p+":"+String(data[p])+"\n";
	                    }
	                    alert(string);
	                }
	            );
 
 
 
		$item.fadeOut(function() {
			var $list = $( "ul", $trash ).length ?
				$( "ul", $trash ) :
				$( "<ul class='gallery ui-helper-reset'/>" ).appendTo( $trash );
 
			$item.find( "a.ui-icon-trash" ).remove();
			$item.append( recycle_icon ).appendTo( $list ).fadeIn(function() {
				$item
					/*.animate({ width: "48px" })*/
					.find( "img" )
						.animate({ height: "72px" });
			});
		});
	}

Merci d'avance pour votre aide !!!

[danielhagnoul]

Bonsoir

http://jqueryui.com/demos/droppable/#photo-manager

j'affiche toute mes images avec une boucle (avec des tag Django)

Code :

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

<input type="hidden" id="image" name="image" value="{{affiche.id}}">

Je ne connais pas Django, mais si ce bout de code est répété plusieurs fois il y a un problème.car un id doit être unique !