affichage image entre 2 date

Bon que dire de ta façon de coder... :eek:
C'est ni fait ni à faire :bored:
Il faut mettre les styles et les scripts d'appel dans les <head> et pas les mettre dans le <body>. D'ailleurs le <body> est placé n'importe comment. Il y a du code qui se balade entre la balise <head> et <body>.
Je ne compte pas les oublis de fermeture de balise, de mise entre "" etc...
Il y a deux erreurs que je n'ai pas corrigé c'est la double utilisation de l' id="Nbtirage" , alors que l' id doit être unique. Tu as 2 iframe avec cet id identique (ligne 281 et 286).
J'ai modifié également au niveau des lignes de code d'affichage de date et heure car je ne sais pas comment cela pouvait fonctionner avec des erreurs de code dans ta balise <span> qui d'une part n'était pas fermée par un ">" et ou l' id="date" n'était pas entre "". Du coup avec le code corrigé l'apparence était changé, j'ai donc encapsulé le tout par une <div> pour que le rendu soit identique avec le code corrigé.
Voilà tu peux télécharger les 2 fichiers html. Le premier où je n'ai pas trop touché à ton code, uniquement les corrections de code et implantation de mes 2 scripts pour la guirlande et pour les 30s qui s'efface, et le second où j'ai vraiment fait le ménage avec les <meta>,<style>,<script> replacées dans le <head>.
Fichier 1
Fichier 2 (ordonné)
Testé sur Safari, Firefox,Opera,Chrome, et iOs (Mac)
 
Dernière édition:
@pouppinou

Merci de ton aide.

Par contre, je ne code pas, je fais des copier coller de code publier sur le net.
Je connais très vaguement les termes employés par les programmeurs.

Ce n'est pas parce qu'on ne connait pas le HTML, javascript, bash, qu'il ne faut pas essayer de créér quelque chose :)

Connait-on la recette d'un gateau avant le manger ?... et pourtant on le déguste avec plaisir

Voila pourquoi votre aide est essentielle.

Je remercie tous ceux qui m'aident régulièrement. :coucou:


Maintenant, je vais remplacer mon crotin, par tes propositions.
Je reviens bientot, pour te montrer ce que ca donne.
 
Dernière édition:
symbol a dit:
@pouppinou
Ce n'est parce qu'on ne connait pas le HTML, javascript, bash, qu'il ne faut pas essayer de créér quelque chose :)

Connait-on la recette d'un gateau avant le manger ?... et pourtant on le déguste avec plaisir
Cliquez pour agrandir...

La comparaison avec la recette du gâteau est je trouve inapproprié. ;)

Le problème qui se pose c'est que la structure est très bancale alors tout ce que tu ajoutes de façon aussi bancale finit à la fin par bugguer tout l'ensemble. Et à un moment on ne peut plus rien faire. On ne peut plus corriger le dernier élément que tu veux mettre car dès que l'on ajoute un script valide par exemple cela va venir interférer avec autre chose dans ta structure bancale. Alors il faudra corriger ce qui fait que le script ne fonctionne pas, mais si tu corriges ce qui fait bugguer le nouveau script alors cela entraine un autre bug avec autre chose également bancale. Donc à la fin tu ne peux plus rien faire à part tout réécrire. Et je ne te parle même pas qu'à un moment avec les maj des navigateurs et Os, faire évoluer ton code pour que ton site continue à fonctionner devient complètement illusoire.
Il faut un minimum de base. C'est mon cas d'ailleurs, j'ai un minimum de base, juste pour que tout soit bien valide et que je puisse greffer au bon endroit à la bonne place d'autres éléments pompés à droite à gauche.

Imagine quelqu'un qui n'a aucune base dans la construction d'un 2 roues et qui voudrait construire une moto en prenant 2 roues un moteur et voulant assembler le tout avec un cadre maison en soudant des bouts de tube pour tout relier. Et bien moi j'y mettrais jamais les fesses sur son engin :D
Un gâteau c'est pas bien grave si il est raté, ça peut toujours se manger, sauf si il est cramé :D
Un site à un moment ça coince et ça bug. Pas forcément partout, mais sur tel navigateur, tel système d'exploitation d'ordinateur etc...
 
Dernière édition:
pouppinou,

Ton code est dans la zone HTML (Fichier 2 (ordonné)).

Ce qui va :
Changement des décos noel/ jour l'an en fonction dates : OK
effacement message "analyse .... 30 secondes : OK

Ce qui va moins bien :
L'animation de la déco de Noel, clignote bien plus vite que le gif original (ci dessous)
bandeauNoel3.gif



Le navigateur (firefox), télécharge tout le temps quelque chose de kenopronos.free.fr. Le navigateur n'est jamais en mode normal (sans activité)

Voila :)
 
Dernière édition:
Je comprends pas la logique ce de truc la :

Bloc de code: 
    <!--SCRIPT POUR CHANGEMENT IMAGE NOEL/NOUVEL AN-->
 
