18041 sujets

Questions générales et questions de débutants

Ouverture fenêtre informations

Bonjour,

A l’ouverture du site de notre association, je dois ouvrir une fenêtre d’information.

J’ai essayé avec une fenêtre Po Up qui s’ouvre bien, mais l’inconvénient c’est qu’à l’ouverture un message de fenêtre publicitaire bloquée est affiché sur la barre.

Peut-on à l’ouverture du site ouvrir sans message une fenêtre d’information ?

Si oui par quel moyen ?

Merci pour votre aide.

Salutations
Salut jmde1,

Plutôt que d'ouvrir une nouvelle fenêtre, pourquoi ne pas afficher une div au dessus de ton contenu?
Quelque chose du genre :


<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="MonCSS.css" media="screen" />
	<script type='application/javascript'>
		window.onload = function()
		{
			document.getElementById("PopupInfo").onclick = function()
			{
				this.style.display = "none";
			}
		}
         </script>
	<title>Mon Site</title>
</head>
<body>
	<div id="Header">
	</div>
	<div id="Corps">
	</div>
	<div id="Footer">
	</div>
	<div id="PopupInfo">
                  <!-- Ici les infos de ta Popup -->
	</div>
</body>
</html>


Le CSS de PopupInfo :


#PopupInfo
{
	width : 80%; height : 80%;
	background-color : rgba(255,0,0,0.95);
	margin : 0 auto;
	position : absolute;
	top : 10%;
	eft : 10%;
}


Le petit bout de JavaScript en haut rend invisible la div "PopupInfo" lorsque l'on clique dessus.
Bonjour The_Moye,

Merci pour ta réponse qui me convient seulement je n'arrive pas à faire cella

Dans la div PopuInformation, j'ai deux photos l'une au dessus de l'autre et a coté
mon texte, le tous sur une image de fond.

Peux-tu m'aider à corriger le code ?

<div id="PopupInfo"> 
 
[code=css]<div id="Photo">
   <div class="PhotoA"><img src="Daniele.png" alt="Daniele" width="100" height="120" />
   </div>
   <div class="PhotoB"><img src="Joel.png" alt="Joel LEFOLL" width="100" height="119" />
   </div>
</div>

<div class="Texte">
<br />
 Danielle et Joël  vous informent
 <br />
 <br />
 que des raisons médicales ont contraint certains à renoncer au voyage <br /> <br />
  au VIET NAM.<br />
  <br />
 De ce fait, nous n'avons plus personne en liste d'attente.
 <br />
 <br />
 Si vous souhaitez vous positionner, merci de prendre contact au :
 <br />
 <br />
 06-00-00-00 ou 06-00-00-00
</div>

</div> 


#PopupInfo {  
             background-repeat: no-repeat;
             background-image: url(Informations/Voyages/vietnam-600x265.jpg); 
             width : 608px; height : 514px;*/     
             /*background-color : rgb(255,0,0,0.95);   */
             margin : 0 auto;     
             position : absolute;     
             top : 117px;     
             left : 673px; 
   } 

div#Photo {
             float:left;
             width:100px;
             height:250px;
}

.PhotoA {
	width:100px;
	height:120PX;
	border-color: #0000FF;
}	

.PhotoB {
	margin-top: 7px;
	width:100px;
	height:119px;
}	

.Texte {
	width:600px;
	height:265px;
	text-align: center;
             font-family: "Times New Roman", Times, serif;	
	color:#FF0000;
	vertical-align: middle;
}


Salutations
Modifié par jmde1 (27 Jun 2011 - 09:24)
Salut jmde1,

a écrit :

Dans la div PopuInformation, j'ai deux photos l'une au dessus de l'autre et a coté
mon texte, le tous sur une image de fond.


C'est ce que tu obtiens et qui te gène? Ou bien est ce le résultat attendu et que tu n'arrives pas à avoir?
Bonjour The_Moye,

a écrit :
Dans la div PopuInformation, j'ai deux photos l'une au dessus de l'autre et a coté
mon texte, le tous sur une image de fond.

C'est ce que je voudrais obtenir.

A+

Salutations
Sujet clos
Aller à