Problème entre js, ancre basique et firefox

Fermé

j - 27 juil. 2012 à 13:25
j - 29 juil. 2012 à 11:42

Bonjour,

Je réalise un site internet basique, c'est une vitrine avec 6 pages. Dans l'une de ces pages (interventions) se trouve un carrousel javascript que j'ai trouvé sur le net, il fonctionne mais il vient perturber certaines de mes ancres lorsque je suis sur Firefox.

En fait cette page "interventions" en question possède un sous menu avec plusieurs onglets que je gère dans ma page sous forme de div, lorsqu'on est sur cette page et qu'on clique sur "eglise" on est redirigé directement sur la partie église en question, la pas de soucis.

Mais lorsqu'on est sur le page "accueil" par exemple et qu'on clique directement sur "Eglise" sans passer par la page "interventions" alors là ça bug. Il me renvoie tout en bas de ma page "interventions" et non sur la partie concernée.

Mais cela ne bug que sur Firefox, sur Chrome pas de soucis et même sur IE.
J'ai fais des recherches et j'ai vu que c'était mon code javascript qui venait déranger mes ancres puisque lorsque je l'enlève plus de soucis.
Ainsi les ancres fonctionnent toutes lorsque je suis sur la page "interventions" mais pas lorsque je suis en dehors.

Voici un bout de mon code avec la partie javascript et aussi mon menu.

Est ce que quelqu'un peut m'aider à trouver la solution, parce que j'ai bien besoin d'aide.

		<!--jQuery library-->
			<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
		<!--  jCarousel library-->
			<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
		
		<script type="text/javascript">

function mycarousel_initCallback(carousel)
{
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 3,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});

</script>
	
	</head>
	
		<body>
			<div id="haut">
			</div>
 	
			<div class="header">				
				<div class="headerfixe">
					<a href="../index.html" class="logo" ><img src="../images/logo.png" alt="Logo GETAD" /></a>
					<div class="menu">
					<ul>
							<li><a href="../index.html">ACCUEIL</a> </li>
							<li><a href="metier.html">NOTRE M&EacuteTIER</a></li>
							<li><a href="interventions.html">INTERVENTIONS<img src="../images/fleche.png" id="fleche3"/></a>
								<ul>
									<li><a href="#eglise">Eglise</a></li>
									<li><a href="#nettoyage">Nettoyage</a></li>
									<li><a href="#espaces_naturels">Espace naturels</a></li>
									<li><a href="#systeme_securite">Système de sécurité</a></li>
									<li><a href="#autres_interventions">Autres interventions</a></li>
								</ul>
							</li>

Merci d'avance

A voir également:

Problème entre js, ancre basique et firefox
Video downloadhelper firefox - Télécharger - Outils pour navigateurs
Comment supprimer bing de firefox - Guide
Firefox telecharger - Télécharger - Navigateurs
Exporter favoris firefox - Guide
Dark reader firefox - Guide

3 réponses

Réponse 1 / 3

aurésky Messages postés 95 Date d'inscription jeudi 7 janvier 2010 Statut Membre Dernière intervention 20 septembre 2014 5
28 juil. 2012 à 02:17

Bonsoir,
J'ai également un carousel sur mon site e-commerce, mais jamais eu aucun soucis d'ancre.
Peut-être peut tu mettre le href avec le lien complet (href="www.mapage.php#ancre1")

Autrement, si tu peux poster le code html du carousel, çà peut aider.

Réponse 2 / 3

bg62 Messages postés 23654 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 8 novembre 2024 2 385
28 juil. 2012 à 12:37

"ancre basique" .... ???
kesako ?

Réponse 3 / 3

j
29 juil. 2012 à 11:42

   <div id="wrap">

						<ul id="mycarousel" class="jcarousel-skin-tango">
							<li><img src="../images/photo1.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo2.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo3.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo4.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo5.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo6.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo7.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo8.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo9.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo10.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo11.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo12.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo13.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo14.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo15.jpg" width="320" height="240" alt="" /></li>
							<li><img src="../images/photo16.jpg" width="320" height="240" alt="" /></li>
						</ul>

					</div>

Voici le code html du carrousel mais je ne pense qu'il y ai de soucis à ce niveau là, mais si cela peut t'aider à comprendre tout le problème ce sera pas mal ^^

Mettre le lien complet pouvait être une option mais cela ne change rien.

Et bg62, je ne suis pas sur de te comprendre "kesako" c'est pas du français alors je suppose que cela veut dire qu'est ce que c'est. Quand je parle d'ancre basique je parle, d'une ancre simple sans javascript, la c'est juste un lien a href qui renvoie vers une de mes div.

Est ce que vous avez une piste pour m'aiguiller?

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

code couleur associé a une image

Méssage Firefox ''Couldn't load XPCOM''

Comment enlever la petite ancre ?

Firefox mise à jour message XULrunner Error platform