Re: Hooper.fr, un an de bugs - Journal de bord d'un webmaster amateur
@JVBenji: Yes! Super merci! On s'approche, on s'approche... Ce code est bien clean, seulement ça serait bien qu'il fonctionne aussi sur Internet Explorer < 9 (sans aller jusqu'au 6, mais à partir du 7 ça serait bien, en tout cas au moins le 8), oui je sais c'est moche mais y a encore pas mal de visiteurs sur le site qui utilisent ces maudites versions d'IE, j'aimerais bien que l'horloge leur soit aussi accessible...
Re: Hooper.fr, un an de bugs - Journal de bord d'un webmaster amateur
Cette image représente :
1- le trou des toilettes.
2- un œil de gros calamar à tentacle bondage.
3- Obi Wan kenobi.
42- 42.
Si tu as la bonne réponse, envoie-la au 8 38 38 ! (200 centimes par appel puis 5 euros par minutes)
"Hooper n'existe pas, c'est une hallucination collective." Phoenix join the herd !
Re: Hooper.fr, un an de bugs - Journal de bord d'un webmaster amateur
C'est vrai que faire marcher les rotations sur les vieilles versions d'IE c'est pas évident.
Avec jqueryrotate les rotations ont l'air de fonctionner sur IE 7,8,9.
C'est surtout plus lourd sur IE car ça passe pas par les rotations natives du CSS3.
Exemple code JS utilisant jQueryRotate :
Spoiler ▼▲
function horloge() {
var now = new Date();
var rotationHeures = ((now.getHours()%12) + (now.getMinutes()/60)) * 360 / 12 - 90;
var rotationMinutes = now.getMinutes() * 360 / 60 - 90;
$("#heures").rotate({angle:rotationHeures});
$("#minutes").rotate({angle:rotationMinutes});
$("#minutes, #heures").css({position:'absolute'}); /* IE < 9 hack */
setTimeout(function(){ horloge() }, 1000 );
}
$(document).ready(function(){
horloge();
});
Par contre j'ai du rajouter un petit hack pour IE car sinon y'a un soucis avec le CSS (mauvaise position des aiguilles) ...
Après le timeout peut être augmenté, ça évite de rappeler la fonction toute les secondes (1000ms). Je pense que ce n'est pas très grave si les aiguilles ne changent pas à la seconde près.
Re: Hooper.fr, un an de bugs - Journal de bord d'un webmaster amateur
Pour le code je pense que lemartialou n'aura aucun mal à adapter, le mieux étant de faire une position relative à l'emplacement du header, quitte à les calculer dynamiquement :)
Le plus chiant c'est surtout la partie graphique, ça ne se voit peut-être pas au premier coup d’œil mais je ne suis pas infographiste, j'ai découpé les aiguilles et rempli les trous comme un cochon (le mieux serait d'avoir la vraie image avec les calques pour un résultat propre, et aussi de mettre des div/background-image à la place des img pour ne pas que les aiguilles soient "flottantes" et sélectionnables...).
@JVBenji: Yes! Super merci! On s'approche, on s'approche... Ce code est bien clean, seulement ça serait bien qu'il fonctionne aussi sur Internet Explorer < 9 (sans aller jusqu'au 6, mais à partir du 7 ça serait bien, en tout cas au moins le 8), oui je sais c'est moche mais y a encore pas mal de visiteurs sur le site qui utilisent ces maudites versions d'IE, j'aimerais bien que l'horloge leur soit aussi accessible...
Peut-être en utilisant quelque chose comme: http://code.google.com/p/jqueryrotate/
(je ne sais pas si c'est possible d'avoir une solution moins lourde)
@Tiflorg: Je vois que monsieur a l'oeil ;p
Cette image représente :
1- le trou des toilettes.
2- un œil de gros calamar à tentacle bondage.
3- Obi Wan kenobi.
42- 42.
Si tu as la bonne réponse, envoie-la au 8 38 38 ! (200 centimes par appel puis 5 euros par minutes)
"Hooper n'existe pas, c'est une hallucination collective." Phoenix
join the herd !
j'ai trouvé, c'est un oeil de poisson (ne me demandez pas la race) qui a la cataracte.
lecorbak > Ah ben voilà, c'est bien ce que je pensais !
Ou un bug graphique de l'Amiga que martialiou a capturé de sa TV ;P .
C'est un oeil de thon.
Venez me voir en live sur
https://www.twitch.tv/tiflorg
C'est vrai que faire marcher les rotations sur les vieilles versions d'IE c'est pas évident.
Avec jqueryrotate les rotations ont l'air de fonctionner sur IE 7,8,9.
C'est surtout plus lourd sur IE car ça passe pas par les rotations natives du CSS3.
Exemple code JS utilisant jQueryRotate :
Par contre j'ai du rajouter un petit hack pour IE car sinon y'a un soucis avec le CSS (mauvaise position des aiguilles) ...
Après le timeout peut être augmenté, ça évite de rappeler la fonction toute les secondes (1000ms). Je pense que ce n'est pas très grave si les aiguilles ne changent pas à la seconde près.
Pour le code je pense que lemartialou n'aura aucun mal à adapter, le mieux étant de faire une position relative à l'emplacement du header, quitte à les calculer dynamiquement :)
Le plus chiant c'est surtout la partie graphique, ça ne se voit peut-être pas au premier coup d’œil mais je ne suis pas infographiste, j'ai découpé les aiguilles et rempli les trous comme un cochon (le mieux serait d'avoir la vraie image avec les calques pour un résultat propre, et aussi de mettre des div/background-image à la place des img pour ne pas que les aiguilles soient "flottantes" et sélectionnables...).
Pour la partie graphique on l'a, avec le gif du logo animé lorsque le site est en "construction"
@TroudhuK
Oui, ils doivent bien avoir un fichier .psd avec des aiguilles et un "H" bien propres, ça c'est pas un soucis.
Je pense que le plus chiant c'est plutôt la compatibilité IE, qui justement gère mal les rotations (en tout cas avant le 9).
Salut tous le monde