Intégrer du code dans le header et dans le body

**jisse03** · 10/04/2015, 20h43

Re : Intégrer du code dans le header et dans le body

Bonjour,

Pour le head, voir la méthode addScript https://docs.joomla.org/JDocument/addScript Tu dois avoir une section head dans index.php du template.

Dans le body, c'est en général dans index.php du template qu'il faut agir

**PéCé** · 11/04/2015, 09h02

Re : Intégrer du code dans le header et dans le body

Envoyé par jisse03 Voir le message

Tu dois avoir une section head dans index.php du template. Dans le body, c'est en général dans index.php du template qu'il faut agir

...Je ne trouve pas de fichier index.php, mais index.html, et là, je ne vois pas comment l'ouvrir (après que je l'ai transféré du serveur sur mon DD par FilleZilla, car je ne dispose plus du PC qui m'a servi à transférer mon Joomla! sur le serveur)...
Merci d'avance...

**jisse03** · 11/04/2015, 09h05

Re : Intégrer du code dans le header et dans le body

Tout template Joomla! sans exception a un index.php...
Si tu ne l'as pas, c'est que le transfert a perdu des choses en cours de route. Donc on ne peut pas grand chose de plus.

**PéCé** · 11/04/2015, 20h32

Re : Intégrer du code dans le header et dans le body

Oui, en effet, je ne cherchais pas au bon endroit : j'étais dans "Templates" et pas dans LE template (à savoir beez5), et, effectivement, j'ai pu récupérer le fichier index.php...
Mais le problème reste le même : comment ouvrir ce fichier pour y intégrer les lignes de code dans le header et le body ?
Merci d'avance...
Philippe.

**jisse03** · 11/04/2015, 20h34

Re : Intégrer du code dans le header et dans le body

avec tout bon éditeur de code (notepad++ sous windows, kwrite sous Linux...)

**PéCé** · 12/04/2015, 18h34

Re : Intégrer du code dans le header et dans le body

Envoyé par jisse03 Voir le message

avec tout bon éditeur de code (notepad++ sous windows, kwrite sous Linux...)

J'ai ouvert le fichier avec WordPad, le texte est beaucoup plus long que ce que j'aurais pu imaginer... Du coup, je ne vois pas trop où placer mes lignes de code
* dans le "header" ?
* dans le "body" ?..
Quelqu'un prendrait-il le temps de jeter un coup d’œil sur le "collé" du fichier.php ci-dessous ?
Un grand merci d'avance !

