Lien vers elements PA

**-d0d0-** · 10/06/2010, 12h17

Bonjour,

Je cherche à faire un lien d'une page vers un autre contenant des éléments PA qui sont visibles par le comportement onClick.

Voici ce que je souhaite faire concrètement :

Par défaut, la "Page 2" ouvre le lien "test 1". Moi, je souhaite que mon "lien" ouvre directement "test 2". J'ai essayé avec des ancres mais en vain

Avez-vous des idées ?

Merci d'avance et bonne journée !

**Vil'Coyote** · 14/06/2010, 17h32

oui j'ai une idée, utilisation de php.

<ahref='lienverpage.php?lienouvre=2'>lien1</a>

dans la seconde include de la page liée au lienouvre.

bref en html je ne vois aucune solution.

**-d0d0-** · 15/06/2010, 09h05

Merci pour ta réponse. J'ai oublié de préciser qu'il me fallait une solution en html par contre car ça tourne sous un IIS qui n'a pas l'extension php installé dessus

**Vil'Coyote** · 15/06/2010, 17h21

Envoyé par -d0d0-

Merci pour ta réponse. J'ai oublié de préciser qu'il me fallait une solution en html par contre car ça tourne sous un IIS qui n'a pas l'extension php installé dessus

donc dans ce cas en asp. car html c'est pas possible et javascript non plus.

**-d0d0-** · 19/06/2010, 09h13

Est-ce que tu sais (ou quelqu'un d'autre

) comment le faire en asp ?

**Vil'Coyote** · 21/06/2010, 09h44

pose ta question dans la partie du forum correspondant. ça sera plus pratique pour toi.

**-d0d0-** · 22/06/2010, 08h46

J'ai trouvé une réponse qui me convient en cherchant avec asp sur le web. Je post la solution au cas où il y en a d'autres personnes dans le même cas !

Sur la page 2 (page_2.htm) , voici mon code :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript">
                window.onload = function(){
                        if(location.href.indexOf('layer=') != -1)
                                if(document.getElementById(location.href.split('layer=')[1]))
                                        document.getElementById(location.href.split('layer=')[1]).style.display = 'block';
                }
                </script>
 
<style type="text/css">
<!--
#one {
        position:absolute;
        left:90px;
        top:12px;
        width:355px;
        height:257px;
        z-index:4;
}
#two {
        position:absolute;
        left:90px;
        top:12px;
        width:355px;
        height:257px;
        z-index:3;
}
#three {
        position:absolute;
        left:90px;
        top:12px;
        width:355px;
        height:257px;
        z-index:1;
}
-->
</style>
</head>
 
<body>
<div id="one" style="display:none;">
  <p><strong>one</strong> Velit esse cillum dolore duis aute irure dolor ut labore et dolore magna aliqua. Ut aliquip ex ea commodo consequat. Qui officia deserunt cupidatat non proident, mollit anim id est laborum. Ullamco laboris nisi in reprehenderit in voluptate eu fugiat nulla pariatur. Qui officia deserunt duis aute irure dolor mollit anim id est laborum.</p>
</div>
<p><a href="page_2.htm?layer=one">link 1</a></p>
<p><a href="page_2.htm?layer=two">link 2</a></p>
<div id="two" style="display:none;">
  <p><strong>two</strong>Velit esse cillum dolore duis aute irure dolor ut labore et dolore magna aliqua. Ut aliquip ex ea commodo consequat. Qui officia deserunt cupidatat non proident, mollit anim id est laborum. Ullamco laboris nisi in reprehenderit in voluptate eu fugiat nulla pariatur. Qui officia deserunt duis aute irure dolor mollit anim id est laborum.</p>
</div>
<p><a href="page_2.htm?layer=three">link 3</a></p>
<div id="three"  style="display:none;">
  <p><strong>three</strong>Velit esse cillum dolore duis aute irure dolor ut labore et dolore magna aliqua. Ut aliquip ex ea commodo consequat. Qui officia deserunt cupidatat non proident, mollit anim id est laborum. Ullamco laboris nisi in reprehenderit in voluptate eu fugiat nulla pariatur. Qui officia deserunt duis aute irure dolor mollit anim id est laborum.</p>
</div>
</body>
</html>

Et sur la page 1 (test.htm), voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<html>
<head>
</head>
<body>
<p><a href="page_2.htm?layer=one">lien 1</a><br />
<p><a href="page_2.htm?layer=two">lien 2</a><br />
<p><a href="page_2.htm?layer=three">lien 3</a><br />
</p>
</body>
</html>

Lien vers elements PA

HTML

Vue hybride

Discussions similaires

Partager

Partager