Discussion :

[chipster62]

Bonjour à tous,

J'ai 2 iframes que je souhaite utiliser dans une condition avec une date (JJ/MM/AA et HH:MM:SS)

Exemple date limite 01/05/2020 à 12h30

Si la date et l'heure actuelle < date limite alors iframe 1
Si la date et l'heure actuelle >= date limite alors iframe 2

Est-ce possible ?

Merci d'avance

[Invité]

Bonjour,

on peut aussi utiliser une seule <iframe>, et modifier le src.

Cela dit, quel langage utilises-tu pour effectuer la condition ?
PHP ? (auquel cas c'est tout simple...)

[chipster62]

bonjour

En fait j'ai 2 iframes (compte à rebours fait sur http://www.decompte.net/compte-a-rebours/)

Si la date du 1er évenement est dépassé (compte à rebours 1), je voudrais qu'il affiche automatiquement le 2ème iframe (compte à rebours)
La modification du SRC je vois, mais je ne serais pas forcément présent sur PC pour le faire.
C'est en html je pense.

Je commence par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div style="text-align: center;">
 
 
		<div>
			                       <span style="color: rgb(200, 100, 119);">

merci

[Parpotom]

Bonjour,

Si tu regarde la page générée par le créateur de compte à rebours, l'affichage est fait en JavaScript.
Regarde la fonction decompte().
A la fin elle fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

cpt.innerHTML='&nbsp;<font style="font-size:48px;">Compte à rebours terminé</font>';

C'est à dire qu'elle change le code html de cpt
cpt est récupéré au début de la fonction par : cpt = document.getElementById(cpt); : c'est l'élément dont l'id est "cpt"

Tu peux facilement modifier ça pour changer le contenu que tu veux afficher.
Une façon simple est de mettre dans ta page les deux contenus avec des classes différentes, le CSS de l'une étant display:block; et l'autre display:none; et de modifier en Javascript le display des deux classes quand on dépasse la date voulue.