ANCRE APPELEE DANS LA MEME PAGE ET MEME ONGLET

[fanfan]

Bonjour

Je vois dans l'aide concernant la création d'ancres, notamment dans "intégrer un lien vers une ancre (rester sur le même onglet du navigateur)" une procédure dont je n'ai pas suivi exactement le déroulement mais qui marche quand même. Je voudrais seulement savoir si ce que j'ai fait convient ou bien si il y a un risque quelconque.

J'ai une page de videos qui va être un peu longue et dont je voudrais atteindre chacune des videos par un appel d'ancre situé en haut de page.
J'ai commencé par un essai : http://http://les-ecoles-bushido.jimdo.com/demonstration/

A côté de la 2e video j'ai installé une ancre (<a name="naihanchi" id="naihanchi"></a>).
En  haut de la page sur le texte "Naihanchi" (essai ancre) j'ai fait un lien vers l'ancre, en externe, mais quand je suis allée dans le code je n'ai pas trouvé le code "http://". En revanche j'ai bien trouvé le code "target="_blank"" que j'ai supprimé. Ca m'a donné au final : <a href="#naihanchi" title="#naihanchi">

Pourquoi est-ce que je n'ai pas trouvé le "http://" qui indique un lien externe ?

Ca fonctionne comme je veux mais... Est-ce que ça risque de poser un problème par exemple si je change la place de ma page ?
Je me sers de Firefox. J'ai essayé avec IE et ça fonctionne aussi. Est-ce que ça risque de ne pas fonctionner sur d'autres navigateurs ?

Je ne suis pas hypocondriaque  ;*)

Merci d'avance pour vos conseils.

[FredVig]

ça semble être correct.
Une ancre dans un module html :

Code:

<a name="naihanchi" id="naihanchi"></a>

Un lien vers l'ancre sur la même page dans un module html ou dans le code html du texte :

Code:

<a href="#naihanchi" title="#naihanchi">blabla</a>

On doit rajouter d'autres précisions (http…) lorsque l'ancre se trouve sur une autre page, ou pour obtenir un défilement doux

[Alain]

Bonjour,
par lien externe, je suppose que vous parler d'une autre page de votre site. Dans ce cas votre lien doit être comme ceci :

Code:

<a href="http://www.gr10-surunejambe.fr/2014/06/07/la-passerelle-d-holzarte#Tempête">Tempête</a>

J'avais fait ceci pour un ami sur ce site : http://www.gr10-surunejambe.fr/videos/

C'est un exemple que je vous propose, si vous avez beaucoup de vidéos !
Cordialement
Alain

[fanfan]

Merci FredVig, je suis rassurée.
Merci Alain pour votre intérêt. Quand je dis que j'ai fait un lien "en externe" c'est qu'il n'y a que 2 choix dans l'outil de lien : soit vers une page du site (où on ne peut que choisir une page) soit en externe. Pour moi le lien doit se faire dans la même page (je mettrai un petit menu en haut). C'est l'absence du "http://" dans le code qui m'a intriguée.
Bonne journée à tous les deux.

[FredVig]

Lorsque vous savez exactement à quoi doit ressembler le code final, le mieux est de le taper directement dans le "modifier le html" du module texte, voire dans un module html, sans utiliser l'outil d'ajout de lien du module texte. Vous limiter les risques de générer des erreurs ou des codes inutiles.

[fanfan]

OK FredVig, bien compris ! Il faut dire que je ne suis pas encore très à l'aise avec le code.

[FredVig]

Je ne sais pas si on peut devenir à l'aise avec un langage qui évolue sans cesse, mais je vois l'idée. Il y a des bases constantes qui peuvent s'acquérir par la pratique, ou les cours en ligne, ou des livres.

[techang1764]

J'ai lu et appliqué la procédure pour mettre en place des ancres.
Quand je suis en mode création, je teste les liens et ils fonctionnent en revanche, lorsque je suis en mode visiteur, j'ai un message avec " page non trouvée ".
Quelqu'un aurait-il une explication à ce problème et surtout une solution?

[techang1764]

malheureusement je ne peux vous envoyer le lien, le forum me bloque pendant 7 jours donc voici le chemin
site internet : basenautiquelapalmyre.com
onglet : activités nautiques puis stage d'été puis catamaran adulte

je souhaiterai que lorsque je choisis une semaine dans la liste, ca renvoi plus bas dans la page et donc à la semaine correspondante

[FredVig]

Il y a des erreurs dans votre code, sans doute issues du tuto jimdo, ou d'un tuto pour renvoyer vers une autre page.
Votre lien ou bouton doit ressembler à :

Code:

<a title="#nomDeVotreAncre" href="#nomDeVotreAncre" class="scrollTo">Ici le texte qui apparaîtra</a>

L'ancre doit ressembler à :

Code:

<a name="nomDeVotreAncre" id="nomDeVotreAncre"></a>

Ne mettez aucun signe spécial dans le nom de l'ancre (pas d'accent, de tiret, de points etc.)
pour que le défilement soit progressif, et que ça fonctionne dans Firefox, il faut ajouter ce script dans un module html en début de page :

Code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript">
</script><script type="text/javascript">
//<![CDATA[
        $(document).ready(function() {
                $('.scrollTo').click( function() { // Au clic sur un élément
                        var page = $(this).attr('href'); // Page cible
                        var speed = 750; // Durée de l'animation (en ms)
                        $('html, body').animate( { scrollTop: $(page).offset().top }, speed ); // Go
                        return false;
                });
        });
    $(document).ready(function() {
                $('.scrollToLent').click( function() {
                        var page = $(this).attr('href');
                        var speed = 3000;
                        $('html, body').animate( { scrollTop: $(page).offset().top }, speed );
                        return false;
                });
        });
/*fixer le problème des ancres qui marchent pas dans firefox*/
$(document).ready(function () { var anchor_id = window.location.hash; if (anchor_id != "") { var new_position = $(anchor_id).offset(); window.scrollTo(new_position.left,new_position.top); } });
//]]>
</script>

Ce que vous avez inscrit devrait toutefois fonctionner en ajoutant les https: devant les adresses, mais ce n'est pas la bonne méthode pour une ancre sur la même page

[techang1764]

C'était bien un problème de tiret dans le nom de mon ancre qui bloquait. Merci de votre rapidité de réponse

[Invité]

x

[techang1764]

Merci pour vos remarques. Je fais de mon mieux pour faire avoir un site pratique et dynamique mais si c'est très éloigné de notre métier de moniteur. Mais grâce aux forums et aux personnes impliqués, j'arrive de régler mes problèmes donc merci de votre partage.

Je vais mettre en application vos remarques. N'hésiter pas à venir nous voir "physiquement".

Cordialement

[Contenu sponsorisé]