<?php
/**
* @package Joomla.Site
* @subpackage Templates.beez5
* @copyright Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

// No direct access.
defined('_JEXEC') or die;

// check modules
$showRightColumn = ($this->countModules('position-3') or $this->countModules('position-6') or $this->countModules('position-8'));
$showbottom = ($this->countModules('position-9') or $this->countModules('position-10') or $this->countModules('position-11'));
$showleft = ($this->countModules('position-4') or $this->countModules('position-7') or $this->countModules('position-5'));

if ($showRightColumn==0 and $showleft==0) {
$showno = 0;
}

JHtml::_('behavior.framework', true);

// get params
$color = $this->params->get('templatecolor');
$logo = $this->params->get('logo');
$navposition = $this->params->get('navposition');
$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$templateparams = $app->getTemplate(true)->params;

$doc->addScript($this->baseurl.'/templates/'.$this->template.'/javascript/md_stylechanger.js', 'text/javascript', true);
?>
<?php if(!$templateparams->get('html5', 0)): ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php else: ?>
<?php echo '<!DOCTYPE html>'; ?>
<?php endif; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/position.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/layout.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/print.css" type="text/css" media="Print" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/beez5.css" type="text/css" />
<?php
$files = JHtml::_('stylesheet', 'templates/'.$this->template.'/css/general.css', null, false, true);
if ($files):
if (!is_array($files)):
$files = array($files);
endif;
foreach($files as $file):
?>
<link rel="stylesheet" href="<?php echo $file;?>" type="text/css" />
<?php
endforeach;
endif;
?>
<?php if ($this->direction == 'rtl') : ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template_rtl.css" type="text/css" />
<?php endif; ?>


<?php if($templateparams->get('html5', 0)) { ?>

<?php } ?>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/javascript/hide.js"></script>

<script type="text/javascript">
var big ='<?php echo (int)$this->params->get('wrapperLarge');?>%';
var small='<?php echo (int)$this->params->get('wrapperSmall'); ?>%';
var altopen='<?php echo JText::_('TPL_BEEZ5_ALTOPEN', true); ?>';
var altclose='<?php echo JText::_('TPL_BEEZ5_ALTCLOSE', true); ?>';
var bildauf='<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/plus.png';
var bildzu='<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/minus.png';
var rightopen='<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTOPEN', true); ?>';
var rightclose='<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE', true); ?>';
var fontSizeTitle='<?php echo JText::_('TPL_BEEZ5_FONTSIZE', true); ?>';
var bigger='<?php echo JText::_('TPL_BEEZ5_BIGGER', true); ?>';
var reset='<?php echo JText::_('TPL_BEEZ5_RESET', true); ?>';
var smaller='<?php echo JText::_('TPL_BEEZ5_SMALLER', true); ?>';
var biggerTitle='<?php echo JText::_('TPL_BEEZ5_INCREASE_SIZE', true); ?>';
var resetTitle='<?php echo JText::_('TPL_BEEZ5_REVERT_STYLES_TO_DEFAULT', true); ?>';
var smallerTitle='<?php echo JText::_('TPL_BEEZ5_DECREASE_SIZE', true); ?>';
</script>

</head>

<body>

<div id="all">
<div id="back">
<?php if(!$templateparams->get('html5', 0)): ?>
<div id="header">
<?php else: ?>
<header id="header">
<?php endif; ?>
<div class="logoheader">
<h1 id="logo">

<?php if ($logo != null ): ?>
<img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
<?php else: ?>
<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
<?php endif; ?>
<span class="header1">
<?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
</span></h1>
</div>

<ul class="skiplinks">
<li><a href="#main" class="u2"><?php echo JText::_('TPL_BEEZ5_SKIP_TO_CONTENT'); ?></a></li>
<li><a href="#nav" class="u2"><?php echo JText::_('TPL_BEEZ5_JUMP_TO_NAV'); ?></a></li>
<?php if($showRightColumn ):?>
<li><a href="#additional" class="u2"><?php echo JText::_('TPL_BEEZ5_JUMP_TO_INFO'); ?></a></li>
<?php endif; ?>
</ul>
<h2 class="unseen"><?php echo JText::_('TPL_BEEZ5_NAV_VIEW_SEARCH'); ?></h2>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ5_NAVIGATION'); ?></h3>
<jdoc:include type="modules" name="position-1" />
<div id="line">
<div id="fontsize"></div>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ5_SEARCH'); ?></h3>
<jdoc:include type="modules" name="position-0" />
</div> 
<div id="header-image">
<jdoc:include type="modules" name="position-15" />
<?php if ($this->countModules('position-15')==0): ?>
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/fruits.jpg" alt="<?php echo JText::_('TPL_BEEZ5_LOGO'); ?>" />
<?php endif; ?>
</div>
<?php if (!$templateparams->get('html5', 0)): ?>
</div>
<?php else: ?>
</header>
<?php endif; ?>
<div id="<?php echo $showRightColumn ? 'contentarea2' : 'contentarea'; ?>">
<div id="breadcrumbs">

<jdoc:include type="modules" name="position-2" />

</div>

<?php if ($navposition=='left' and $showleft) : ?>

<?php if(!$this->params->get('html5', 0)): ?>
<div class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
<?php else: ?>
<nav class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
<?php endif; ?>

<jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="3" />

<?php if(!$this->params->get('html5', 0)): ?>
</div>
<?php else: ?>
</nav>
<?php endif; ?>

<?php endif; ?>

<div id="<?php echo $showRightColumn ? 'wrapper' : 'wrapper2'; ?>" <?php if (isset($showno)){echo 'class="shownocolumns"';}?>>

<div id="main">

<?php if ($this->countModules('position-12')): ?>
<div id="top"><jdoc:include type="modules" name="position-12" />
</div>
<?php endif; ?>

<jdoc:include type="message" />
<jdoc:include type="component" />

</div>

</div>

<?php if ($showRightColumn) : ?>
<h2 class="unseen">
<?php echo JText::_('TPL_BEEZ5_ADDITIONAL_INFORMATION'); ?>
</h2>
<div id="close">
<a href="#" onclick="auf('right')">
<span id="bild">
<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE'); ?></span></a>
</div>

<?php if (!$templateparams->get('html5', 0)): ?>
<div id="right">
<?php else: ?>
<aside id="right">
<?php endif; ?>

<a id="additional"></a>
<jdoc:include type="modules" name="position-6" style="beezDivision" headerLevel="3"/>
<jdoc:include type="modules" name="position-8" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-3" style="beezDivision" headerLevel="3" />

<?php if(!$templateparams->get('html5', 0)): ?>
</div>
<?php else: ?>
</aside>
<?php endif; ?>
<?php endif; ?>

<?php if ($navposition=='center' and $showleft) : ?>

<?php if (!$this->params->get('html5', 0)): ?>
<div class="left <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav" >
<?php else: ?>
<nav class="left <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
<?php endif; ?>

<jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="3" />

<?php if (!$templateparams->get('html5', 0)): ?>
</div>
<?php else: ?>
</nav>
<?php endif; ?>
<?php endif; ?>

<div class="wrap"></div>

</div> 

</div>

</div>

<div id="footer-outer">

<?php if ($showbottom) : ?>
<div id="footer-inner">

<div id="bottom">
<?php if ($this->countModules('position-9')): ?>
<div class="box box1"> <jdoc:include type="modules" name="position-9" style="beezDivision" headerlevel="3" /></div>
<?php endif; ?>
<?php if ($this->countModules('position-10')): ?>
<div class="box box2"> <jdoc:include type="modules" name="position-10" style="beezDivision" headerlevel="3" /></div>
<?php endif; ?>
<?php if ($this->countModules('position-11')): ?>
<div class="box box3"> <jdoc:include type="modules" name="position-11" style="beezDivision" headerlevel="3" /></div>
<?php endif ; ?>
</div>
</div>
<?php endif ; ?>

<div id="footer-sub">

<?php if (!$templateparams->get('html5', 0)): ?>
<div id="footer">
<?php else: ?>
<footer id="footer">
<?php endif; ?>

<jdoc:include type="modules" name="position-14" />
<p>
<?php echo JText::_('TPL_BEEZ5_POWERED_BY');?> <a href="http://www.joomla.org/">Joomla!®</a>
</p>

<?php if (!$templateparams->get('html5', 0)): ?>
</div>
<?php else: ?>
</footer>
<?php endif; ?>

</div>

</div>
<jdoc:include type="modules" name="debug" />
</body>
</html>

**jisse03** · 12/04/2015, 20h58

Re : Intégrer du code dans le header et dans le body

le header est la section entre <head> ety </head> dans ton code, il te faut intégrer ton Javascript dans cette section.
Le body est la partie entre <body> et </body> dans ton code, et là, il n'y a que toi qui puisses savoir où tu veux voir ce code s'activer dans la collection de positions du template.

**y.berges** · 13/04/2015, 05h38

Re : Intégrer du code dans le header et dans le body

Sinon regarde sur la jed y a des plugins pour ca
Cela te permettra de ne pas hacker ton template

**PéCé** · 13/04/2015, 08h29

Re : Intégrer du code dans le header et dans le body

Envoyé par y.berges Voir le message

Sinon regarde sur la jed

Qu'est-ce que la "jed" ?
[/QUOTE]Cela te permettra de ne pas hacker ton template[/QUOTE]
...Parce qu'il est possible de tout casser ?
Merci...

**y.berges** · 13/04/2015, 08h34

Re : Intégrer du code dans le header et dans le body

non mais imaginons que plus tard tu mes ton template a jour => tu perdra ta modification

**ced1870** · 13/04/2015, 11h41

Re : Intégrer du code dans le header et dans le body

salut,
comme l'as dit Jisse :

le header est la section entre <head> ety </head>

Le body est la partie entre <body> et </body>

en gros tu colles ton code juste avant la balise </head> (fermant l'entete)
CEd

**PéCé** · 13/04/2015, 18h35

Re : Intégrer du code dans le header et dans le body

Envoyé par ced1870 Voir le message

en gros tu colles ton code juste avant la balise </head> (fermant l'entete)CEd

Je colle là TOUT mon code, même celui qui doit aller dans le "body" ?

Merci !

**jisse03** · 13/04/2015, 18h56

Re : Intégrer du code dans le header et dans le body

Si tu lisais BIEN ce qu'on se tue à te dire, tu colles dans le head ce qui doit y aller, et dans l'emplacement voulu de body ce qui va y appartenir.
On ne peut dire plus clairement les choses.

**PéCé** · 14/04/2015, 12h07

Re : Intégrer du code dans le header et dans le body

Envoyé par jisse03 Voir le message

On ne peut dire plus clairement les choses.

Merci ! Mais si, on peut dire plus clairement les choses, et sans s'énerver, tout le monde n'est pas pro de Joomla!...
Je ne veux pas faire de boulette, aussi je vais poser une dernière question, histoire de pouvoir clore la discussion après : si je colle mon code juste au début du header, est-ce que l'aspect de mon site sera différent par rapport à si je colle le code juste à la fin de la section header ?
Merci d'avance...

Intégrer du code dans le header et dans le body

[RÉGLÉ] Intégrer du code dans le header et dans le body

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association