[HTML] taille d'une page HTML

Version imprimable

14/01/2008, 01h35
skillipo

[HTML] taille d'une page HTML

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.

:king:
14/01/2008, 10h34
kohsaka
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:

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

Code:

<body height="1000px">
14/01/2008, 11h14
Invité

Tu pourrais ouvrir un popup javascript. C'est très facile à faire. Chercher window.open
14/01/2008, 14h47
Kerod

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

Une solution serait de le faire en CSS. :roll:
15/01/2008, 09h31
skillipo

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

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

Code css initial

Code:

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

javascript

Code:

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:

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>

15/01/2008, 10h30
clb56

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é.
15/01/2008, 10h52
SpaceFrog

oui ou encore cf prototype window ...