Lien qui ne fonctionne pas.. Help

Résolu

Lien

Saafty Messages postés 39 Statut Membre -
Saafty Messages postés 39 Statut Membre - 17 août 2018 à 10:17

Bonsoir à toutes et tous!

J'en viens à poser m'a question à d'autres car je ne trouve pas par moi ni même sur internet..

J'ai créer un site internet et j'ai réaliser un menu fix à la page, il ce compose de plusieurs sous menu.. En outre les liens sont redirigé vers des ancres sauf 1 et deviné le quel ne fonctionne pas..

Celui qui doit me diriger vers une autre page..

<nav>
                <ul>
                    <li>
                        <a href="#top">
                            <span class="rect"></span>
                            <span class="circle"></span>
                            Home
                        </a>
                    </li>
                    <li>
                        <a href="#featured">
                            <span class="rect"></span>
                            <span class="circle"></span>
                            En vedette
                        </a>
                    </li>
                    <li>
                        <a href="#projects">
                            <span class="rect"></span>
                            <span class="circle"></span>
                            Evenements récents
                        </a>
                    </li>
                    <li>
                        <a href="#video">
                            <span class="rect"></span>
                            <span class="circle"></span>
                            Présentation
                        </a>
                    </li>
                    <li>
                        <a href="#blog">
                            <span class="rect"></span>
                            <span class="circle"></span>
                            Calendrier
                        </a>
                    </li>
                    
                    <li>
                        <a href="document.html">
                            <span class="rect"></span>
                            <span class="circle"></span>
                            Documents
                        </a>
                    </li>
                    <li>
                        <a href="#partenaire">
                            <span class="rect"></span>
                            <span class="circle"></span>
                            Nos partenaires
                        </a>
                    </li>
                    <li>
                        <a href="#contact">
                            <span class="rect"></span>
                            <span class="circle"></span>
                            Nous contacter
                        </a>
                    </li>
                </ul>
            </nav>

C'est le liens vers Document qui ne fonctionne pas.. Je peux fournir plus d'information si quelque'un à une idée :P

Merci d'avance

Afficher la suite

2 réponses

Réponse 1 / 2
baderjonathan Messages postés 15 Statut Membre 3

document .html passe le en #document
et je ne comprend pas tes span yen na deux a chaque fois tu devrais en avoir une seule ?? bizzare ton code
0
1. Saafty Messages postés 39 Statut Membre
  
  J’ai tester ce matin, ça ne fonctionne pas.. Par contre quand je fais clic droit il me propose d’ouvrir le liens dans un nouvel onglet et ça fonctionne, bizarre ..
  
  0
Réponse 2 / 2
Saafty Messages postés 39 Statut Membre

HELP PLEASE !
0
1. jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention 4 831
  
  Document.. c'est une ancre ou c'est bien un autre fichier ?
  Quand tu survoles le lien avec ta souris..qu'est ce que ton navigateur affiche en bas a gauche ?
  Tu es en local sur ton ordi ou sur un serveur web ?
  Si en local..tu passes par un logiciel qui emule apache comme wamp ou xampp ou easyphp ou uwamp ?
  
  Ton fichier document.html est dans le même répertoire que ta page de menu ?
  
  Tu as essayé avec un autre navigateur ?
  Lequel ?
  
  0
2. Saafty Messages postés 39 Statut Membre
  
  Bonjour,
  
  Document n'est pas une ancre mais bien une autre page. J'utilisa Safari sur Mac et je n'ai rien d'inscrit en bas à gauche quand je survole n'importe quel liens.. Je suis en local mais j'ai essayer sur mon hébergeur et même résultat. Mon fichier Document est dans le même répertoire et j'ai même essayer de le mettre dans un autre, même résultat..
  
  J'ai par contre trouvé un morceau de JAVAScript est-ce lié ou pas, j'en sais rien..
  
  var navigation = $('nav'); //when a nav link is clicked, smooth scroll to the section navigation.on('click', 'a', function(event){ event.preventDefault(); //prevents previous event smoothScroll($(this.hash)); }); //update navigation on scroll... $(window).on('scroll', function(){ updateNavigation(); }) //...and when the page starts updateNavigation(); /////FUNCTIONS function updateNavigation(){ contentSection.each(function(){ var sectionName = $(this).attr('id'); var navigationMatch = $('nav a[href="#' + sectionName + '"]'); if( ($(this).offset().top - $(window).height()/2 < $(window).scrollTop()) && ($(this).offset().top + $(this).height() - $(window).height()/2 > $(window).scrollTop())) { navigationMatch.addClass('active-section'); } else { navigationMatch.removeClass('active-section'); } }); } function smoothScroll(target){ $('body,html').animate({ scrollTop: target.offset().top }, 800); } $('.button a[href*=#]').on('click', function(e) { e.preventDefault(); $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top -0 }, 500, 'linear'); }); });
  
  0
3. jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention 4 831
  
  Oui je pense que ça vient bien du JS..
  Je n'ai pas regardé en détail... mais tu devrais pouvoir ajouter une CLASS à ton lien (une class bidon.. juste pour que ça serve d'itentifiant....)
  Et dans le JS ajouter une condition pour exclure cette class du code.
  
  un truc du genre
  navigation.on('click', 'a:not('.taclass')', function(event){
  
  ou sinon... faire comme cette ligne de ton code
  $('.button a[href*=#]').on('click', function(e) {
  
  pour ne cibler que ceux qui on un # dans l'url
  navigation.on('click', 'a[href*=#]', function(event){
  
  0
4. Saafty Messages postés 39 Statut Membre
  
  Je te remercie, cela vient bien de la car quand je fais copié coller de ton truc du genre,
  
  le liens fonctionne mais me fais planter le contenu du reste..
  
  0

Lien qui ne fonctionne pas.. Help

2 réponses

Discussions similaires

Newsletters