Changement de page avec un header fixe (navigation ajax)

**la-ilaha-ila-allah** · 27/01/2014, 17h57

bonjour à tous , j'ai un site web et je veux que le header de site contenant les pages comme accueil,photo, video soit fixe alors que le contenue se change d’après ce que j'ai vus sur internet il s'agit de navigation ajax mais quelqu’un peut m'expliquer le principe, merci d'avance

**thelvin** · 27/01/2014, 18h20

Oui, la FAQ JavaScript à propos d'AJAX le peut.

**la-ilaha-ila-allah** · 27/01/2014, 18h29

apprends moi à pêcher alors :p, je veux savoir juste le principe

**thelvin** · 27/01/2014, 18h35

Et la FAQ indique quoi d'autre que le principe ?

**Bovino** · 28/01/2014, 08h36

La réponse à ta question est la base de nombreux tutoriels de base sur AJAX !
Si tu ne veux pas te donner la peine de faire un minimum de recherches personnelles ni même d'utiliser les recherches que d'autres font du coup pour toi, inutile de te demander pourquoi personne ne te répond !

**la-ilaha-ila-allah** · 28/01/2014, 12h53

merci pour votre intérêt j'ai cherché sur internet et j'ai trouvé le code suivant:

Code php :

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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<?php
/**
 * [PHPFOX_HEADER]
 * 
 * @copyright		[PHPFOX_COPYRIGHT]
 * @author			Raymond Benc
 * @package 		Phpfox
 * @version 		$Id: ajax.php 6708 2013-10-01 14:36:56Z Miguel_Espinoza $
 */
ob_start();
 
/**
 * Key to include phpFox
 *
 */
define('PHPFOX', true);
 
/**
 * Directory Seperator
 *
 */
define('PHPFOX_DS', DIRECTORY_SEPARATOR);
 
/**
 * phpFox Root Directory
 *
 */
define('PHPFOX_DIR', dirname(dirname(__FILE__)) . PHPFOX_DS);
 
if (isset($_GET['ajax_page_display']))
{
	define('PHPFOX_IS_AJAX_PAGE', true);
}
else 
{
	define('PHPFOX_IS_AJAX', true);
}
 
// Require phpFox Init
require(PHPFOX_DIR . 'include' . PHPFOX_DS . 'init.inc.php');
 
if (!Phpfox::getService('ban')->check('ip', Phpfox::getIp()))
{
	exit();
}
 
