problème avec display:table et javascript

Version imprimable

29/08/2007, 16h15
florentB

problème avec display:table et javascript

Bonjour,
J'ai un formulaire dans lequel j'ai des données que j'affiche à l'aide des tags display (table et column). Lors du clic sur une de ces lignes, du javascript me redirige vers une action struts qui m'affiche le détail de l'objet.
Hors, je veux ajouter deux boutons sur mes colonnes. Ces deux boutons font des actions spécifiques et redirigent vers une page générale.
Hors, les actions de mes boutons se réalisent bien, mais la redirection est réalisée sur la page comme si j'avais cliqué sur une ligne.

Exemple :

____________________________
id | libellé | heure | envoyer
____________________________
1 | toto | 12:00 | :evilred:
____________________________

Quand je clique sur la ligne, j'arrive au détail, normalement.
Quand je clique sur l'image, ca me redirige vers le détail
, alors que cela devrait revenir vers le tableau, comme définit dans le struts config pour l'action donnée (les opérations de l'action "envoyer" appelée sont pourtant bien réalisées).

Merci par avance de votre aide
29/08/2007, 16h48
ptit-lu

Bonjour,

Peux-tu nous montrer au moins une partie de ton code (struts-config, page jsp,...) ?

Ainsi il nous sera plus facile de t'aider.

Re ;)

voici ma jsp, en gros :

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
 
<script type="text/javascript">
function reserver(formulaire, idDi,civDam,utilisateurIdentique){
        operation = 'O';
        if ('N' == utilisateurIdentique){
            if(confirm("Cette demande est déjà réservée par une autre personne. Voulez-vous continuer ?")){
                formulaire.action="<c:url value="/demandeInscriptionReserver.do"/>?idDi="+idDi+"&civDam="+civDam;
                formulaire.submit(); 
            }
        } else {
            formulaire.action="<c:url value="/demandeInscriptionReserver.do" />";
            formulaire.submit();
        }
    }
</script>
...
<display:table name="pageScope.collection" export="false" id="demandesInscription" style="width:100%" defaultsort="1">
                        <display:column headerClass="intituleTableau"  title="Nom Prénom"  sortable="true"><c:out value="${demandesInscription.salarie}"/><input type="hidden" name="idDi<c:out value="${demandesInscription_rowNum}"/>" value="<c:out value="${demandesInscription.idDi}"/>"><input type="hidden" name="civDam<c:out value="${demandesInscription_rowNum}"/>" value="<c:out value="${demandesInscription.civDam}"/>"/><input type="hidden" name="difDi<c:out value="${demandesInscription_rowNum}"/>" value="<c:out value="${demandesInscription.difDi}"/>"/><input type="hidden" name="codeStatut<c:out value="${demandesInscription_rowNum}"/>" value="<c:out value="${demandesInscription.statutDi.codeStatut}"/>"/></display:column>
                        <display:column headerClass="intituleTableau" title="Statut de la demande"  sortable="true" property="statutDi.libelleStatut"/>
 
<display:column headerClass="intituleTableau" title="Reserver"  sortable="false">
                                    <img alt="réserver" src="/forland/img/pictoReserver.gif" onclick="javascript:reserver(document.forms['<nested:write property="nomFormStr"/>'],'<c:out value="${demandesInscription.idDi}"/>','<c:out value="${demandesInscription.civDam}"/>','N')" />>
                        </display:column>
</display:table>                    
                    <script type="text/javascript">highlightTableRows("demandesInscription", choixLigne);</script>

La fonction javascript highlightTableRows fait ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function highlightTableRows(tableId, fonction) {
    var previousClass = null;
    var table = $(tableId);
    var tbody = table.getElementsByTagName("tbody")[0];
    var rows = tbody.getElementsByTagName("tr");
    // ajout des gestionnaires d'événements
    for (i=0; i < rows.length; i++) {
        rows[i].onmouseover = function() { previousClass=this.className;this.className='ligneON' };
        rows[i].onmouseout = function() { this.className=previousClass };
        rows[i].onclick = fonction;
    }
}

29/08/2007, 18h07
ptit-lu

Quel comportement as-tu si tu supprime l'appel à la fonction 'highlightTableRows ' ?

As-tu essayé de débugguer le javascript avec Firebug ?
29/08/2007, 18h19
florentB

en fait, je testais une solution, quand j'ai posté, et ca fonctionne, elle en partie sur le forum :
J'initialise une variable, je vérifie sa valeur. Meme si le javascipt est appelé, la redirection n'est pas faite. Merci et désolé pour le dérangement
30/08/2007, 11h21
ptit-lu

De rien.

Par contre peux-tu détailler ta solution ? Ainsi si quelqu'un se retrouve face à un problème identique, il trouvera plus facilement la solution.

Cordialement.