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