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

**clb56** · 15/01/2008, 10h30

Salut,

S'il s'agit bien d'ouvrir une nouvelle page en superposition de la première sans pop up alors tu peux jeter un coup d'oeil de ce coté ci :

http://jquery.com/demo/thickbox/ (en anglais)

Dans l'exemple appelé AJAX Content.

je viens de le tester et c'est très rapide à mettre en oeuvre.

Le point positif c'est que les pages en lien s'ouvrent normalement si javascript est inactif coté client.

Le point problématique est celui que l'on rencontre chaque fois qu'il est question de superpositions css et c'est le scénario d'usage : css interprétée + couleur de la page non interprétées car dans ce cas tout les fonds sont transparents.

Donc très chaud du point de vue accessibilité.

**SpaceFrog** · 15/01/2008, 10h52

oui ou encore cf prototype window ...

[HTML] taille d'une page HTML

HTML

Discussions similaires

Partager

Partager