Discussion :

[marycaLou]

Bonjour,

On m'a sugg�rer d'utiliser une fonction en Javascript, mais je ne sais pas comment l'appeler.
Voici la fonction:

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
 
<script type="application/javascript">
 $(document).ready(function() 
 {	/* chargement des contenus */	
 	$("#left").load("menu.html", "text/html");	
 	$("#data").load("content.html", "text/html");
	pageResized();	$(window).resize(pageResized);}); 
 
 function pageResized()
 {	
 	var width = $(document).innerWidth();
 	var height = $(document).innerHeight();
	var page = $("#page");
	var top = $("#top");	
	var left = $("#left");	
	var data = $("#data");	/* calcul et/ou affectation des dimensions */		
	page.width(width);	page.height(height);	
	left.height(height - top.outerHeight());	
	data.width(width - left.outerWidth());	
	data.height(height - top.outerHeight());	
	}
	</script>  
	<style>body

Voici ma ligne pour l'appeler:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
...  <table id="page" style="width:100%">	
	  <tr>		
		<td colspan="2">			
			<div id="top" style="height:80px">
				"Comment appeler la fonction ???"
			</div>		
		</td>	
	</tr>
<tr>
...

Quel est l'information que je dois mettre dans la ligne en rouge? Le but est d'afficher une page que j'ai cr�� en HTML.
Merci

[marycaLou]

Depuis quelques jours je cherche comment afficher des fichiers html dans des cades sp�cifiques et je ne trouve rien.

Quelqu'un pourrait-il m'aider?

Je dois absolument trouver une solution rapidement.

Merci � l'avance.

[freddou17]

Salut,
Pour appeler la fonction, pas besoin tu fais d�j� l'appel dans le document ready

Par contre l'utilisation de load me parait incompris regardes ici c'est la doc jquery

En gros, pour remplacer le contenu de ta div top:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
 
<script type="application/javascript">
 $(document).ready(function() {
        //mapage.html doit se trouver à la racine de ton appli
	$("#top").load("mapage.html");
}); 
</script>

Pourquoi ce code ??

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
pageResized();$(window).resize(pageResized);

bon courage
++

[marycaLou]

En effet, c'est ce que j'ai �crit mais rien ne s'affiche.

Tout ce que j'ai ce sont des cadre gris.
Voici ce que je vois:

Je crois que dans la partie du cadre, je devrais appeler le script non?

Code html :

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
	<table id="page" style="width:99%">
	<tr>
		<td colspan="2">
			<div id="top" >
				Bienvenue sur mon site	 
			 </div>
		</td>
	</tr>
	<tr>
		<td>
			<div id="left"> </div>
	  </td>
		<td>
		  <div id="data"></div>
		</td>
	</tr>
</table>

Pour ce qui est du

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

pageResized();$(window).resize(pageResized);});

c'�tait dans l'exemple qu'on m'a sugg�r�.

Donc, je r�p�te ma question, comment faire afficher une page dans les cadres?

L� o� il est �crit <div id="left"> </div> dois-je ajouter du code ?

Merci