Bonjour!
Stupid question, but you have made sure to wrap your code inside $
(function(){ /* your code */ }); yes?
As otherwise JQuery might have trouble locating what you need if it
isn't.
Also could you provide the HTML source as rendered by the browser, it
makes copy/pasting/testing easier :)
$("this ~ .quantite") is wrong tho i believe it should be $(this
+'.quantite') as this is a variable
(unless it is interpreated as variable between double quote like in
PHP, but I am pretty sure it doesn't)
On Mar 31, 3:14 pm, elpatator <[email protected]> wrote:
> Although Jquery offers multiple ways in selecting DOM elements, I
> can't figure out how to do this, as i'm not that good at it.
> Here's the deal :
> my html goes like this
> <logic:iterate id="ligneCommande" name="commande"
> property="lignesCommande" indexId="index">
> <div class="ligneArticle"><c:set
> var="nbLigneCommandes"
> value="${nbLigneCommandes+1}" />
> <bean:define id="articleId"
> name="ligneCommande"
> property="article.id" />
>
> <div class="blocGauche"><bean:define
> id="articleId"
> name="ligneCommande"
> property="article.id" />
> <img class="visuelArticle"
> src="/images/visuelsArticles/dim1/$
> {ligneCommande.article.articleReference.reference}_dim1.jpg"
> height="60" width="60" />
>
> <span class="libelleArticle">
> <bean:write
> name="ligneCommande"
> property="article.articleReference.libelle" />
> </span>
> </div>
> <div class="blocDroit">
> <span class="prixUnitaire">
> <bean:write
> name="ligneCommande"
> property="prixUnitaire" format=""
> formatKey="main.format.prix"/>
> <input
> type="hidden" class="prixProduit" name="prix${index}"
> value="${ligneCommande.prixUnitaire}"></input>
> <input type="hidden"
>
> name="montantDeLigne${index}" value="$
> {ligneCommande.prixTotal}"></input>
> </span>
>
> <table class="calculette">
> <tr>
> <td>
> <html:text
> styleClass="quantite"
> property="quantiteLigneCommande(${ligneCommande.id})" styleId="$
> {ligneCommande.id}"/>
> </td>
> <td>
> <img
> class="plus" src="/images/quantiteIncrement.gif"
> alt="Plus" />
> </td>
> <td>
> <img
> class="moins" src="/images/quantiteDecrement.gif"
> alt="Moins" />
> </td>
> </tr>
> </table>
>
> <div
> id="montantDeLigneAfficher${index}" class="prixTotal">
> <bean:write
> name="ligneCommande" property="prixTotal" format=""
> formatKey="main.format.prix" />
> </div>
> </div>
> <div class="clear"></div>
> </div>
> <div class="clear"></div>
> </logic:iterate>
>
> As you can see, I iterate on each line, that's named .ligneArticle ;
> What I wish to do is, on click on
> <img class="plus" src="/images/quantiteIncrement.gif" alt="Plus" /> or
> <img class="moins" src="/images/quantiteDecrement.gif" alt="Moins" />,
> traverse back up from my button, in order to get it's current (and
> unique) lingneArticle, to get back down and work on quantity input.
> Right now, my js looks likes this :
> $(".plus").click(function (){
> var quantite = $("this ~ .quantite").val();
> quantite++;
> if (quantite<=0){
> quantite=0;
> }
> $("this ~ .quantite")
> .text(quantite)
> .val(quantite);
> calculMontantPanier();
> });
>
> $(".moins").click(function (){
> var quantite = $(this).find(".quantite:input").val();
> quantite--;
> if (quantite<=0){
> quantite=0;
> }
> $(this).find(".quantite:input")
> .text(quantite)
> .val(quantite);
> calculMontantPanier();
> });
>
> As you can see, my probleme is related to DOM crawling back up from $
> (this) (my button), and then down to it's direct
> neigbour .quantite:input .
>
> Thanks for your help.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
