Discussion :

[dubitoph]

Bonjour,

Dans un fichier js, via du Jquery, je construis des boutons de manière dynamique :

Code :

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

1
2
3
4
 var $newFormLi = $ ( '<li></li>' ). append ( newForm );
    var $deletePriceButton = $ ( '<button type="button" class="btn-remove" onclick="removePrice(this);">Supprimer cette durée</button>' );
    $newFormLi. append ( $deletePriceButton );
    $( this ) . before ( $newFormLi );

Sur le onclick de ces boutons, j'appelle une fonction removePrice() se trouvant dans le même fichier js :

Code :

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

onclick="removePrice(this);"

Code :

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

1
2
3
4
5
function removePrice(btn) {
 
    btn.parent().remove();
 
}

Or, lorsque je clique sur un de ces boutons, j'obtiens l'erreur suivante :

Uncaught ReferenceError: removePrice is not defined
at HTMLButtonElement.onclick (newPrices:1)

Quelqu'un aurait une idée de la source du problème?

Merci d'avance pour votre aide.

[Toufik83]

Salut,
pourquoi ne pas utiliser jQuery proprement ?
supprime l'attribut onclick du bouton et applique l'évenement clique avec jQuery

Code javascript :

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

1
2
3
4
 
$('body').on('click',".btn-remove",function(){
	$(this).parent().remove();
});

[dubitoph]

Merci beaucoup pour ton aide. J'avais tenté de le faire ainsi, cependant, pour les boutons créés avec Jquery, ça ne fonctionnait pas avec le code suivant :

Code :

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

$('.btn-remove') . on ( 'click' , function ()

.

Mais avec le tien, ça fonctionne