Tableau et lien

**DaisyVIP** · 08/01/2008, 15h34

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.

**DaisyVIP** · 09/01/2008, 09h03

S'il vous plait aidez moi!!!!

**Pongten** · 09/01/2008, 09h33

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 ?

**DaisyVIP** · 09/01/2008, 09h41

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!

**Pongten** · 09/01/2008, 09h42

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

Comment construis-tu ton tableau ?

**DaisyVIP** · 09/01/2008, 09h51

Alors voila le code de mon tableau:

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

**Pongten** · 09/01/2008, 10h01

Et tu remplis te cellules comment ?

**DaisyVIP** · 09/01/2008, 10h12

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?

**Pongten** · 09/01/2008, 10h43

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 !

**DaisyVIP** · 09/01/2008, 10h54

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

**Pongten** · 09/01/2008, 11h25

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é !

**DaisyVIP** · 09/01/2008, 11h41

Snif! Le Onclick ne marche pas!

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

**Pongten** · 09/01/2008, 12h00

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

Pour le onclick, tu fais comment ?

**SoBaKa** · 09/01/2008, 12h10

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! ^^

**DaisyVIP** · 09/01/2008, 12h17

Pour Pongten:Voila comment je fais:

Code :

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

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.

**Pongten** · 09/01/2008, 12h40

plutôt : onclick="document.href.location='http://www.monlien.be';"

**DaisyVIP** · 09/01/2008, 12h59

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.

**DaisyVIP** · 09/01/2008, 14h36

Ce n'est pas un attribut de TableCell, donc ça ne peut pas marcher!!!
Quelqu'un a une solution? SVP!!!!

Merci par avance

**elkamy** · 09/01/2008, 14h43

Salut,

Alors tu peux essayer comme çà:

Dans ton code aspx:

Code :

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

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

Ta table :

Code :

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

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 :

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

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 :

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

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

**DaisyVIP** · 09/01/2008, 15h09

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

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 :

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

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

Ton aide m'est précieuse, merci d'avance

Tableau et lien

ASP.NET

Discussions similaires

Partager

Partager