Bonjour à tous,
Sur mon ecommerce, j'ai un panier qui fonctionne en Ajax avec un effet Prestashop. Une fonction javascript produit l'effet de transfert vers le panier :
En relation avec le formulaire et le bouton "Ajouter" du produit :
Le problème c'est que j'ai plusieurs boutons "Ajouter", pour différents produits. Est-il possible de rajouter une variable dans la fonction pour n'avoir à la répéter qu'une seule fois dans le document ?
Car à l'heure actuelle, je suis obligé de répété la fonction pour chaque bouton "Ajouter", avec comme seule différence $id qui sert d'identifiant aux boutons "Ajouter".
Si je pouvais écrire une fonction globale avec une variavble sur #button_submit et #cart_quantity, je gagnerais des centaines de lignes de codes dans mon document, mais je ne connais pas bien javascript.
Vous pouvez constater les dégats ici :
-imprimantes . fr/cartouche-jet-encre-brother-c-21_52.html
Faites clic droit > afficher la source. Le site est en pleine refonte et fera 100 fois plus pro et moderne après. Merci à ceux qui comprendront le problème
Sur mon ecommerce, j'ai un panier qui fonctionne en Ajax avec un effet Prestashop. Une fonction javascript produit l'effet de transfert vers le panier :
Code:
<script type="text/javascript">
$(document).ready(function() {
$('#cart_quantity').live('submit', function() {
$('#button_submit').attr('disabled', 'disabled');
var options = {};
options = { to: "#ajax_cart", className: 'ui-effects-transfer' };
$("#button_add_cart").effect('transfer',options,1300);
var datas_form = $('#cart_quantity').serializeArray();
$.ajax({
url:'ajax_add_cart.php',
data: datas_form,
type: 'POST',
success: function(data) {
var datas = data.split("|");
setTimeout(function() {
$('#content_products').html(datas[0]);
$('#content_total').html(datas[1]);
$('#fila_' + datas[2]).fadeOut("fast").fadeIn("fast").fadeOut("fast").fadeIn("fast").fadeOut("fast").fadeIn("fast");
$('#content_total').fadeOut("fast").fadeIn("fast").fadeOut("fast").fadeIn("fast").fadeOut("fast").fadeIn("fast");
}, 1300);
}
});
$('#button_submit').attr('disabled', '');
return false;
});
});
</script>
PHP:
<span class="syntaxdefault"><br /></span><span class="syntaxkeyword"><</span><span class="syntaxdefault">form id</span><span class="syntaxkeyword">=</span><span class="syntaxstring">'cart_quantity".$id."' </span><span class="syntaxdefault">action</span><span class="syntaxkeyword">=</span><span class="syntaxstring">'".$_SERVER['</span><span class="syntaxdefault">SCRIPT_URI</span><span class="syntaxstring">']."?action=buy_now&products_id=".$id"' </span><span class="syntaxdefault">method</span><span class="syntaxkeyword">=</span><span class="syntaxstring">'POST'</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault">tep_draw_hidden_field</span><span class="syntaxkeyword">(</span><span class="syntaxstring">'products_id'</span><span class="syntaxkeyword">, </span><span class="syntaxdefault">$id</span><span class="syntaxkeyword">)<br /></span><span class="syntaxdefault">tep_draw_hidden_field</span><span class="syntaxkeyword">(</span><span class="syntaxstring">'quantity'</span><span class="syntaxkeyword">, </span><span class="syntaxdefault">1</span><span class="syntaxkeyword">)<br /><</span><span class="syntaxdefault">div id</span><span class="syntaxkeyword">=</span><span class="syntaxstring">'button_add_cart".$id."' </span><span class="syntaxdefault">title</span><span class="syntaxkeyword">=</span><span class="syntaxstring">'Ajouter au panier' </span><span class="syntaxdefault">style</span><span class="syntaxkeyword">=</span><span class="syntaxstring">'float:right;'</span><span class="syntaxkeyword">><br /><</span><span class="syntaxdefault">input type</span><span class="syntaxkeyword">=</span><span class="syntaxstring">'submit' </span><span class="syntaxdefault">value</span><span class="syntaxkeyword">=</span><span class="syntaxstring">'Ajouter' </span><span class="syntaxdefault">id</span><span class="syntaxkeyword">=</span><span class="syntaxstring">'button_submit".$id."' </span><span class="syntaxkeyword">class=</span><span class="syntaxstring">'button_add_cart_small_liste'</span><span class="syntaxkeyword">><br /></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">> </span><span class="syntaxdefault"></span>
Car à l'heure actuelle, je suis obligé de répété la fonction pour chaque bouton "Ajouter", avec comme seule différence $id qui sert d'identifiant aux boutons "Ajouter".
Si je pouvais écrire une fonction globale avec une variavble sur #button_submit et #cart_quantity, je gagnerais des centaines de lignes de codes dans mon document, mais je ne connais pas bien javascript.
Vous pouvez constater les dégats ici :
-imprimantes . fr/cartouche-jet-encre-brother-c-21_52.html
Faites clic droit > afficher la source. Le site est en pleine refonte et fera 100 fois plus pro et moderne après. Merci à ceux qui comprendront le problème