all html : Le portail des webmaster
Retrouvez les publications relatives à ces discussions dans notre rubrique javascript.
liste des forums liste des discussions Participer à la discussion
Message publié le vendredi 12 février 2010 - 17h22 par foldi3.
<?php
$numero_page=3;
//formule
$nbMinuteJournee = 24*60;
$minutesEcouleeHeure = date('H')*60;
$minutesEcoulee = $minutesEcouleeHeure+date('i');
$pourcent = ($minutesEcoulee*100)/$nbMinuteJournee;
$pourcent = ($pourcent*1194)/100; //pour toruver la valeur en pixel (1194 = valeur total)
$pourcent = round($pourcent, 1);
echo $pourcent;
?>
<table border="0" width="1200">
<tr>
<?php
$i=1;
$zero = '';
while($i <= 24)
{
if($i<=9)
{
$zero = '0';
}
?>
<td width="50px" align="right">
<?php echo $zero.$i ?>H <img src="image/green_bar.gif" border="0" height="20px" width="1px" />
</td>
<?php
$i=$i+1;
$zero = '';
}
?>
<tr>
<td colspan="25"><?php
echo "<img src='' border='0' height='40px' width='0%' >";
echo "<img src='image/green_bar.gif' border='0' height='40px' width='".$pourcent."px' >";
?></td>
</tr>
</table>
Message publié le vendredi 12 février 2010 - 19h30 par nours312. 
nours312.com -- je ne suis pas codeur bénévol, mais j'aide gratos ;) Message publié le samedi 13 février 2010 - 11h11 par foldi3. Message publié le samedi 13 février 2010 - 15h55 par nours312. nours312.com -- je ne suis pas codeur bénévol, mais j'aide gratos ;) 
<div id="tblH">
<?php
$h=0;
while($h<24){
$h++;
echo "<div class='repereHeure'>$h |</div>";
}
?>
</div>
<script type="text/javascript">
var w, img = document.getElementById('imgTime'), title = img.title, alt = img.alt;
var initialize = function(){
l = (window.innerWidth) ? window.innerWidth : ((document.body && document.body.offsetWidth)?document.body.offsetWidth : 1000);
w = Math.ceil(l/24-2)*24;
var divs = document.getElementById('tblH').getElementsByTagName('div');
for(i=0; i<divs.length; i++){
divs[i].style.width = (w/24)+'px';
}
setDTBarre();
}
var setDTBarre = function() {
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var Min = (h*60)+m ;
var p = Min/(24*60)*w;
img.style.width = p+"px";
img.title = title.replace(/\#H/g, h).replace(/\#M/g, m);
img.alt = alt.replace(/\#H/g, h).replace(/\#M/g, m);
window.setTimeout(setDTBarre, 60*1000);
}
initialize();
</script>
Message publié le samedi 13 février 2010 - 18h05 par foldi3. Message publié le dimanche 14 février 2010 - 13h02 par foldi3.
<div id="tblTime">
<img id="imgTime", width="#Wpx" src="./image/green_bar.gif" alt="#H : #M" title="il est #H Heure et #M minutes" style="height:30px;" />
</div>
<div style="text-align:center;margin:auto;">
D'autres idées de codes <a href="http://4code.fr/" title="plateforme de script et tutos Web">par ici</a> ;) @+
</div>
</body>
<script type="text/javascript">
var w, img = document.getElementById('imgTime'), title = img.title, alt = img.alt, width = img.width ;
var initializeHour = function(){
l = (window.innerWidth) ? window.innerWidth : ((document.body && document.body.offsetWidth)?document.body.offsetWidth : 1000);
w = 1600;
var divs = document.getElementById('tblH').getElementsByTagName('div');
for(i=0; i<divs.length; i++){
divs[i].style.width = (w/24)+'px';
}
setDTBarre();
}
var setDTBarre = function() {
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var Min = (h*60)+m ;
var p = Min/(24*60)*w;
var tp = 7*60;
tp = tp/(24*60)*w;
p = p-tp;
p = Math.round(p*1);
//img.style.width = p+"px";
img.width = width.replace(/#W/g, p);
img.title = title.replace(/\#H/g, h).replace(/\#M/g, m);
img.alt = alt.replace(/\#H/g, h).replace(/\#M/g, m);
window.setTimeout(setDTBarre, 60*1000);
}
initializeHour();
</script>
</html>
Message publié le dimanche 14 février 2010 - 13h56 par nours312. nours312.com -- je ne suis pas codeur bénévol, mais j'aide gratos ;) Message publié le dimanche 14 février 2010 - 14h03 par foldi3. Message publié le dimanche 14 février 2010 - 23h01 par nours312. nours312.com -- je ne suis pas codeur bénévol, mais j'aide gratos ;)
<script type="text/javascript">
var w, plageHoraire, img = document.getElementById('imgTime'), title = img.title, alt = img.alt, divTemplate = "<div class='repereHeure' style='width:#Wpx'>#I |</div>", startTimer=12, stopTimer=20;
var initializeHour = function(){
l = (window.innerWidth) ? window.innerWidth : ((document.body && document.body.offsetWidth)?document.body.offsetWidth : 1000);
plageHoraire = stopTimer-startTimer;
w = Math.ceil(l/plageHoraire-2)*plageHoraire;
for(i=startTimer+1; i<=stopTimer; i++){
document.getElementById('tblH').innerHTML += divTemplate.replace(/\#I/g, i).replace(/\#W/g, (w/plageHoraire));
}
setDTBarre();
}
var setDTBarre = function() {
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var Min = (h*60)+m ;
Min = (Min>(stopTimer*60)) ? plageHoraire*60 : ((Min<=(startTimer*60)) ? 0 : Min-(startTimer*60));
var p = Min/(plageHoraire*60)*w;
img.style.width = p+"px";
img.title = title.replace(/\#H/g, h).replace(/\#M/g, m);
img.alt = alt.replace(/\#H/g, h).replace(/\#M/g, m);
window.setTimeout(setDTBarre, 60*1000);
}
initializeHour();
</script>
Message publié le dimanche 14 février 2010 - 23h11 par nours312. nours312.com -- je ne suis pas codeur bénévol, mais j'aide gratos ;)
var initializeHour = function(){
l = (window.innerWidth) ? window.innerWidth : ((document.body && document.body.offsetWidth)?document.body.offsetWidth : 1000);
plageHoraire = stopTimer-startTimer;
w = (Math.ceil(l/plageHoraire)-5)*plageHoraire;
for(i=startTimer+1; i<=stopTimer; i++){
document.getElementById('tblH').innerHTML += divTemplate.replace(/\#I/g, i).replace(/\#W/g, (w/plageHoraire));
}
setDTBarre();
}
Message publié le lundi 15 février 2010 - 09h40 par foldi3. Message publié le lundi 15 février 2010 - 15h41 par nours312. nours312.com -- je ne suis pas codeur bénévol, mais j'aide gratos ;) Message publié le lundi 15 février 2010 - 16h28 par foldi3. liste des forums liste des discussions Participer à la discussion
Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.
