11540 sujets

JavaScript, DOM et API Web HTML5

Popup fancybox au chargement de ma page index

Bonjour toute la communauté

Je sollicite votre aide car je m'arrache les cheveux les gars Smiley lol

En fait sur mon site j'utilise fancybox pour afficher des photos ou vidéos.
Mais je vois qu'il peut avoir une autre utilité comme afficher le contenu d'un <div id=" " >
J'ai réussi à afficher le contenu d'un <div id=" " > dans une fenêtre popup fancybox mais la fenêtre s'affiche seulement quand on appuie sur le lien "inline"
Ce que je veux c'est afficher le popup au chargement de ma page sans appuyer sur ce lien et aussi cacher ce lien "inline" . Voici le code de mon popup fancybox : 



<li><a id="various1" href="#inline1" >Inline</a></li>
	
	<div style="display: none;">
		<div id="inline1" style="width:560px;height:200px;overflow:auto;">
			 
			 <h3 style="padding-left:10px;padding-right:10px;margin-bottom:5px;text-align:center;font-size:25px;">INFO</h3>
			<p style="padding-left:10px;padding-right:10px;">
			Nous vous informons que les cours reprennent ce Jeudi 14 Mars 2013 à 8h00 et selon l'emploi du temps habituel.
			Les enseignants assureront les cours pour tous les élèves présents, comme à l'accoutumée.
			</p> <b/>
			<p style="font-weight:bold;padding-left:10px;padding-right:10px;">Le Proviseur</p><b/>
			<p style="padding-left:10px;padding-right:10px;"> E. Amies</p>
			 
		</div>
	</div>


Merci d'avance de votre aide précieuse Smiley smile
lddsoft a écrit :
Bonjour,

Un début de réponse ICI Smiley cligne .


Bonjour lddsoft et merci pour la réponse. Mon popup marche mais que quand j'appuie sur le lien "inline". Je voudrais que le popup avec le message s'affiche automatiquement au chargement de ma page et que le lien "inline" soit masqué sur cette page.
Cherche du côté de 
<body onload="...">
pour l'affichage automatique.
Google devrait te donner des tas d'informations à ce sujet en entrant "fancybox onload" Smiley cligne
lddsoft a écrit :
Cherche du côté de 
&lt;body onload=&quot;...&quot;&gt;
pour l'affichage automatique.
Google devrait te donner des tas d'informations à ce sujet en entrant &quot;fancybox onload&quot; Smiley cligne



Youpiiiiii Smiley lol merci beaucoup lddsoft j'ai trouvé grâce à toi !! en fait il fallait juste mettre à la place de "body " 
<body onload='$("a#various1").trigger("click");'>


ensuite entre <head> </head> mettre le script qui appelle mon mon 
id="various1
dans le html

Voici le script : 


<script type="text/javascript">
     $(document).ready(function() {
          $("a#various1").fancybox({
               'overlayOpacity'	:	0.8,
		'overlayColor'		:	'black',
		'overlayShow'		:	true
          })
     });
</script>


Et pour cacher le lien "inline" sur la page il suffit juste d'ajouter 
style="display: none;"
à 
<li><a id="various1" href="#inline1" >Inline</a></li>
ce qui donne :

<li><a id="various1" href="#inline1" style="display: none;">Inline</a></li>


Et là comme par miracle tout marche niiiiiiiiikel comme je veux. Voilà si ça peut aider certains
ici.

Merci encore une fois Smiley biggrin
Modifié par aka80 (26 Mar 2013 - 12:41)
Sujet clos
Aller à