Fermer d'un DIV Alerte IE6

Version imprimable

16/02/2010, 06h31
{F-I}

Fermer d'un DIV Alerte IE6

Bonjour les amis-dév :)

J'étais en train de coder un DIV "alerte-ie6" :

http://nsa13.casimages.com/img/2010/...2648152706.png

Histoire d'encourager aux visiteurs qui ont des navigateurs préhistorique de mettre à jour.

Jusqu'à là, pas de problème et maintenant je suis bloqué, je ne suis pas comment on code de sorte dès qu'on clique "fermer", ça fait fermer complètement ce DIV.

Comment on s'y prend mes amis ?

En vous remerciant d'avance.

Bonne journée.
16/02/2010, 07h15
andry.aime

Bonjour,
C'est un div en avant plan?

Code:

<a href="#" onclick="document.getElementById('idDiv').style.display='none';">Fermer</a>

Qu'est-ce que tu veux dire par ici "un div en avant plan" ?

Voici aperçu de code sourde BODY (seulement au début) :

Code:

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
	<body>
		<div id="cadre_principal">
			<div id="partie_header">
				<h1>Handy Mobil</h1>
				<h2>&raquo; des b&eacute;n&eacute;voles &agrave; votre service !</h2>
				<?php include ("include/liens.php"); ?>
				<?php include ("include/compteur_visiteurs.php"); ?>
			</div>
			<div id="nav">
				<ul>
					<li>		
                    	<!--[if lte IE 6]> 
							<div class="alert-ie6"> 
								<span class="alertrouge">ALERTE</span> : la version de votre navigateur ne permet pas d'utiliser ce site dans les meilleurs conditions,<br />vous pouvez cependant continuer la visite du site.<br /><br />
								Nous vous recommandons de mettre à jour votre navigateur Internet,<br />
                                vous y gagnerez en Sécurité et Fonctionnalités.<br /><br />
                                Merci de votre compréhension.<br /><br />
                                Téléchargements :<br /><br />
                                FF IE OPERA SAFARI<br /><br />
                                [fermer]
							</div> 
						<![endif]-->
                	</li>
				</ul>
			</div>
			<div id="partie_corps">
			<h1>Accueil du site</h1>
            <br />
				<div class="corps_texte">
                <h4>Qui sommes-nous ?</h4>
				    <ul class="style_ul">
        	        	<li class="style_li">Handy Mobil est une association &agrave; but non lucratif (loi de 1901), destin&eacute;e &agrave; aider au d&eacute;placement des personnes &agrave; mobilit&eacute; r&eacute;duite, dans la r&eacute;gion d'Annemasse et la Haute-Savoie.</li>
                        <li class="style_li_sans_bouton"><div class="centrer_image">
							<img src="images/carte-haute-savoie.gif" alt="Carte de Haute-Savoie" />

bien merci :)

Re,

Code:

1
2
3
4
5
6
7
8
9
10
<div class="alert-ie6" id="alert_ie6"> 
								<span class="alertrouge">ALERTE</span> : la version de votre navigateur ne permet pas d'utiliser ce site dans les meilleurs conditions,<br />vous pouvez cependant continuer la visite du site.<br /><br />
								Nous vous recommandons de mettre à jour votre navigateur Internet,<br />
                                vous y gagnerez en Sécurité et Fonctionnalités.<br /><br />
                                Merci de votre compréhension.<br /><br />
                                Téléchargements :<br /><br />
                                FF IE OPERA SAFARI<br /><br />
                                <a href="#" onclick="document.getElementById('alert_ie6').style.display='none';">[fermer]</a>
							</div> 
						<![endif]-->

17/02/2010, 19h16
{F-I}

Tout d'abord, merci beaucoup pour ce coup de main :)

Reste un petit détail, je voudrais comment ajouter un CSS pour que le "fermer" ne soit plus en noir.

http://ups.imagup.com/07/1266478009.PNG

J'ai essayé d'ajouter une classe CSS sans succès :

