Une horloge sur mon logo...
Résolu
jjaco
Messages postés
534
Date d'inscription
Statut
Membre
Dernière intervention
-
jjaco Messages postés 534 Date d'inscription Statut Membre Dernière intervention -
jjaco Messages postés 534 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'avais envie de mettre une horloge sur mon logo, et j'y suis arrivé !!!
J'ai copié le script d'une horloge, donc j'avais le « mécanisme » et j'ai du le placer derrière mon logo et y appliquer les aiguilles. Et ça fonctionne ! Pour y arrivé, en décortiquant le script de haut en bas, j'ai trouvé où il fallait ajouter l'image et recherché la formule à ajouter...
Cette horloge se trouve sur une page HTML, avec le script dans le head et dans le body.
Maintenant, j'aimerais ajouter cette horloge dans mon entête sous forme : <img src= `'horloge'' height=''125'' width=''125''...> Mais comment transformer ce fichier HTML en image ? pour ne pas devoir tout recopier sur chaque page et bien le positionner ?
Voici le script :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>horloge</title>
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" />
<object id="VMLRender" codebase="vgx.dll" classid="CLSID:10072CEC-8CC1-11D1-986E-00A0C955B42E">
</object>
<style>
<!--
v\:* { behavior: url(#VMLRender); }
-->
</style>
<script language="JavaScript1.2">
<!--
/*
DHTML analog clock II (By Erik Arvidsson at http://webfx.eae.net)
*/
//specify clock size in pixels
var clocksize=125
function updatePointers() {
var now = new Date();
secondsPointer.style.rotation = now.getSeconds() * 6;
minutesPointer.style.rotation = now.getMinutes() * 6 + now.getSeconds() / 10;
hoursPointer.style.rotation = now.getHours() * 30 + now.getMinutes() / 2;
}
if (document.all&&window.print){
window.attachEvent("onload", initVMLClock);
window.attachEvent("onresize", resizeObjects);
}
function initVMLClock() {
resizeObjects();
updatePointers();
window.setInterval("updatePointers()", 1000);
}
function resizeObjects() {
var size = Math.min(clocksize, clocksize);
clock.style.pixelWidth = size - 2*(size * 0.045);
clock.style.pixelHeight = size - 2*(size * 0.045);
clock.childNodes.item(0).childNodes.item(0).weight = size * 0.01;
secondsPointer.childNodes.item(0).childNodes.item(0).weight = size * 0.001;
minutesPointer.childNodes.item(0).childNodes.item(0).weight = size * 0.002;
hoursPointer.childNodes.item(0).childNodes.item(0).weight = size * 0.004;
}
function toggle(sId) {
var el = document.getElementById(sId);
el.style.display = (el.style.display == "none") ? "block" : "none";
}
//-->
</script>
</head>
<body><div align="center">
<v:group id="clock" coordsize="100 100" style="position: relative;">
<v:oval style="width: 100%; height: 100%">
<v:fill type="frame" src="logorond.jpg" />
<v:stroke weight="2px" color="blue"/>
</v:oval>
<v:group id="secondsPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;">
<v:line from="50,50" to="50,5">
<v:stroke weight="2px" endcap="round" color="red"/>
</v:line>
</v:group>
<v:group id="minutesPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;">
<v:line from="50,50" to="50,8">
<v:stroke weight="4px" endcap="round" color="white"/>
</v:line>
</v:group>
<v:group id="hoursPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;">
<v:line from="50,50" to="50,18">
<v:stroke weight="7px" endcap="round" color="white"/>
</v:line>
</v:group>
</v:group>
<p><font face="verdana" size="1">Powered and Generated by </font><a href="http://www.espacejavascript.com" target="_blank"><font face="verdana,arial,helvetica" size="1" color="black">http://www.<b>espacejavascript</b>.com</font></a></p>
</div>
</body>
</html>
merci de votre aide
J'avais envie de mettre une horloge sur mon logo, et j'y suis arrivé !!!
J'ai copié le script d'une horloge, donc j'avais le « mécanisme » et j'ai du le placer derrière mon logo et y appliquer les aiguilles. Et ça fonctionne ! Pour y arrivé, en décortiquant le script de haut en bas, j'ai trouvé où il fallait ajouter l'image et recherché la formule à ajouter...
Cette horloge se trouve sur une page HTML, avec le script dans le head et dans le body.
Maintenant, j'aimerais ajouter cette horloge dans mon entête sous forme : <img src= `'horloge'' height=''125'' width=''125''...> Mais comment transformer ce fichier HTML en image ? pour ne pas devoir tout recopier sur chaque page et bien le positionner ?
Voici le script :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>horloge</title>
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" />
<object id="VMLRender" codebase="vgx.dll" classid="CLSID:10072CEC-8CC1-11D1-986E-00A0C955B42E">
</object>
<style>
<!--
v\:* { behavior: url(#VMLRender); }
-->
</style>
<script language="JavaScript1.2">
<!--
/*
DHTML analog clock II (By Erik Arvidsson at http://webfx.eae.net)
*/
//specify clock size in pixels
var clocksize=125
function updatePointers() {
var now = new Date();
secondsPointer.style.rotation = now.getSeconds() * 6;
minutesPointer.style.rotation = now.getMinutes() * 6 + now.getSeconds() / 10;
hoursPointer.style.rotation = now.getHours() * 30 + now.getMinutes() / 2;
}
if (document.all&&window.print){
window.attachEvent("onload", initVMLClock);
window.attachEvent("onresize", resizeObjects);
}
function initVMLClock() {
resizeObjects();
updatePointers();
window.setInterval("updatePointers()", 1000);
}
function resizeObjects() {
var size = Math.min(clocksize, clocksize);
clock.style.pixelWidth = size - 2*(size * 0.045);
clock.style.pixelHeight = size - 2*(size * 0.045);
clock.childNodes.item(0).childNodes.item(0).weight = size * 0.01;
secondsPointer.childNodes.item(0).childNodes.item(0).weight = size * 0.001;
minutesPointer.childNodes.item(0).childNodes.item(0).weight = size * 0.002;
hoursPointer.childNodes.item(0).childNodes.item(0).weight = size * 0.004;
}
function toggle(sId) {
var el = document.getElementById(sId);
el.style.display = (el.style.display == "none") ? "block" : "none";
}
//-->
</script>
</head>
<body><div align="center">
<v:group id="clock" coordsize="100 100" style="position: relative;">
<v:oval style="width: 100%; height: 100%">
<v:fill type="frame" src="logorond.jpg" />
<v:stroke weight="2px" color="blue"/>
</v:oval>
<v:group id="secondsPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;">
<v:line from="50,50" to="50,5">
<v:stroke weight="2px" endcap="round" color="red"/>
</v:line>
</v:group>
<v:group id="minutesPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;">
<v:line from="50,50" to="50,8">
<v:stroke weight="4px" endcap="round" color="white"/>
</v:line>
</v:group>
<v:group id="hoursPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;">
<v:line from="50,50" to="50,18">
<v:stroke weight="7px" endcap="round" color="white"/>
</v:line>
</v:group>
</v:group>
<p><font face="verdana" size="1">Powered and Generated by </font><a href="http://www.espacejavascript.com" target="_blank"><font face="verdana,arial,helvetica" size="1" color="black">http://www.<b>espacejavascript</b>.com</font></a></p>
</div>
</body>
</html>
merci de votre aide
A voir également:
- Une horloge sur mon logo...
- Logo .net - Télécharger - Études & Formations
- Horloge mondiale gratuite - Télécharger - Outils professionnels
- Appli horloge - Télécharger - Guide Android
- Logo jeu - Télécharger - Jeux vidéo
- Horloge en ligne aesthetic - Télécharger - Thèmes & Fonds d'écran
5 réponses
ecrit une fonction en php qui reprend tout ton code js et qui affiche l'image
ex:
ex:
<? function horlogeLogo()
{
echo "//code
";
}
et apres il suffit juste d'ecrire
<?php
horlogeLogo();
?> pour l'afficher
attention il faut mettre la fonction dans une page precise et l'inclure a l'aide d'un require_once("pageFonction.php"); //par exemple
merci pour ta réponse,
donc si comprends bien j'ouvre un fichier PHP
"logo.php"
, dans le quel je mets :
<? function horlogeLogo()
{
echo "/ / - et ici je copie tout le code de <html> à </html> - ";
}
ne faut-il pas fermer avec ?>puis dans les pages de mon site (entête par exemple) là où je souhaite la voir je mets:
<?php
horlogeLogo();
?>
donc si je comprends bien ma fonction se trouve dans la page" logo.php",
et là je bloque avec
require_once("logo.php");
je ne sais pas où ni comment le mettre
je suppose que tout doit se trouver dans le même répertoire ou alors jouer avecd des ../
merci de votre aide
jjaco
donc si comprends bien j'ouvre un fichier PHP
"logo.php"
, dans le quel je mets :
<? function horlogeLogo()
{
echo "/ / - et ici je copie tout le code de <html> à </html> - ";
}
ne faut-il pas fermer avec ?>puis dans les pages de mon site (entête par exemple) là où je souhaite la voir je mets:
<?php
horlogeLogo();
?>
donc si je comprends bien ma fonction se trouve dans la page" logo.php",
et là je bloque avec
require_once("logo.php");
je ne sais pas où ni comment le mettre
je suppose que tout doit se trouver dans le même répertoire ou alors jouer avecd des ../
merci de votre aide
jjaco
Personnellement je vois une solution très simple. Plutôt que de créer une fonction, utilise la fonction include de php. tu as juste à copier/coller ton code dans un fichier genre horloge.php et sur chacune des pages où tu veux intégrer ton horloge tu ajoutes juste <?php include("horloge.php"); ?>
C'est un peu lourd parfois, mais là rien à bricoler c'est le serveur qui se charge d'intégrer ton horloge, toi tu lui dis juste où la mettre.
C'est un peu lourd parfois, mais là rien à bricoler c'est le serveur qui se charge d'intégrer ton horloge, toi tu lui dis juste où la mettre.
nana dans ta fonction il faut juste que tu copie tout ce qui se rapporte a ton horloge <script>...</script> <img/> mais le mieux serai un fichier js ou tu as ta function et apres si j'ai bien compris comme tu travaille que avec ton image dans ta fonction horloge()
{
echo "<img......../>
}
avec dans ton doctype un link vers ton fichier js
{
echo "<img......../>
}
avec dans ton doctype un link vers ton fichier js
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question