Appel d'une fonction Java

Version imprimable

Bonjour,

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

Code:

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:

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

07/12/2015, 01h51
marycaLou

Afficher fichier dans un cadre

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.
07/12/2015, 11h07
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:

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:

1 2 pageResized();$(window).resize(pageResized);
bon courage
++

1 pièce(s) jointe(s)

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:
Pièce jointe 194563
Je crois que dans la partie du cadre, je devrais appeler le script non?
Code:

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:

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