Commit e8dca534 authored by Loïc Faure-Lacroix's avatar Loïc Faure-Lacroix
Browse files

Modification du site web

Chaque page php possède un nom et un array javascript
Le nom sert a identifier la page courante dans le header ou tout autre
page incluse. Et le array javascript sert à savoir quel fichier ".js"
dois être inclus. Ce n'est pas toute les pages qui ont besoin du
s3Slider par exemple.
parent af54afd3
<?php
$name = 'contact';
$javascript = array('jquery','animated-menu');
include('include/header.php');
......
<?php
$name = 'download';
$javascript = array('jquery','animated-menu');
include_once('utils.php');
......
<?php
$name = 'feature';
$javascript = array('jquery','animated-menu');
include('include/header.php');
?>
......@@ -15,12 +16,14 @@ include('include/header.php');
<p class="title alignLeft fntBleu">
Great User Experience
</p>
<p>
SFLphone now fully supports
<a href="http://www.pulseaudio.org">PulseAudio</a>
sound server so you could experience the great possibilities it offers (sound mixing, per application volume control, ...).
<br/>
The GTK+ graphical user interface provides you an intuitiv and easy way to phone, and, thanks to the integration of the GNOME desktop notification, you will never miss a call.
<br/>
</p>
</td>
</tr>
<tr>
......
......@@ -8,10 +8,17 @@
<link rel="stylesheet" type="text/css" href="css/s3Slider.css" media="screen"/>
<!-- jquery -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/s3Slider.js"></script>
<script type="text/javascript" src="js/script.js"> </script>
<script type="text/javascript" src="js/animated-menu.js"></script>
<?php
//Inlucde javascript
$javascript = array_merge(array(),(array)$javascript);
foreach($javascript as $script){
echo "<script type='text/javascript' src='js/$script.js'></script>";
}
//<script type="text/javascript" src="js/jquery.js"></script>
//<script type="text/javascript" src="js/s3Slider.js"></script>
//<script type="text/javascript" src="js/script.js"> </script>
//<script type="text/javascript" src="js/animated-menu.js"></script>
?>
</head>
<body>
......@@ -37,15 +44,14 @@
<div id="navigation">
<div class="dynamic-nav" style="background: #CDCDCD;" >&nbsp;</div>
<ul>
<li><a href='contact.php'><span>Contact</span></a></li>
<li><a href='http://dev.savoirfairelinux.net/sflphone/'><span>Wiki</span></a></li>
<li class="active"><a href='download.php'><span>Download</span></a></li>
<li><a href='features.php'><span>Features</span></a></li>
<li><a href='index.php'><span>Home</span></a></li>
<li <?php echo ($name == 'contact')?'class="active"':"" ?>><a href='contact.php'><span>Contact</span></a></li>
<li <?php echo ($name == 'wiki')?'class="active"':"" ?>><a href='http://dev.savoirfairelinux.net/sflphone/'><span>Wiki</span></a></li>
<li <?php echo ($name == 'download')?'class="active"':"" ?>><a href='download.php'><span>Download</span></a></li>
<li <?php echo ($name == 'feature')?'class="active"':"" ?>><a href='features.php'><span>Features</span></a></li>
<li <?php echo ($name == 'home')?'class="active"':"" ?>><a href='index.php'><span>Home</span></a></li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
<?php
$name = 'home';
$javascript = array('jquery','s3Slider','script','animated-menu');
include('include/header.php');
?>
......
......@@ -11,10 +11,11 @@ $.fn.animatedMenu = function(){
var activePos;
$(element).children('li.active:first').each(
function(){
activePos = { left: this.offsetLeft, top: this.offsetTop, width: this.offsetWidth, height: this.offsetHeight}
this.opacity = 0;
activePos = { left: this.offsetLeft, top: this.offsetTop, width: this.offsetWidth, height: this.offsetHeight, opacity: 0}
}
);
$('div.dynamic-nav').hide(0,function(){$(this).animate(activePos,0);});
$('div.dynamic-nav').hide(1,function(){$(this).animate(activePos,1);});
$(element).children('li').hover(
function(){
......@@ -22,10 +23,11 @@ $.fn.animatedMenu = function(){
left: this.offsetLeft,
top: this.offsetTop,
width: this.offsetWidth,
height: this.offsetHeight
height: this.offsetHeight,
opacity: 1
}
$('div.dynamic-nav').show().animate(liPos,200);
$('div.dynamic-nav').stop().show().animate(liPos,500);
},
function(){
$('div.dynamic-nav').hide();
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment