Ouvrir un champ de texte en appuyant sur un lien

**NeoItalian** · 30/05/2013, 23h32

Bonsoir,

Je souhaite que par exemple, j'appuie sur "Windows Server 2003, 2008 (ActiveDirectory, DHCP, DNS et FTP)", cela m'ouvre une sous-fenêtre au sein de la même page qui se place en dessous de "Windows Server 2003, 2008 (ActiveDirectory, DHCP, DNS et FTP)" et au dessus de "Linux Debian (WEB, DHCP, FTP et DNS)" et où il y aurait du texte inséré dedans.

Je ne sais pas comment faire cela :/

J'espère que j'ai réussi à me faire comprendre ^^

Je suis sous Wordpress et j'ai utilisé du HTML pour faire cette mise en page.

Merci.

**Muchos** · 31/05/2013, 11h20

Vous voulez probablement ouvrir une simple boite avec du texte (et non un champ). Vous pouvez faire ça uniquement en CSS grâce à la pseudo-classe TARGET. Ex :

Code html :

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
 
<!doctype html>
<html dir="ltr" lang="fr-FR">
<head>
	<meta charset="UTF-8" />
	<title>Boîte ouverte au clic</title>
	<style type="text/css">
section, p {
        border: medium solid #333;
        margin: 1ex;
        padding: 1ex;
}
[id|="more"] {          /* Toute boite commençant par "more" */
        display: none;  /* Est absente par défaut */
}
[id|="more"]:target { /* Toute boite ciblée commençant par "more" */
        display: block; /* Est intégrée dans le flux */
}
        </style>
</head>
<body>
<section>
	<h2>Foo</h2>
	<a href="#more-foo">Plus d'infos sur Foo</a>
	<p id="more-foo">
	Foo est une variable générique en informatique.
	<a href="#">[Fermer]</a>
	</p>
</section>
 
<section>
	<h2>Bar</h2>
	<a href="#more-bar">Plus d'infos sur Bar</a>
	<p id="more-bar">
	Bar, c'est Foo !
	<a href="#">[Fermer]</a>
	</p>
</section>
</body>
</html>

**NeoItalian** · 31/05/2013, 20h07

Merci de la réponse, je vois comment faire

Ouvrir un champ de texte en appuyant sur un lien

HTML

Vue hybride

Discussions similaires

Partager

Partager