if (isset($_GET['ajax_page_display']))
{	
	$oCache = Phpfox::getLib('cache');
	$oAjax = Phpfox::getLib('ajax');
 
	if (Phpfox::getLib('template')->getThemeFolder() == 'nebula')
	{
		$oTpl = Phpfox::getLib('template');
		$sUserProfileImage = Phpfox::getLib('image.helper')->display(array_merge(array('user' => Phpfox::getService('user')->getUserFields(true)), array(
				'path' => 'core.url_user',
				'file' => Phpfox::getUserBy('user_image'),
				'suffix' => '_50_square',
				'max_width' => 50,
				'max_height' => 50
				)
			)
		);
 
		$oTpl->assign(array(
				'sUserProfileImage' => $sUserProfileImage,
				'sUserProfileUrl' => Phpfox::getLib('url')->makeUrl('profile', Phpfox::getUserBy('user_name')), // Create the users profile URL
				'sCurrentUserName' => Phpfox::getLib('parse.output')->shorten(Phpfox::getLib('parse.output')->clean(Phpfox::getUserBy('full_name')), Phpfox::getParam('user.max_length_for_username'), '...'), // Get the users display name
			)
		);		
	}
 
	Phpfox::run();
 
	$aHeaderFiles = Phpfox::getLib('template')->getHeader(true);	
 
	if (Phpfox::getLib('template')->sDisplayLayout)
	{			
		Phpfox::getLib('template')->getLayout(Phpfox::getLib('template')->sDisplayLayout);
	}	
 
	$sJs = '';
	$sCustomCss = '';
	$sLoadFiles = '';		
	$sEchoData = '';
 
 
	foreach ($aHeaderFiles as $sHeaderFile)
	{
		if (preg_match('/js_user_profile_css/i', $sHeaderFile))
		{
			$sJs .= 'profilecss: \'' . $sHeaderFile . '\', ';
 
			continue;
		}
 
		if (preg_match('/<style(.*)>(.*)<\/style>/i', $sHeaderFile))
		{
			$sCustomCss .= '\'' . strip_tags($sHeaderFile) . '\',';
 
			continue;
		}
 
		if (preg_match('/href=(["\']?([^"\'>]+)["\']?)/', $sHeaderFile, $aMatches) > 0 && strpos($aMatches[1], '.css') !== false)
		{
			$sHeaderFile = str_replace(array('"', "'"), '', $aMatches[1]);
			$sHeaderFile = substr($sHeaderFile, 0, strpos($sHeaderFile, '?') ); 
		}
		$sHeaderFile = strip_tags($sHeaderFile);
 
		$sNew = preg_replace('/\s+/','',$sHeaderFile);
		if (empty($sNew))
		{
			continue;
		}
 
		$sLoadFiles .= '\'' . str_replace("'", "\'", $sHeaderFile) . '\',';
	}		
	$sLoadFiles = rtrim($sLoadFiles, ',');
	$sCustomCss = rtrim($sCustomCss, ',');
 
	$sContent = Phpfox::getLib('ajax')->getContent();
 
	$aPhrases = Phpfox::getLib('template')->getPhrases();	
 
 
	$sJs .= 'content: \'' . $sContent . '\', ';
	$sJs .= 'files: [' . $sLoadFiles . '], ';
	if (count($aPhrases))
	{
		$sJs .= 'phrases:  {';
		foreach ($aPhrases as $sKey => $sValue)
		{
			$sJs .= '\'' . $sKey . '\': \'' . str_replace("'", "\'", $sValue) . '\',';	
		}
		$sJs = rtrim($sJs, ',');
		$sJs .= '}, ';
	}
	$sJs .= 'title: \'' . str_replace("'", "\'", html_entity_decode(Phpfox::getLib('template')->getTitle(), null, 'UTF-8')) . '\'';
 
	if (!empty($sCustomCss))
	{
		$sJs .= ', customcss: [' . $sCustomCss . ']';
	}
 
	if (Phpfox::getLib('template')->getThemeFolder() == 'nebula' && isset($_GET['req1']))
	{
		$sJs .= ", nebula_current_menu: '" . phpFox::getLib('url')->makeUrl($_GET['req1']) . "'";
	}
 
	/*
	$aAds = array();
	for ($i = 1; $i <= 11; $i++)
	{
		$aAds[] = Phpfox::getService('ad')->getForBlock($i);
	}
	
	if (count($aAds))
	{
		$sJs .= ', ads: {';
		foreach ($aAds as $aAd)
		{
			if (!isset($aAd['ad_id']))
			{
				continue;
			}
			$sJs .= '\'' . $aAd['location'] . '\': \'' . str_replace("'", "\'", $aAd['html_code']) . '\',';
		}
		$sJs = rtrim($sJs, ',');
		$sJs .= '}';
	}
	 * 
	 */
 
	if (isset($_GET['js_mobile_version']) && $_GET['js_mobile_version'])
	{
		if (isset($_GET['req1']) && empty($_GET['req2']))
		{
			Phpfox::getLib('ajax')->call('$(\'#mobile_search\').show();');
		}
		else
		{
			Phpfox::getLib('ajax')->call('$(\'#mobile_search\').hide();');
		}
	}
 
	Phpfox::getLib('ajax')->call('$Core.page({' . $sJs . '});');
 
	if (PHPFOX_DEBUG)
	{
		Phpfox::getLib('ajax')->call('$(\'#js_main_debug_holder\').html(\'' . Phpfox_Debug::getDetails() . '\');');
	}
 
	echo Phpfox::getLib('ajax')->getData();	
}
else 
{
	$oAjax = Phpfox::getLib('ajax');
	$oAjax->process();
	echo $oAjax->getData();
	if ($oAjax->bIsModeration == true)
	{
		echo '$(window).trigger("moderation_ended");';
	}
 
	if (!isset($_REQUEST['height']) && !isset($_REQUEST['width']) && !isset($_REQUEST['no_page_update']))
	{
		// echo '$Core.updatePageHistory();';	
	}
}
 
ob_end_flush();
?>

mais moi je veux juste savoir comment je peux fixer le header je pense que le changement se fais à la section suivante du code

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
foreach ($aHeaderFiles as $sHeaderFile)
{
	if (preg_match('/js_user_profile_css/i', $sHeaderFile))
	{
		$sJs .= 'profilecss: \'' . $sHeaderFile . '\', ';
		continue;
	}
	if (preg_match('/<style(.*)>(.*)<\/style>/i', $sHeaderFile))
	{
		$sCustomCss .= '\'' . strip_tags($sHeaderFile) . '\',';
		continue;
	}
	if (preg_match('/href=(["\']?([^"\'>]+)["\']?)/', $sHeaderFile, $aMatches) > 0 && strpos($aMatches[1], '.css') !== false)
	{
		$sHeaderFile = str_replace(array('"', "'"), '', $aMatches[1]);
		$sHeaderFile = substr($sHeaderFile, 0, strpos($sHeaderFile, '?') ); 
	}
	$sHeaderFile = strip_tags($sHeaderFile);
	$sNew = preg_replace('/\s+/','',$sHeaderFile);
	if (empty($sNew))
	{
		continue;
	}
	$sLoadFiles .= '\'' . str_replace("'", "\'", $sHeaderFile) . '\',';
}

j'ai essayé plusieurs et plusieurs fois de le comprendre mais je n'arrive pas à réussir si quelqu’ un peux m'aider je vais être reconnaissant

**thelvin** · 28/01/2014, 13h51

Envoyé par la-ilaha-ila-allah

merci pour votre intérêt j'ai cherché sur internet et j'ai trouvé le code suivant:

Oublie-le et lis un tutoriel, par exemple.

Il sera toujours temps quand tu auras compris quelque chose, de chercher un framework qui puisse te simplifier la vie.

Changement de page avec un header fixe (navigation ajax)

JavaScript

Discussions similaires

Partager

Partager