11544 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Je suis actuellement en train de faire un menu type accordéon.
L'accordéon est indiqué par un [+] et un [-] pour pouvoir naviguer au travers des menu.

Le probleme est que sous IE Inférieur à IE7 ces [+] et [-] posent un réel probleme de mise en page et doivent etre donc retirés.

J'ai donc essayer de creer une exception pour le snavigateur sinférieurs à IE7 pour que le script change mais cela ne fonctionne pas....

Est ce possible ?
Merci.

Exemple: --> http://boxop.biz/betasite

Le script de base pour les réglages de l'accordéon avec mon essai pour l'exception IE7 et inférieur sans les indications [+] et [-]

<script language="JavaScript">

$(document).ready(function() {
	$(".topnav").accordion({
		accordion:true,
		speed: 500,
		closedSign: '[+]',
		openedSign: '[-]'
		

		
	});
});

</script>
  
  
<!--[if lt IE 7]> 

<script language="JavaScript">

$(document).ready(function() {
	$(".topnav").accordion({
		accordion:true,
		speed: 500,
		closedSign: '',
		openedSign: ''
		

		
	});
});

</script>

 <![endif]-->
Salut,

il s'agit bien des menus de droite ?

Si oui, d'après ce que je peux voir, ton soucis se rapporte plus au CSS qu'au javascript.

d'après ce que je peux voir (et si cela correspond bien à l'élément qui pose problème) il y a un float:right dans UL.topnav SPAN
donc à voir du coté du positionnement de tes blocs. Smiley cligne
Excellent ! Merci beaucoup franck!
Et du coup c'est meme quasi navigable sur IE6 alors qu'avant c'était impossible !
Résultat : ---> http://boxop.biz/betasiteie7/

Oui j'ai donc modifié le float right dans le css en None:

ul.topnav span{
	float:none;
}



Et pour éviter que les signes "&#8595;" et "‹" ne soient trop collés a mes noms de menus j'ai donc mis 2 espaces &nbsp; &nbsp;

$(document).ready(function() {
	$(".topnav").accordion({
		accordion:true,
		speed: 350,
		closedSign: '&nbsp; &nbsp; &#8595;',
		openedSign: '&nbsp; &nbsp; ‹'
			
	});
});

Modifié par masquelierc (02 Dec 2011 - 12:37)