Tableau et lien

Version imprimable

08/01/2008, 16h34
DaisyVIP

Tableau et lien

Bonjour, j'aimerai avoir un petit renseignement.
Je voudrais faire un tableau qui pour chaque case comporte un lien différent, qui m'envois vers une autre page lorsque je cliquerais sur telle ou telle case.
Quelqu'un peut m'aider?
Je programme avec Visual Web Developer 2005 Express. Si ça peut-être utile.
Merci de votre aide par avance.:)
09/01/2008, 10h03
DaisyVIP

S'il vous plait aidez moi!!!!:cry:
09/01/2008, 10h33
Pongten

Je ne suis pas sur de bien comprendre où se situe ton problème dans ce que tu demandes ?

Créer le liens ? Rendre les cases clickables ?
09/01/2008, 10h41
DaisyVIP

Oui c'est exactement ça, je veux rendre cliquable chacune des cases. Et qu'il y est un lien pour chacune d'entre elle.
Merci d'avance si tu peux m'aider!
09/01/2008, 10h42
Pongten

Hmmm... tu vas devoir passer par javascript je pense.

Comment construis-tu ton tableau ?

Alors voila le code de mon tableau:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Table ID="Table1" runat="server" Height="150px" Width="150px" BorderStyle="Solid" CaptionAlign="Bottom" CellPadding="10" CellSpacing="2" HorizontalAlign="Left">
            <asp:TableRow runat="server" Height="30px" Width="305px" BackColor="Blue" HorizontalAlign="Center" VerticalAlign="Top">
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
            </asp:TableRow>
            <asp:TableRow runat="server" BackColor="#8080FF" Height="30px" HorizontalAlign="Center" VerticalAlign="Top" Width="30px">
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
            </asp:TableRow>
</asp:Table>
        </div>
    </form>
</body>

Que faut-ill faire?
Merci de ton aide Pongten

09/01/2008, 11h01
Pongten

Et tu remplis te cellules comment ?
09/01/2008, 11h12
DaisyVIP

Juste en changeant la couleur, c'est une espèce d'évaluation, qui rapporte le résultat global dans ce tableau sous forme de couleur, soit verte, soit orange, soit rouge selon le résultat. Mais à la base mon tableau est vide, seule la couleur des cases changent.
Voila.
Alors une idée?
09/01/2008, 11h43
Pongten

Tu veux donc changer la couleur de chaque case en cliquant dessus ?
C'est bien ça ?

Désolé, mais j'ai un peu de mal à cerner ce que tu souhaites faire !
09/01/2008, 11h54
DaisyVIP

oui c'est exactement ça, mais avant que la case change de couleur, il me faut ouvrir une page évaluation. Cette page, après traitement, me donne une couleur comme résultat. Cette couleur va être reportée dans le tableau au niveau de la case sélectionnée. D'où le lien nécessaire + le changement de couleur.
Tu peux m'aider?
Merci
09/01/2008, 12h25
Pongten

En fait, pour placer un lien sur une case de tableau, tu peux simplement lui ajouter un attribut "OnClick" et ouvrir le lien via javascript.

Pour récupérer le résultat, c'est un peu plus compliqué. Et comme ça, je ne vois pas comment faire directement.. désolé !
09/01/2008, 12h41
DaisyVIP

Snif! Le Onclick ne marche pas!:aie:
Ben zut alors? Y aurait-il une autre solution?
Merci par avance.

En revanche pour récupérer la couleur, puis-je utiliser une variable de session?
Merci beaucoup!!!
09/01/2008, 13h00
Pongten

Oui, tu peux, dès lors qu'il y a un rechargement de ta page contenant le tableau.

Pour le onclick, tu fais comment ?
09/01/2008, 13h10
SoBaKa

Si c'est pour du IE exclusif il y a le showModalDialog qui te permettra de récupérer un objet avec ce que tu veux comme données dedans... donc sans rechargement de page ça serait possible aussi... j'ai bien dit pour IE! ^^

Pour Pongten:Voila comment je fais:

Code:

1
2
3
4
5
6
7
<asp:Table ID="Table1" runat="server" Height="150px" Width="150px" BorderStyle="Solid" CaptionAlign="Bottom" CellPadding="10" CellSpacing="2" HorizontalAlign="Left">
            <asp:TableRow runat="server" Height="30px" Width="305px" BackColor="Blue" HorizontalAlign="Center" VerticalAlign="Top">
                <asp:TableCell runat="server"  Onclick="mon lien"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
                <asp:TableCell runat="server"></asp:TableCell>
            </asp:TableRow>

Mais ça ne marche pas! C'est parce que je me trompe?

