Discussion :

[chlock62]

Lors du click sur un élément de ma page ici :

Code html :

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

<td id="click" class="lastBorder"> Passer commande </td>

j'ai ma fonction javascipt suivante ou j'effectue divers traitement donc je vous évite les details

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
$(".loading").hide();
$("#click").click(function(){
  ligne = document.getElementsByClassName('ligne');
  var tab = new Array();
  for(i=0;i<ligne.length;i++)
  {
  tab[i]=  $("#qte_"+(i+1)).val();
  }
  document.location.href="{{path('fos_user_compte')}}",
 
 });
</script>

cela dit aprés les différent traitement aprés que la boucle for etc ont faite leur traitement je voudrait redirigé vers une nouvelle action avec le tableau passé en parametre du genre :

Code :

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

url: "{{ path('fos_user_compte{{tableau: tab}})}}",

je sais le faire pour ce qui est d'un formulaire submit comme ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
$.ajax({
        type: "POST",
        url: "{{ path('Ecommerce_catalogue_produit_rechercher')}}",
        data: DATA,
        cache: false,
        success: function(data){
           $('#resultats_recherche').html(data);
           $(".loading").hide();
        }
    });

mais la je bloque vraiment, une idée serait la bienvenu la

merci d'avance

[SpaceFrog]

peux tu être plus clair dans ta demande s'il te plait, je n'ai pas compris le but de la manœuvre

[chlock62]

le but de la manoeuvre est tout simplement de récupéré mon tableau << tab >>
afin de pouvoir l'utilisé ailleur dans du php, c'est pour cela que je veut faire une redirection aprés le remplissage du tableau au clique de la souri sur l'élément.

Si vous avez une autre solution

Merci de me venir en aide c'est sympathique

[SpaceFrog]

Ha ...
Je pense avoir compris ton besoin: tu souhaites faire passer ton array javascript vers php au moyen d'un url en passant un paramètre get ?

Code :

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

document.location.href="{{path('fos_user_compte')}}?tableau="+$.serialializeArray(tab);

[chlock62]

Oui ,c'est je suis obligé d'utilsé du javascript car je compte des éléments, ect

Donc je vais essayé ta solution, je te tien au courant

Encore merci pour ces infos de ta part.

[chlock62]

De plus, je la mais ou cette ligne , à la suite de ma boucle ?

[SpaceFrog]

une fois l'array renseigné oui ...

juste un détail location n'est pas une propriété de document mais plutot de window ...

[chlock62]

Voici donc ma fonction

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function myClick()
{
 
  ligne = document.getElementsByClassName('ligne');
  var tab = new Array();
 
  for(i=0;i<ligne.length;i++)
  {
 
  tab[i]=  $("#qte_"+(i+1)).val();
  }
}
document.location.href="{{path('fos_user_compte')}}?tableau="+$.serialializeArray(tab);

aucune redirection sur le clique au clique

[NoSmoking]

Bonjour,
document.location.href="{{path('fos_user_compte')}}?tableau="+$.serialializeArray(tab); doit être dans la fonction et pas en dehors de celle ci

[chlock62]

Oui je me suis trompé mais j'ai réctifié mais toujour aucune redirection

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script>
$(".loading").hide();
$("#click").click(function(){
  ligne = document.getElementsByClassName('ligne');
  var tab = new Array();
  for(i=0;i<ligne.length;i++)
  {
  tab[i]=  $("#qte_"+(i+1)).val();
  }
document.location.href="{{path('fos_user_compte')}}?tableau="+$.serialializeArray(tab);
 
 });
</script>

[NoSmoking]

juste un détail location n'est pas une propriété de document mais plutot de window ...

[chlock62]

Quand je met google ca marche donc bizarre

document.location.href="http://www.google.fr";

[NoSmoking]

c'est vrai que cela devrait le faire quand même.

Vérifies quand même que l'adresse que tu mets est correcte

Code :

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

1
2
var newAdress = ="{{path('fos_user_compte')}}?tableau="+$.serialializeArray(tab);
console.log( newAdress);

[chlock62]

