url de redirection dans fonction javascript

Version imprimable

Voir 40 message(s) de cette discussion en une page

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

Code:

<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:

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:

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

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

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

23/02/2013, 10h05
SpaceFrog

peux tu être plus clair dans ta demande s'il te plait, je n'ai pas compris le but de la manœuvre
23/02/2013, 10h09
chlock62

re

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
23/02/2013, 11h31
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:

document.location.href="{{path('fos_user_compte')}}?tableau="+$.serialializeArray(tab);
23/02/2013, 12h52
chlock62

re

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.
23/02/2013, 12h54
chlock62

re

De plus, je la mais ou cette ligne , à la suite de ma boucle ?
23/02/2013, 13h09
SpaceFrog

une fois l'array renseigné oui ...

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

Voici donc ma fonction

Code:

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

23/02/2013, 14h01
NoSmoking

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

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

Code:

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>

23/02/2013, 14h12
NoSmoking

Citation:

Envoyé par SpaceFrog

juste un détail location n'est pas une propriété de document mais plutot de window ...
23/02/2013, 14h18
chlock62

re

Quand je met google ca marche donc bizarre

document.location.href="http://www.google.fr";
23/02/2013, 14h26
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:

1 2 var newAdress = ="{{path('fos_user_compte')}}?tableau="+$.serialializeArray(tab); console.log( newAdress);
23/02/2013, 14h35
chlock62

re

Toujour rien ne fonctionne j'ai essayé avec d'autree adresse que j'utilise d'habitude toujour rien, c'est bien énervant
23/02/2013, 15h01
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:

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.

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:

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:

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

petit exemple

Code:

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.

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:

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>

23/02/2013, 15h49
chlock62

re

le nbr est donc dynamique maintenant ,il faut que je mette tous mes input value dans mon tableau maintenant
23/02/2013, 16h11
NoSmoking
STOP! on se calme...:zen:

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

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:

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

pour quelle devienne

Code:

<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.

Voir 40 message(s) de cette discussion en une page