Fonction include pour un fichier html

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Fonction include pour un fichier html

slr56

Tout problème a sa solution.

Bonjour,

Dans un fichier index.php, j'ai une fonction include comme suit :

Code :

<div id="menu">
<?php include('site/menu.php'); ?>
</div>

Elle interprète correctement la page menu.php qui contient des liens php de type :

Code :

<a href="index.php?page=Tarifs">Tarifs</a>

Dans cette page "index.php", je voulais ajouter une code javascript mais évidemment, le javascript doit être exécuté par le client et non pas par le serveur php.

Alors, je voulais savoir si je peux remplacer l'include

Code :

<?php include('site/menu.php'); ?>

par

Code :

<?php include('site/menu.html'); ?>

J'ai testé et a priori, ça à l'air d'être bon, sauf que mon code javascript dans la page menu.html n'est pas exécuté. Il permet de faire un menu avec des images qui "glissent". (Le js fonctionne bien sans passer par la fonction include) .

Une idée ?

Cdt,

slr56.

Message édité par slr56 le 10-04-2014 à 16:21:27

---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm https://www.jouannetphotographe.com

Publicité

rufo

Pas me confondre avec Lycos!

Le fait de passer de l'extension php à html ne va rien changer, si ce n'est que le php dans le fichier html ne sera plus interprété (sauf si apache a été paramétrer pour interpréter le php de fichiers html).

Pour info, il est parfaitement possible de mettre du javascript dans des fichiers php; il sera simplement exécuté côté client, lors du rendu de la page web. Le php générant dynamiquement le code html/css/JS, il faut donc bien veiller à ce que l'ordre de génération de ces différents langages se fasse correctement.

Je recommande de faire du javascript non intrusif : le PHP fait de simple insertions de fichiers JS dans le <head> via des balises <script>. Dans la balise <body>, sur l'événement onload, appeler une fonction qui se charge d'appeler les fonctions de lancement des divers JS mis dans le <head>.

Dans mon appli Astres (cf ma signature -> fichier /Astres/GUI/GraphicInterface.php), c'est ce que j'ai fait pour appeler des plugins en javascript qui modifient à la volée le contenu de certaines pages web

Message cité 1 fois

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

slr56

Tout problème a sa solution.

Merci rufo pour les informations.
Je vais regarder ce que tu as dans ta signature.

---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm https://www.jouannetphotographe.com

slr56

Tout problème a sa solution.

rufo a écrit :

Pour info, il est parfaitement possible de mettre du javascript dans des fichiers php; il sera simplement exécuté côté client, lors du rendu de la page web. Le php générant dynamiquement le code html/css/JS, il faut donc bien veiller à ce que l'ordre de génération de ces différents langages se fasse correctement.

Je recommande de faire du javascript non intrusif : le PHP fait de simple insertions de fichiers JS dans le <head> via des balises <script>. Dans la balise <body>, sur l'événement onload, appeler une fonction qui se charge d'appeler les fonctions de lancement des divers JS mis dans le <head>.

Dans mon appli Astres (cf ma signature -> fichier /Astres/GUI/GraphicInterface.php), c'est ce que j'ai fait pour appeler des plugins en javascript qui modifient à la volée le contenu de certaines pages web

J'essaye d'utiliser la fonction body onload mais pour le moment, j'ai toujours le même résultat, à savoir que le javascript ne s'exécute pas.

Voici le code de la page menu.php si quelqu'un peut m'aider car là je sèche.

Cdt,

slr56.

Code :

