[HTML] taille d'une page HTML

**skillipo** · 14/01/2008, 01h35

bonjour;

dans une projet JEE, j'ai une page HTML avec des lignes, sur chaque ligne il ya un petit rectange, je voudrais que :
quand je click sur le boutton, une autre page HTML s'ouvre mais que ca soit sous forme d'une fenetre au milieu de la 1ere page.

Grossomodo , comment je pourrais definir la taille d'une page?
et comment je peux appeler une page HTML depuis une autre page en cliquant sur un boutton ?

Merci pour votre aide.

**kohsaka** · 14/01/2008, 10h34

c'est assez confus ...
tu veux ouvrir dans ta page une autre page html deja existante, ou alors c'est du code que tu auras toi meme realisé dans ce cas l'utilisation d'une balise <div> que tu caches et qui s'affichera lorsqu'on clique sur un bouton serait plus approprié.

definir la taille d'une page, je ne vois pas en quoi ca repond a ton probleme, mais voici comment faire :

Css :

Code :

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

1
2
3
body {
    height : 1000px; /* hauteur exemple */
}

HTML :

Code :

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

<body height="1000px">

Invité · 14/01/2008, 11h14

Tu pourrais ouvrir un popup javascript. C'est très facile à faire. Chercher window.open

**Kerod** · 14/01/2008, 14h47

Il y a quand même une grosse restriction avec les popups de ce style. Si le client les bloque ça te sert à rien

Une solution serait de le faire en CSS.

**skillipo** · 15/01/2008, 09h31

Bonjour,

un pop up je pense pas que ca soit une bonne idee, mais une config dans le css ca ca pourra le faire .

quelqu'un a une idee de comment ca se fait?

Cordialement

**kohsaka** · 15/01/2008, 09h51

j'ai une solution css couplée avec du javascript : je sais pas si il y a une autre solution.

Code css initial

Code :

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

1
2
3
4
 
#rect1 {
   display: none;
}

javascript

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
 
<script type="text/javascript">
var test=0;
 
function afficher(divId) {
    if(test==0)
    {
         document.getElementById(divId).style.display='block'; // on affiche le div choisi
         test=1;
    }
    else
    {
         document.getElementById(divId).style.display='none'; // on cache le div choisi
         test=0;
    }
}
 
</script>

HTML

Code :

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

1
2
3
 
<a href="javascript: afficher('rect1');">bouton</a>
<div id="rect1">le div que tu veux afficher quand tu click sur un bouton</div>

[HTML] taille d'une page HTML

HTML

Vue hybride

Discussions similaires

Partager

Partager