Discussion :

[mademoizel]

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 :

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

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 :

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

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

[Bovino]

Code :

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

<a class="right" href="#" onClick="hideElement("popup"); hideElement("popupContainer"); return false;">Fermer</a>

Regarde le code HTML généré et tu comprendras qu'il y a un problème de quotes...

[mademoizel]

Merci beaucoup pour ton aide.
C'est bien un problème de quote.