Fermeture en js d'une pop up CSS
Bonjour à tous,
J'ai réaliser un site internet dans lequel une pop up en css s'affiche lors de l'ouverture du site internet. Lorsque je clique sur le lien fermer, pour pouvoir fermer la pop up, celle-ci reste ouverte.
code CSS de la pop up:
Code:
1
2
3
4
5
6
7
8
|
echo '<div id="popupContainer" class="transparent">';
echo '</div>';
echo '<div id="popup">';
echo '<img src="images/img.jpg" height="300" width="500">';
echo '<p style="font-size: 14px; font-family: comic Sans MS;color:black;margin-top:5px;">Petit message pop up</p>';
echo '<a class="right" href="#" onClick="hideElement("popup"); hideElement("popupContainer"); return false;">Fermer</a>';
echo '</div>'; |
Code js(fonction)
Code:
1
2
3
4
5
6
|
<script type="text/javascript">
function hideElement(id) {
document.getElementById(id).style.display='none';
}
</script> |
le script js se trouve dans la même page que la pop up CSS
Pouvez vous m'aider s'il vous plaît.
Merci d'avance
