Discussion :

[DjChat]

Bonjour a tous, j'utilise pour un de mes boutons, le style de bouton jQuery.
Mon souci c'est que je suis suis obliger de le régénère (empty /append) pour qu'il change de valeur quand mon select change, mais mon bouton ne prend plus le style jQuery.

J'ai essayer avec un id et une class mais sa ne change rien, je pense que c'est parc'que le bouton est généré par après, je ne voie pas comment faire pour palier a ce problème....

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
 
$(function() {
             // button style jquery
	     $("#btn_search_noir_Trans").button();
 
        //update select
    	$("select").change(function ()
    		{
        	$.get(
            	"{% url project.imag.ajax.update_select %}",
            	$(".select-album-form").serialize(),
            	function (data)
            		{
                	/*refresh button view album*/
			div_button_view = $("#button_view");
                	div_button_view.empty();
			div_button = "<a href='http://127.0.0.1:8000/imag/album/"+data.album_id+"/edit' title='Visualiser l&rsquo;album' id='btn_search_noir_Trans'>Visualiser l&rsquo;album</a>";
                   	div_button_view.append(div_button);
                        }
        	  );  
    	     });
          });

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
 
<div id="contentRightMenuForm">
     <form action="{% url project.imag.ajax.update_select %}" class="select-album-form" name="select-album-form" method="get">
          <select id="select_album" name="collection">
          {% for album in list_album %}
                 <option id="select_ajax" value="{{ album.id }}" {% ifequal selected_album.id album.id %}selected="selected"{% endifequal %}>{{ album.name }}</option>
          {% endfor %}
          </select>
     </form>
 
     <div id="button_view">
 
	  <input onClick="window.location.href='{% url project.imag.views.edit_album selected_album.id%}';" style="font-size:11px;" id="btn_search_noir_Trans" type="submit" value="Visualiser l&rsquo;album" />  
 
     </div>
 
</div>

Merci d'avance !!!

[SpaceFrog]

regarde du coté de live() ?

[DjChat]

Je dois mal m'y prendre, j'ai lu qu'il n'acceptai pas le paramètre change alors je l'ai changer en click, mais sa ne fonctionne pas....

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
 
$(function() {
             // button style jquery
	     $("#btn_search_noir_Trans").button();
 
        //update select
    	$("select").live("click", function ()
    		{
        	$.get(
            	"{% url project.imag.ajax.update_select %}",
            	$(".select-album-form").serialize(),
            	function (data)
            		{
                	/*refresh button view album*/
			div_button_view = $("#button_view");
                	div_button_view.empty();
			div_button = "<a href='http://127.0.0.1:8000/imag/album/"+data.album_id+"/edit' title='Visualiser l&rsquo;album' id='btn_search_noir_Trans'>Visualiser l&rsquo;album</a>";
                   	div_button_view.append(div_button);
                        }
        	  );  
    	     });
          });

[Edit 11:19] j'ai résolu mon problème en récrivant juste l'attribut href :

Code :

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

1
2
3
4
function (data)
{
    $("#btn_search_noir_Trans").attr('href','http://127.0.0.1:8000/imag/album/'+data.album_id+'/edit');
}

Par contre, si quelqu'un trouve pourquoi l'évènement live() ne marchais pas comme je l'ai utiliser, je suis intéresser, sa peux toujours servir !!!


Merci !