Pour Sobaka: Pour IE, je ne sais pas trop, puisque c'est une application web pour un établissement scolaire.

09/01/2008, 13h40
Pongten

plutôt : onclick="document.href.location='http://www.monlien.be';"
09/01/2008, 13h59
DaisyVIP

Le problème c'est que il ne me propose pas le Onclick, donc c'est une fonction non définie. Que puis-je tester d'autre?
Merci de votre aide les gars.
09/01/2008, 15h36
DaisyVIP

Ce n'est pas un attribut de TableCell, donc ça ne peut pas marcher!!!
Quelqu'un a une solution? SVP!!!!:cry:
Merci par avance
09/01/2008, 15h43
elkamy
Salut,

Alors tu peux essayer comme çà:

Dans ton code aspx:
Code:

1 2 3 4 5 6 <script type="text/javascript"> function onCellClick(target,arg) { __doPostBack(target, arg); } </script>
Ta table :
Code:

1 2 3 4 5 <table> <tr> <td onclick="javascript:onCellClick('target','arg');">test</td> </tr> </table>
Puis dans ton code .cs , dans le load :
Code:

1 2 3 4 // Tu récupères les valeurs passées dans l'aspx object obTarget = this.Request.Form["__EVENTTARGET"]; object obArg = this.Request.Form["__EVENTARGUMENT"];
Ici , faudra tester si obTarget et obArg sont != de null et si obTarget est bien celui que tu as passé dans ton aspx

Voila.

J'avais pas vu que tu utilisais une <asp:table> mais je viens de tester et c'est la même principe.

Par contre, tu peux aussi ajouter dynamiquement le Onclick sur tes cellules.

Code:

macellule.attributes.add("onClick","javascript:onCellClick('target','arg');");
09/01/2008, 16h09
DaisyVIP

Merci beaucoup elkamy, mais, je ne comprends pas où il faut mettre ça:

Citation:

Envoyé par elkamy

J'avais pas vu que tu utilisais une <asp:table> mais je viens de tester et c'est la même principe.

Par contre, tu peux aussi ajouter dynamiquement le Onclick sur tes cellules.

Code:

macellule.attributes.add("onClick","javascript:onCellClick('target','arg');");

Ton aide m'est précieuse, merci d'avance
09/01/2008, 16h20
elkamy

Ta essayé de le mettre dans ton aspx? Si tu met le onclick dans l'aspx, ta pas besoin du attributes.add.

Sinon si tu veux utiliser tu peux le mettre dans ton load du .cs
09/01/2008, 16h45
DaisyVIP

Ok.
Mais dis moi, toi qui est hyper bien calé en programmation.
Comment dois-je procéder exactement?
Puisque là tu mets du javascript. Mais où dois je le mettre?
Merci beaucoup de ton aide... désolée je suis vraiment mauvaise!:cry:
09/01/2008, 16h49
elkamy
Tu peux mettre
Code:

1 2 3 4 5 6 <script type="text/javascript"> function onCellClick(target,arg) { __doPostBack(target, arg); } </script>
entre les balises

Code:

<head></head>

de ton fichier .aspx

si tu utilises une master page, tu le met entre les balises

Code:

<head></head>

de ta masterpage.aspx

J'ai aussi galéré au début ... ;)
09/01/2008, 17h37
DaisyVIP

Merci beaucoup beaucoup beaucoup!!!
Donc en utilisant un tableau HTML je peux le faire. C'est ça?
Avec le code que tu me donnes. C'est ça?
Merci beaucoup, c'est super gentil de ta part :king:
09/01/2008, 17h40
elkamy

Bah de rien ;)

Si tout est ok , tu peux passer le post en résolu.

@+
09/01/2008, 17h44
DaisyVIP

Encore une petite question.:oops:
Où dois-je mettre le lien d'une case pour que quand je clique sur celle-ci, ça m'envois sur la page d'évaluation.
Merci infiniment de ton aide! T'es un BOSS! :king:
09/01/2008, 17h54
elkamy

dans le

Code:

onclick="javascript:onCellClick('target','arg');"

à la place de arg, tu peux mettre ton url et lors du post back, faire un

Code:

response.redirect(obArg);

Mais je ne vois plus trop l'intéret en fait... :?

Car tu peux mettre directement (j'avais pas tout lu les post précédent)

Code:

<asp:TableCell onClick="javascript:document.location.href='http://www.google.fr';" ID="TableCell1" runat="server">test</asp:TableCell>

Désolé , mais c'est plus simple comme çà.
09/01/2008, 18h42
DaisyVIP

Merci beaucoup!!
Bon si j'ai un autre problème je ferais appelle à toi.
Bonne soirée et mille merci!!:king: