image pop-up à l'ouverture du site web [Résolu]

Alfred23 · 11/02/2011, 11h11

Bonjour,

Je souhaite faire apparaitre, à l'ouverture d'un site web, une image qui ne soit pas dans une fenêtre windows et que l'internaute puisse fermer une fois le message lu (petite croix en haut à droite de l'image). Je voudrais faire une sorte de pop-up mais sans fenêtre... J'espère que je suis à peu près clair...

En cherchant un peu partout, je me suis laissé dire qu'il s'agissait de JavaScript, mais je ne sais pas du tout comment faire ça.

Est-ce que quelqu'un pourrait m'expliquer ? (J'utilise Dreamweaver CS4 pour la création du site)

Merci d'avance !!

Alfred

Alfred23 · 11/02/2011, 12h08

J'ai trouvé ce lien qui expliquera mieux ce que je cherche à faire !

http://www.webside-creative.com/impact-popup/

Cordialement,

NoSmoking · 11/02/2011, 12h55

Bonjour,
une simple DIV que l'on affiche au départ et que l'on masque par appui sur un button, le reste n'est qu'une affaire de style.

Alfred23 · 11/02/2011, 12h59

Bonjour,

Merci pour cette idée, je n'y avais pas pensé... Mais comment faire pour que ce DIV apparaisse "par-dessus"la page d'accueil ?

Alfred

NoSmoking · 11/02/2011, 13h34

Il devrait le faire naturellement sinon il y a z-index.

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Popup</title>
<style type="text/css">
html, body {
  font-family : Verdana, Arial
}
.popup {
  position : absolute;
  text-align : center;
  height : 200px;
  width : 400px;
  left : 50%;
  top : 100px;
  margin-left : -200px;
  border : 1px solid #000;
  background-color : #fafaa0;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<p>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt?</p>
<p>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt?</p>
<p>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt?</p>
<p>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt?</p>
<p>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt?</p>
<div class="popup" onclick="this.style.display='none'">
 <br><br>Le message &agrave; faire passer.
</div>
</body>
</html>

voila un exemple rapide, il suffit dans cet exemple de cliquer sur la DIV pour qu'elle soit masquée.

Alfred23 · 11/02/2011, 15h00

Merci beaucoup pour ton aide !

A partir de là, je pense que j'arriverai à faire ce que je veux : faire en sorte, en plus, que le div ne s'affiche qu'une fois.

11/02/2011, 11h11	#1
Alfred23 Invité régulier Inscription : mai 2004 Messages : 61 Détails du profil Informations forums : Inscription : mai 2004 Messages : 61 Points : 7 Points : 7	image pop-up à l'ouverture du site web Bonjour, Je souhaite faire apparaitre, à l'ouverture d'un site web, une image qui ne soit pas dans une fenêtre windows et que l'internaute puisse fermer une fois le message lu (petite croix en haut à droite de l'image). Je voudrais faire une sorte de pop-up mais sans fenêtre... J'espère que je suis à peu près clair... En cherchant un peu partout, je me suis laissé dire qu'il s'agissait de JavaScript, mais je ne sais pas du tout comment faire ça. Est-ce que quelqu'un pourrait m'expliquer ? (J'utilise Dreamweaver CS4 pour la création du site) Merci d'avance !! Alfred
	00

11/02/2011, 12h08	#2
Alfred23 Invité régulier Inscription : mai 2004 Messages : 61 Détails du profil Informations forums : Inscription : mai 2004 Messages : 61 Points : 7 Points : 7	Exemple J'ai trouvé ce lien qui expliquera mieux ce que je cherche à faire ! http://www.webside-creative.com/impact-popup/ Cordialement,
	00

11/02/2011, 12h59	#4
Alfred23 Invité régulier Inscription : mai 2004 Messages : 61 Détails du profil Informations forums : Inscription : mai 2004 Messages : 61 Points : 7 Points : 7	Image pop-up dans div Bonjour, Merci pour cette idée, je n'y avais pas pensé... Mais comment faire pour que ce DIV apparaisse "par-dessus"la page d'accueil ? Alfred
	00

11/02/2011, 12h55	#3
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	Bonjour, une simple DIV que l'on affiche au départ et que l'on masque par appui sur un button, le reste n'est qu'une affaire de style.
	00

11/02/2011, 15h00	#6
Alfred23 Invité régulier Inscription : mai 2004 Messages : 61 Détails du profil Informations forums : Inscription : mai 2004 Messages : 61 Points : 7 Points : 7	Merci beaucoup pour ton aide ! A partir de là, je pense que j'arriverai à faire ce que je veux : faire en sorte, en plus, que le div ne s'affiche qu'une fois.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email