auto étendre un cadre en HTML

**frederic.go** · 09/11/2005, 08h18

Bonjour,

Je souhaite auto étendre un cadre en cliquant sur "Plus de détails", afin de visionner du texte qui au départ était masqué.

Est ce réalisable?

voici le bout de programme que j'ai réalisé:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html><head><body>
                              <TABLE cellSpacing=0 cellPadding=20 width="100%" 
                              border=0>
                                <TBODY>
                                <TR>
<TD ALIGN=CENTER bgcolor=red>
                                <P 
                                align=justify>
                                :<BR><BR> <B><center>IUP Evry Val d'Essonne</center></B> 
                                : de 2004 à 2005 <BR>40 Rue du Pelvoux, CE 1455 
                                <BR>91020 Evry Courcouronnes 
                                </P><BR><BR><U>Plus de détails</U></TD></TR></TBODY></TABLE>
 
</Body></head></html>

Merci d'avance

**Vow** · 09/11/2005, 11h10

Bonjour
Il faudrait utiliser les calques, avec les balises DIV, plus un peu de code Javascript dans le lien "Plus de détails" :

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
<html><head><body> 
                              <TABLE cellSpacing=0 cellPadding=20 width="100%" 
                              border=0> 
                                <TBODY> 
                                <TR> 
<TD ALIGN=CENTER bgcolor=red> 
                                <P 
                                align=justify> 
                                :<BR><BR> <B><center>IUP Evry Val d'Essonne</center></B> 
                                : de 2004 à 2005 <BR>40 Rue du Pelvoux, CE 1455 
                                <BR>91020 Evry Courcouronnes 
</P><BR><BR><A HREF="" onClick="var mDiv=document.getElementById('Plus'); if (mDiv.style.display=='none') mDiv.style.display='inline'; else mDiv.style.display='none'; return false;">Plus de détails</A>
<BR>
<DIV style="display:none" ID="Plus"> 
Ton texte
<BR>Bla bla Bla
</DIV>
 
</TD></TR></TBODY></TABLE> 
 
</Body></head></html>

**frederic.go** · 09/11/2005, 12h13

Génial vow!

Merci

**Vow** · 09/11/2005, 12h15

Je sais, je sais

auto étendre un cadre en HTML

HTML

Vue hybride

Discussions similaires

Partager

Partager