Discussion :

[fmargoulin]

Bonjour,

Je cherche depuis un moment sur le site mais je ne trouve pas de solution à mon problème... Je développe actuellement un site intranet en html/css & javascript (langage imposé, pas de php possible :'().

Dans le but d'avoir une maintenabilité aisée, je souhaiterai faire afficher un fichier html dans une balise div.
En fait, j'ai une page d'accueil avec un bloque div de news, qui revient sur chaque page, alors j'aimerai faire afficher un fichier du style "news.htm" à chaque fois que ce div est présent sur la page.

Auriez vous une piste ou solution de piste?

Merci par avance,
François

[le_chomeur]

Allez charger tes informations , via une méthode ajax ...

[fmargoulin]

Merci pour cette piste, je me jette sur Ajax (que je ne connais que de nom...).

J'espère pourvoir trouver un script facilement adaptable à mon cas.

[SpaceFrog]

va voir le tuto de siddh
http://siddh.developpez.com/articles/ajax/

suffit juste de faire un open de la page html et de recupérer le responseText
ceci étant si ta page html contient des balsies html head et body ... il vaudrait mieux passer simplement par un iframe ...

[fmargoulin]

J'ai abandonné Ajax suite aux conseils de SpaceFrog car j'ai des body & cie dans mes pages html.

En cherchant bien j'ai trouvé ma solution je crois : http://ditch.developpez.com/javascript/partialupdate/
Cela me semble très interessant.
Par contre dans le tuto il manque,

Code :

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

1
2
3
4
function ChangeFrameLocation(cadre,page)
{
	parent.frames[cadre].location.href=page	
}

Merci à vous!

[SpaceFrog]

[flashback]
il vaudrait mieux passer simplement par un iframe ...
[/flashback]

et ils appellent ça "Technique du Partial Update"

[fmargoulin]

Bonjour,

Bon mon système d'affichage est ok, pas de problème! J'ai utilisé les menus présentés ici : http://css.developpez.com/galerie/?p...us-horizontaux et ca ressort impeccable!
Sur le serveur de test... seulement... Parce que maintenant le site a changé de serveur, et j'ai un soucis, sans doute pas grand chose, mais je perds un temps fou à chercher.. Maintenant mon menu s'affiche en dessous d'un iframe alors qu'il a toujours été au dessous.

C'est plutôt embêtant, on ne peut pas accéder au menu

Je ne vois pas comment faire pour imposer à ce que le menu soit au dessus.. Auriez vous une idée?

Merci par avance,

[fmargoulin]

Je laisse le code CSS que j'utilise ca peut aider pour dépanner...

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
/********************************/
/*  début menu	déroulant	*/
/********************************/
ul, li {
	list-style-type:none;
}
 
/*chaque sous-menu*/
#menu ul li {
	position:relative;
	float:left;
	width:125px;
	cursor:pointer;
	display:block;
	background:none;
	height:22px;
 
}
 
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
	display:none;
	position:absolute;
	width:125px;
	border:1px solid #dddddd;
	border-top:none;
	top:22px;
	left:0;
 
}
 
/*sert uniquement pour le mot Accueil*/
#menu ul li a {
	position:relative;
	float:left;
	width:125px;
	cursor:pointer;
	display:block;
	background:none;
	height:22px;
 
} 
 
#menu ul li ul li {
	height:100%;
 
}
 
#menu ul li ul li a {
	color:#3399ff;
	font-size:11px;
	font-weight:normal;
	display:block;
	height:100%;
	border-top:1px solid #dddddd;
 
}
 
/*au passage de la souris on inverse les couleurs de la case*/
#menu ul li ul li a:hover {
	color:#ffffff;
	background:#3399ff;
}
 
/*décalage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
	top:0px;
	left:125px;
}
 
/*décalage du sous-menu niveau 2 le plus à droite vers la gauche*/
#menu ul li ul li ul.dernier {
	left:-127px;
}