<html>
<head>
<link rel="shortcut icon" href="logo.ico" type="image/x-icon"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<link href="css/jimgMenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/js/jquery.js"></script>
<script type="text/javascript" src="scripts/js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="scripts/js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript">
function mon_script() {
// find the elements to be eased and hook the hover event
$('div.jimgMenu ul li a').hover(function() {
// if the element is currently being animated (to a easeOut)...
if ($(this).is(':animated')) {
$(this).stop().animate({width: "310px"}, {duration: 450, easing:"easeOutQuad"});
} else {
// ease in quickly
$(this).stop().animate({width: "310px"}, {duration: 400, easing:"easeOutQuad"});
}
}, function () {
// on hovering out, ease the element out
if ($(this).is(':animated')) {
$(this).stop().animate({width: "78px"}, {duration: 400, easing:"easeInOutQuad"})
} else {
// ease out slowly
$(this).stop('animated:').animate({width: "78px"}, {duration: 450, easing:"easeInOutQuad"});
}
});
};
</script>
</head>
<body onLoad="mon_script()" >
<center><div class="jimgMenu">
<h1 class="title">Menu</h1>
<ul id="sdt_menu" class="sdt_menu">
<li>
<a href="index.php?page=accueil" >
<img src="images/Vignettes/V1.jpg" alt="" class="arrondie"/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Home</span>
</span>
</a>
</li>
</ul>
</div>
</center>
</body>
</html>

Message édité par slr56 le 11-04-2014 à 14:52:34

---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm https://www.jouannetphotographe.com

rufo

Pas me confondre avec Lycos!

En même temps, dans ton html, elle est où ta div.jimgMenu :??:

Par ailleurs, <center> est déprécié depuis très longtemps

slr56

Tout problème a sa solution.

Effectivement, je m'étais trompé de nom pour la div. J'ai corrigé son nom dans le body.

Malheureusement, le problème n'est pas résolu.

Pour le <center>, je vais le remplacer par du css.

---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm https://www.jouannetphotographe.com

rufo

Pas me confondre avec Lycos!

C'est bizarre, tu testes si ton div est animé mais dans les 2 cas tu fais un stop Or, nul part, tu lances l'animation a priori. Ce code, c'est toi qui l'a fait où tu l'as pompé qq part sans le comprendre :??:

Message cité 1 fois

slr56

Tout problème a sa solution.

rufo a écrit :

Ce code je l'ai récupéré sur ce site http://tympanus.net/codrops/2010/0 [...] -box-menu/ (zip à télécharger)

J'essaye de le comprendre et j'ai réussi à l'adapter à la version précédente de mon site.

En html, css et php, je me débrouille. Par contre en javascript, je suis débutant, donc j'apprends sur les scripts existants.

Ce que je veux et que j'arrive à faire fonctionner indépendamment du php, c'est ce qu'il y a dans la démo de la page ci-dessus. Dès que je l'imbrique avec la fonction onload, ça ne charge pas.

Message édité par slr56 le 11-04-2014 à 13:56:56

---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm https://www.jouannetphotographe.com

rufo

Pas me confondre avec Lycos!

<div class="jingMenu"> et en JS tu appelles $('div.jimgMenu ul li a')

(un n dans le class html à la place d'un m)

slr56

Tout problème a sa solution.

Effectivement, il y avait cette faute d'orthographe mais ça ne résout pas le problème.

Cependant, j'ai toujours le même problème.

J'ai vraiment l'impression que la page php refuse d'exécuter le code js bien qu'il y ait le body onload.

---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm https://www.jouannetphotographe.com

Publicité

rufo

Pas me confondre avec Lycos!

c'est pas php qui exécute le js, mais le navigateur

Message cité 1 fois

slr56

Tout problème a sa solution.

rufo a écrit :

c'est pas php qui exécute le js, mais le navigateur

Oui, le php est exécuté côté serveur et le js côté client.

---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm https://www.jouannetphotographe.com

FORUM HardWare.fr

Programmation

HTML/CSS

Fonction include pour un fichier html

Sujets relatifs
Couper des champs particuliers du fichier texte	Lancer des script .vbs depuis une page HTML
parser un fichier json avec jquery	importation de valeur de cellule dans un texte sous excel
Script shell pour comparaison de 2 fichier et récupération du résultat	Problème argument fonction slope (vba)
Probleme sur la fonction get pour un Httprequest	appel fonction à un menuitem d'une toolbar gtk2
comment extraire des données spécifique du fichier log	Passer "un" argument "deux-en-un" a une fonction
Plus de sujets relatifs à : Fonction include pour un fichier html

Page générée en 0.050 secondes