Toujour rien ne fonctionne j'ai essayé avec d'autree adresse que j'utilise d'habitude toujour rien, c'est bien énervant

[NoSmoking]

sorry!!!
je viens de reprendre le post en complet pour voir des erreurs
- serialializeArray n'existe pas il s'agit de serializeArray.

- pourquoi parcourir et ne pas récupérer directement grâce au sélecteurs et surtout avec serialize()

Code :

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

1
2
3
4
5
$("#click").click(function(){
  var newAdress ="{{path('fos_user_compte')}}?tableau="+$('input[name^="qte_"]').serialize();
  console.log( newAdress);
  document.location.href = newAdress;
 });

il te faut dans ce cas avoir des name à tes INPUT au lieu des id.

[chlock62]

Je vais essayé

comment on récupére les valeurs de mes différent input car il sont créer avec un foreach du genre:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
{% for produit in listeProduitsPanier%}

				<tr class="ligne">
				        <td> {{ produit.libelle }} </td>
					<td> {{ produit.description }} </td>
					<td> {{ produit.prixHT }} </td>
					<td>
<form id="update_qte" action="{{ path('update_panier_qte') }}"  method="post" class="">
<input id="qte_{{loop.index}}" style="width:20px" type=\"text\" name=qte value={{quantite[produit.id]}}>
<input type="submit" value="{{ 'profile.edit.submit'|trans({}, 'FOSUserBundle') }}" />
</form>
</td>

C'est pour ca que que je refaisai un for dans ma fonction javascript pour ajouter l'indice i a mon selecteur que j'ai mis en rouge

Code :

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

1
2
3
4
5
for(i=0;i<ligne.length;i++)
  {
  tab[i]=  $("#qte_"+(i+1)).val();
  }

et la je récupéré tous mes input avec ta solution les inputs sont nommé en dur moi en dynamique avec l'indice i car on sait pas a l'avance le nombre de ligne qu'on va avoir

[NoSmoking]

petit exemple

Code html :

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[...]</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button id="click">GO</button>
<script>
var oElem;
var i, nbr = 4;
for( i= 0; i <nbr; i++){
  oElem = document.createElement('INPUT');
  document.body.appendChild( oElem);
  oElem.type  = 'text';
  oElem.value = 'val_' +i;
  oElem.name  = 'qte_' +i;
}
$("#click").click(function(){
  alert('param = \n' + $('input[name^="qte_"]').serialize());
});
</script>
</body>
</html>

modifies la valeur de nbr et observe le résultat.

[chlock62]

ta solution a lair sympa pour le dynamisme, je voudrais que la valeur de nbr soit dynamique donc j'ai récupéré les ligne en rouge de 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
<script>
$("#click").click(function(){
var oElem;
var i,;
nbr = document.getElementsByClassName('ligne');

for( i= 0; i <nbr.length; i++){
  oElem = document.createElement('INPUT');
  document.body.appendChild( oElem);
  oElem.type  = 'text';
  oElem.value = 'val_' +i;
  oElem.name  = 'qte_' +i;
}
pense tu que ca peut marché
  
});
</script>

[chlock62]

le nbr est donc dynamique maintenant ,il faut que je mette tous mes input value dans mon tableau maintenant

[NoSmoking]

STOP! on se calme...

ce que l'on essaie de te faire comprendre c'est que ces lignes:

Code :

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

1
2
3
4
$("#click").click(function(){
  var newAdress ="{{path('fos_user_compte')}}?tableau="+$('input[name^="qte_"]').serialize();
  document.location.href = newAdress;
 });

suffisent à résoudre ton problème pour peu que ton code HTML soit correct.

Il te faut simplement reprendre cette ligne

Code :

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

<input id="qte_{{loop.index}}" style="width:20px" type=\"text\" name=qte value={{quantite[produit.id]}}>

pour quelle devienne

Code :

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

<input id="qte_{{loop.index}}" style="width:20px" type="text" name="qte_{{loop.index}}" value="{{quantite[produit.id]}}">

ou un truc approchant ne connaissant pas le langage que tu utilises.