Code:

<span class="alertfermer"><a href="#" onclick="document.getElementById('alert_ie6').style.display='none';">[fermer]</a></span>

Donc je pense que je ne dois pas être loin mais je ne vois pas d'où :)

bien merci ;)
17/02/2010, 19h52
Deallyra

Bonsoir,

Et ta class="alertfermer", que contient-elle comme code ?

(et as-tu l'utilité d'une classe alors que tu utilises déjà un id pouvant également référencer ton span en CSS ? )

J'ai essayé pas mal de truc mais un truc m'échappe...

Alors voici d'où suis-je là :

Code:

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
<!--[if lte IE 6]> 
                    		<div class="alert-ie6" id="alert_ie6"> 
								<span class="alertrouge">ALERTE</span> : la version de votre navigateur ne permet pas d'utiliser ce site dans les meilleurs conditions,<br />vous pouvez cependant continuer la visite du site.<br /><br />
                                Nous vous recommandons de mettre à jour votre navigateur Internet,<br />
                                vous y gagnerez en Sécurité et Fonctionnalités.<br /><br />
                                Merci de votre compréhension.<br /><br />
                                Téléchargements :<br /><br />
                                <table width="90%" border="0" align="center">
  									<tr align="center">
    									<td><a href="http://www.mozilla-europe.org/fr/firefox/"><img src="images/ico_ffx.png" alt="Ico Firefox" /></a></td>
    									<td><a href="http://www.microsoft.com/france/windows/internet-explorer/default.aspx"><img src="images/ico_ie.jpg" alt="Ico Internet Explorer" /></a></td>
    									<td><a href="http://www.opera-fr.com/telechargements/"><img src="images/ico_opera.png" alt="Ico Opera" /></a></td>
    									<td><a href="http://www.apple.com/fr/safari/download/"><img src="images/ico_safari.jpg" alt="Ico Safari" /></a></td>
  									</tr>
  									<tr align="center">
    									<td><a href="http://www.mozilla-europe.org/fr/firefox/">Firefox</a></td>
    									<td><a href="http://www.microsoft.com/france/windows/internet-explorer/default.aspx">Internet Explorer</a></td>
    									<td><a href="http://www.opera-fr.com/telechargements/">Opera</a></td>
    									<td><a href="http://www.apple.com/fr/safari/download/">Safari</a></td>
  									</tr>
								</table>
                                <br /><br />
                                <span class="alertfermer"><a href="#" onclick="document.getElementById('alert_ie6').style.display='none';">[fermer]</a></span>
							</div> 
						<![endif]-->

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.alert-ie6
	{
	font: 14px Tahoma, Verdana, Sans-serif;
	line-height: 1.3em;
	color: #888;
	}
 
.alert-ie6 img
	{
	border: none;
	}
 
.alertrouge
	{
	color:#F00;
	}
 
.alert-ie6 a:hover
	{
		background-color: #FFF;
	}

remarque .alert-ie6 a:hover en sert à rien parce que cela ne fonctionne pas

http://nsa12.casimages.com/img/2010/...4456327605.png

Merci d'avance de votre aide ;)

08/03/2010, 09h21
andry.aime

Citation:

Envoyé par {F-I}

J'ai essayé pas mal de truc mais un truc m'échappe...

Qu'est ce qui t'échappe ?

Citation:

Envoyé par {F-I}

remarque .alert-ie6 a:hover en sert à rien parce que cela ne fonctionne pas

Pour contourner ça, tu dois faire un hack en Javascript ;)
08/03/2010, 14h18
{F-I}

Citation:

Envoyé par andry.aime

Qu'est ce qui t'échappe ?
Pour contourner ça, tu dois faire un hack en Javascript ;)

C'est que je ne parviens pas à remplacer le fond "noir" par blanc.

Une idée ?

Lien vers index du site
Lien vers son fichier CSS

Je m'auto-résolu :), le problème se trouve dans une mauvaise utilisation d'une class dans CSS.