<script type="text/javascript">
function logo(img) {
  //if (img.src.indexOf('default')==-1) return; // already changed
  var d = new Date();
  var Today = d.getDate();
  var Month = d.getMonth();
  var src;
  if (Month === 11 && (Today >= 10 && Today <= 31)) {
    src = "http://kenopronos.free.fr/graph/bandeauNoel3.gif";
  } else if (Month === 0 && (Today >= 1 && Today <= 5)) {
    src = "http://kenopronos.free.fr/graph/nouvelan.png";
  }
  img.src=src;
}
</script>

pourquoi remettre l'url du fichier image(ci dessous)???
Bloc de code: 
<!-- ##############  DECO DE NOEL   -->
<center><img src="http://kenopronos.free.fr/graph/bandeauNoel3.gif" alt="" onload="logo(this)"/><img src="http://kenopronos.free.fr/graph/bandeauNoel3.gif" alt="" onload="logo(this)"/><img src="http://kenopronos.free.fr/graph/bandeauNoel3.gif" alt="" onload="logo(this)"/></center>

On les connait les urls, c'est deja marqué dans le script o_O
 
J'ai trouvé :)

il mettre cette ligne
Bloc de code: 
  if (img.src.indexOf('default')==-1) return; // already changed

au lieu de
Bloc de code: 
 // if (img.src.indexOf('default')==-1) return; // already changed


MAJ : je retire ce que j'ai posté au dessus .
Si modifié comme au dessus CA NE FONCTIONNE PLUS. Les images ne changent plus en fonction de la date. pffffffffffff

Si les images changent, le navigateur tourne boucle, si il tourne pas en boucle, les images ne changent plus.
 
Dernière édition:
1- Si les guirlandes clignotent trop vite c'est parce que certain navigateur semblent rafraichir certaines parties de la page constamment. Si tu regardes sous Safari ou iOs elles clignotent normalement.
2- Effectivement certain navigateur semblent toujours à la recherche de la date du jour pour modifier les guirlandes, sur Safari cela n'a pas lieu par exemple. C'est pour ça que mon navigateur par défaut est Safari car je trouve qu'il interprète bien mieux le codage que les autres navigateurs où bien souvent il faut rajouter du code exprès pour eux pour qu'ils interprètent le code normalement.
Mais là aussi ce n'est pas bien grave car cela fonctionne sur tous les navigateurs que j'ai pu tester (voir post #21. De plus cela ne durera que le temps des fêtes car je pense que tu enlèveras les guirlandes après le 5 Janvier si j'ai bien compris.
3- Pourquoi remettre l'adresse de l'image... et bien parce qu'il faut qu'elle existe par défaut pour ensuite être remplacée ou non. Si il n'existe rien à cette emplacement, rien ne pourra être alors remplacé.
4- Effectivement il faut garder les // dans le script sinon le script ne fonctionne pas. Cela avait été d'ailleurs corrigé dans le forum de discussion de ce script. J'avoue ne pas comprendre pourquoi, mais c'est comme cela si l'on veut que le script fonctionne.
Comme dit en 2 sur certain navigateur pour le script de la guirlande, certain navigateur semble chercher constamment la date du jour pour actualiser les guirlandes.
 
Dernière édition:
  • J’aime
Réactions: symbol
@pouppinou
Je souhaiterai un léger réglage concernant l'affichage de 2 phrases dans le forum (ZONE HTML) si c'est possible.

je souhaiterais que les phrases soient centrées verticalement pour celle ci
Capture-d-e-cran-2018-12-18-a-20-13-39.png

et celle aussi
Capture-d-e-cran-2018-12-18-a-20-14-29.png

Voudrais tu m'indiquer comemnt faire ?

merci :)
 
Pour centrer verticalement "Analyse des combinaisons..." pas de problème. On peut gérer par style="line-height: 180%;" où le pourcentage va gérer le centrage (voir la ligne de code à remplacer ci-dessous, ligne 369).
Pour la balise <object> et son contenu, il est bien centré si l'on se réfère au triangle, mais comme il y a un décalage entre le triangle et les chiffres qui défilent le centrage reste très relatif. De plus j'ai beau triturer le style .example1 h3 ou mettre du code directement dans les balises rien ne bouge.

Bloc de code: 
<div ng-app="myApp" ng-controller="myCtrl"><div id="test"  style="line-height: 180%;">Analyse des combinaisons de l'historique :<b> Résultats dans 30 secondes</b></div></div></div>

Sinon on triche en élargissant un peu en hauteur le cadre bleu pour recentrer du même coup le défilement des nombres en passant la hauteur de 28px à 32px soit height="32px" (ligne 361) et du coup passer de 180% à 190% pour la hauteur de ligne du texte "Analyse des combinaisons...", soit le code suivant à remplacer :

Bloc de code: 
<div class="example1" style="overflow:hidden; overflow-x:hidden;  width:1100px; height:32px; border:#000000 1px solid;  border-radius: 5px 5px 0 0; background-color: #9ba6eb;">
...
<div ng-app="myApp" ng-controller="myCtrl"><div id="test"  style="line-height: 190%;">Analyse des combinaisons de l'historique :<b> Résultats dans 30 secondes</b></div></div></div>
 

Sujets similaires

M
JS: getElementById et &nbsp;
Réponses
6
Affichages
3K
Développement web
Membre supprimé 2
M
Haut Bas
Back