OVH Cloud OVH Cloud

Annonce superposée

23 réponses
Avatar
METIS
Bonjour,
comment fait-on ces info-bulles superposées qui reste 5 à
10s par dessus la page, le temps de lire une annonce à
propos du site ? (en fait, que du texte, ça me va !)
Le même truc sans doute que ces pubs volantes qui planent au
dessus de la page de certains sites, avant de disparaître
toutes seules.

Merci pour l'aide éventuelle !

--
<|[;o)) METIS
http://www.graphM.com
Remplacer wawamoo par ce qu'il faut...

10 réponses

1 2 3
Avatar
Guy
Bonjour,
comment fait-on ces info-bulles superposées qui reste 5 à
10s par dessus la page, le temps de lire une annonce à
propos du site ? (en fait, que du texte, ça me va !)


Bjr,

il vous faut connaître au moins :

la méthode window.open (et close )
l'évenement onmouseover
les méthode setTimeout et clearTimeout

Bonne chance
GR

Le même truc sans doute que ces pubs volantes qui planent au
dessus de la page de certains sites, avant de disparaître
toutes seules.

Merci pour l'aide éventuelle !



Avatar
ASM
Bonjour,
comment fait-on ces info-bulles superposées qui reste 5 à
10s par dessus la page, le temps de lire une annonce à
propos du site ? (en fait, que du texte, ça me va !)
Le même truc sans doute que ces pubs volantes qui planent au
dessus de la page de certains sites, avant de disparaître
toutes seules.

Merci pour l'aide éventuelle !


ce n'est tt de même pas si compliqué

à la fin du doc et avant </body>

<div id="annonce">annonce du jour</div>

à placer dans l'en-tete ( head ) :

<style type="text-css">
#annonce { position: absolute; display: none; height: 20em;
top: 100px; left: 50%; width: 500px; margin-left: -250px;
background: red; color: white; font-size: 200%;
border: 4px inset maroon; padding: 8px; cursor: pointer; }
</style>
<script type="text/javascript">
onload = function() {
var t = 10; // temps de parution en secondes
var a = document.getElementById('annonce');
a.onclick = function(){this.style.display=''};
a.title = "cliquer pour fermer";
a = a.style;
a.display = 'block';
setTimeout(function(){a.display='';},t*1000);
}
</script>

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
ASM

Bonjour,
comment fait-on ces info-bulles superposées qui reste 5 à 10s par
dessus la page,


Bjr,

il vous faut connaître au moins :


grave errore !
d'autant qu'avec les anti-popup ... adieu le window.open non voulu



--
Stephane Moriaux et son [moins] vieux Mac


Avatar
METIS
ASM wrote:
Bonjour,
comment fait-on ces info-bulles superposées qui reste 5 à
10s par dessus la page, le temps de lire une annonce à
propos du site ? (en fait, que du texte, ça me va !)
Le même truc sans doute que ces pubs volantes qui
planent au dessus de la page de certains sites, avant de
disparaître toutes seules.

Merci pour l'aide éventuelle !


ce n'est tt de même pas si compliqué


==> Hé-hé...! Sûr, pour toi qui est tombé dedans tout
petit!(;o)))))
Vais essayer ça donc.

--
<|[;o)) METIS
http://www.graphM.com
Remplacer wawamoo par ce qu'il faut...


Avatar
METIS
Guy wrote:
Bonjour,
comment fait-on ces info-bulles superposées qui reste 5 à
10s par dessus la page, le temps de lire une annonce à
propos du site ? (en fait, que du texte, ça me va !)


Bjr,

il vous faut connaître au moins :

la méthode window.open (et close )
l'évenement onmouseover
les méthode setTimeout et clearTimeout

Bonne chance


==> Sympa, mais ça m'étonnerait que ça soit une question de
chance!(;o))

Je ne parlais pas de fenêtre popup.
Plutôt de div vue/cachée ou à la limite de Flash dans un
layer...

Merci pour cette tentative d'aide !(;o))))))

--
<|[;o)) METIS
http://www.graphM.com
Remplacer wawamoo par ce qu'il faut...


Avatar
METIS
ASM wrote:

<div id="annonce">annonce du jour</div>

à placer dans l'en-tete ( head ) :
[...]


Bon, bé... ça marche pas tel quel, je ne vois pas le
problème.
Ca affiche juste "annonce du jour".
Vu ma force avec le code, pas étonnant!(;o))

--
<|[;o)) METIS
http://www.graphM.com
Remplacer wawamoo par ce qu'il faut...

Avatar
ASM
ASM wrote:

<div id="annonce">annonce du jour</div>

à placer dans l'en-tete ( head ) :
[...]



Bon, bé... ça marche pas tel quel, je ne vois pas le
problème.


remplace text-css
par text/css

et fait les réglages que tu veux dans les css

heu ... sans JavaScript point de salut

Ca affiche juste "annonce du jour".
Vu ma force avec le code, pas étonnant!(;o))


néanmoins tu eûsse dû trouver l'erreur ...


--
Stephane Moriaux et son [moins] vieux Mac


Avatar
METIS
ASM wrote:
ASM wrote:



néanmoins tu eûsse dû trouver l'erreur ...


Ca marche !!
Certes, avec un peu d'attention, je l'eus dû trouver, c'est
bien mon problème avec le code !
Merci Stephane !!

Note : "tu eusses" (;o)))) ...et paf le chien...(;o))))

--
<|[;o)) METIS
http://www.graphM.com
Remplacer wawamoo par ce qu'il faut...


Avatar
ASM

Certes, avec un peu d'attention, je l'eus dû trouver, c'est
bien mon problème avec le code !


ben ... faudra essayer d'apprendre

Note : "tu eusses" (;o)))) ...et paf le chien...(;o))))


j'avions vusse mais trop tard.
et si tu m'chercheS j'te donnerais plus d'ficelle petit effronté.

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
METIS
ASM wrote:
Certes, avec un peu d'attention, je l'eus dû trouver,


j'avions vusse mais trop tard.
et si tu m'chercheS j'te donnerais plus d'ficelle petit
effronté.


==>(;o)))))

Bon, c'est pas fini :
J'ai un onload dans le body...
<body bgcolor="#333366"
onLoad="get(0,'prenom');get(1,'nom');get(2,'jour');get(3,'mois');get(4,'annee');">

et je pense qu'il vient contrarier le onload du JS...

onload = function() {
var t = 30; // temps de parution en secondes etc.

ce qui fait que ça marche pas !
Es-tu étonné ? (;o)))))))))

--
<|[;o)) METIS
http://www.graphM.com
Remplacer wawamoo par ce qu'il faut...


1 2 3