Atteindre une ancre dans une div
Résolu
Mysterious_fea
Messages postés
401
Date d'inscription
Statut
Membre
Dernière intervention
-
Ptida -
Ptida -
Bonjour,
Je ne sais pas s'il y a une solution, mais j'aimerais pourvoir mettre un lien "remonter" pour remonter en haut du cadre principal de mon contenu (ma page ici), qui est en overflow:auto. En effet, un lien vers une ancre "top" placée en haut du cadre de contenu remonte seulement la page en entier, mais pas au sein du cadre.
Quelqu'un a-t-il une idée ?
Merci
A+
Je ne sais pas s'il y a une solution, mais j'aimerais pourvoir mettre un lien "remonter" pour remonter en haut du cadre principal de mon contenu (ma page ici), qui est en overflow:auto. En effet, un lien vers une ancre "top" placée en haut du cadre de contenu remonte seulement la page en entier, mais pas au sein du cadre.
Quelqu'un a-t-il une idée ?
Merci
A+
A voir également:
- Atteindre une ancre dans une div
- Div c++ - Télécharger - Langages
- Enlever ancre word - Forum Word
- Remplacer #div/0 par vide ✓ - Forum Excel
- Modifier texte dans zone d'Ancrage dans Word ✓ - Forum Word
- Nous n'avons pas pu atteindre la passerelle par defaut ✓ - Forum Réseau
17 réponses
bonsoir ,
c'est assez simple
a l'endroit ou tu veux aller avec ton ancre tu insere ça:
<a name="proteger" id="proteger">
ou id est le nom de ton ancre
puis ensuite dans ta page tu cree un lien
<a href="#proteger">Comment se protéger des trojans</a>
c'est le # qui designe l'ancre annocée par id ,si t'en met plsieu tu change le nom c'est tout
('ai repris des balises d'une de mes pages)
en esperant t'avoir aider
@+
c'est assez simple
a l'endroit ou tu veux aller avec ton ancre tu insere ça:
<a name="proteger" id="proteger">
ou id est le nom de ton ancre
puis ensuite dans ta page tu cree un lien
<a href="#proteger">Comment se protéger des trojans</a>
c'est le # qui designe l'ancre annocée par id ,si t'en met plsieu tu change le nom c'est tout
('ai repris des balises d'une de mes pages)
en esperant t'avoir aider
@+
Ben non, pas vraiment !
Tout ce que t'as fait, je le sais, et je l'ai fait, mais le problème n'est pas dans le fait d'atteindre une ancre normale, mais DANS une div. Meilleur exemple ici. J'ai placé une ancre "top" en haut de la div orange avec le contenu (j'ai essayé plusieurs endroits) mais mes liens "remonter" (#top) ne fonctionne pas : il font le même effet que "#" (c'est à dire faire remonter toute la page en haut quand c'est possible.
Une idée ?
Merci
Tout ce que t'as fait, je le sais, et je l'ai fait, mais le problème n'est pas dans le fait d'atteindre une ancre normale, mais DANS une div. Meilleur exemple ici. J'ai placé une ancre "top" en haut de la div orange avec le contenu (j'ai essayé plusieurs endroits) mais mes liens "remonter" (#top) ne fonctionne pas : il font le même effet que "#" (c'est à dire faire remonter toute la page en haut quand c'est possible.
Une idée ?
Merci
re,
ben logiquement ca doit marcher..
je viens de tester sur une page à mo que je suis en train de creer
je t'ai pompé le code je l'ai mis dans ma page
<!--essai div-->
<div id="conteneur">
<div id="top">
<div id="logo"><p><a href="/" title="Spider's web | Retour à l'accueil"></a></p></div>
<p id="pagename"><a href="#">Prestations</a></p>
<div id="topnav"><a href="/">Accueil</a> | <a href="index.php?page=prestations">Prestations</a> | <a href="index.php?page=realisations">Réalisations</a> | <a href="index.php?page=tarifs">Tarifs</a> | <a href="index.php?page=contact">Contact</a></div>
<div id="ici"><div id="vousetesici"><strong>Vous êtes ici :</strong></div>
<div id="vousetesici2"><a href="/">Spider's Web</a> / <a href="index.php?page=prestations">Prestations</a> /</div>
</div>
</div>
<!--fin essai-->
<!--end navbar -->
<a href="#logo">essai</a>
<!--essai-->
quand je clique sur essai je remonte à logo,j'ai testé dans " endroits ca marche..la je comprend pas..
ben logiquement ca doit marcher..
je viens de tester sur une page à mo que je suis en train de creer
je t'ai pompé le code je l'ai mis dans ma page
<!--essai div-->
<div id="conteneur">
<div id="top">
<div id="logo"><p><a href="/" title="Spider's web | Retour à l'accueil"></a></p></div>
<p id="pagename"><a href="#">Prestations</a></p>
<div id="topnav"><a href="/">Accueil</a> | <a href="index.php?page=prestations">Prestations</a> | <a href="index.php?page=realisations">Réalisations</a> | <a href="index.php?page=tarifs">Tarifs</a> | <a href="index.php?page=contact">Contact</a></div>
<div id="ici"><div id="vousetesici"><strong>Vous êtes ici :</strong></div>
<div id="vousetesici2"><a href="/">Spider's Web</a> / <a href="index.php?page=prestations">Prestations</a> /</div>
</div>
</div>
<!--fin essai-->
<!--end navbar -->
<a href="#logo">essai</a>
<!--essai-->
quand je clique sur essai je remonte à logo,j'ai testé dans " endroits ca marche..la je comprend pas..
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Vas sur mon exemple et descend avec le scroll dans le cadre orange. Clique sur le bouton "Remonter" (qui link ça : #top). J'ai mis
Je vais essayer avec <balise> à la place mais bon...
Voilà
<a name="top" id="top"</a>juste avant le titre h3 du cadre orange et ça ne fonctionne pas...
Je vais essayer avec <balise> à la place mais bon...
Voilà
Oui, c'est bon !
Juste une erreur de syntaxe, mais je ne suis pas un débutant, le problème de vient pas de là !
Juste une erreur de syntaxe, mais je ne suis pas un débutant, le problème de vient pas de là !
Oui, c'est bon !
Juste une erreur de frappe, mais je ne suis pas un débutant, le problème de vient pas de là !
Juste une erreur de frappe, mais je ne suis pas un débutant, le problème de vient pas de là !
salut,
à mon avis, les ancres ne fonctionnent que pour le document lui même.
mieux vaudrait essayer en JS.
à mon avis, les ancres ne fonctionnent que pour le document lui même.
mieux vaudrait essayer en JS.
Quoi, par exemple ?
en Javascrip…
faut écrire un script et ne compte pas sur moi pour te le faire.
je viens de faire le tour de ton site et je me rends compte que l'on gratte pour toi depuis un certain temps alors que tu t'installes comme professionnel.
il ne faudrait pas tout confondre.
tu casses les prix et ne respectent même pas les impératifs du métier.
et en plus il faudrait t'aider à le faire.
pour ma part ça ne marche pas.
je ne répondrai plus à tes questions.
bonne route à toi.
faut écrire un script et ne compte pas sur moi pour te le faire.
je viens de faire le tour de ton site et je me rends compte que l'on gratte pour toi depuis un certain temps alors que tu t'installes comme professionnel.
il ne faudrait pas tout confondre.
tu casses les prix et ne respectent même pas les impératifs du métier.
et en plus il faudrait t'aider à le faire.
pour ma part ça ne marche pas.
je ne répondrai plus à tes questions.
bonne route à toi.
Bonjour,
Même si “+1”…
Où est placée la <div id="top"> ?
À un endroit inadapté de la page certainement.
--
Même si “+1”…
Où est placée la <div id="top"> ?
À un endroit inadapté de la page certainement.
--
Bonjour
Pour répondre à Dalida, je ne m'installe pas comme professionnel, car je suis au lycée, et même plus tard je ne compte pas faire ça. Je créé quelques sites pendant mon temps libre, et comme je n'ai pas de projet en ce moment, je travaille sur mon site perso pour me faire un peu de pub pour en avoir un avant la fin de l'année (sachant que je ne pourrais plus en faire l'année prochaine), pour m'entraîner, faire quelque chose qui me plaît et parce que j'aime bien faire ça. Ne t'inquiète pas, je ne risque pas de faire de l'ombre aux agences de création de sites parce que je créé pour pas cher le site d'un petit artisan ou d'un cabinet d'avocat.
Je viens sur ce forum car je n'ai jamais reçu de formation sur la création de sites-web, et que grâce à vous je suis maintenant relativement compétent. Cependant, il est normal que je ne sache pas faire de nombreuses choses, et la plupart des membres de ce forum (dont toi) me permettent de progresser. Après, si tu n'as plus envie de m'aider, c'est toi qui vois.
=> Gihef : je ne veux pas accéder à la div top mais à l'ancre "top" que j'ai réalisée avec <a name="top" id="top">
Merci pour ton aide
Pour répondre à Dalida, je ne m'installe pas comme professionnel, car je suis au lycée, et même plus tard je ne compte pas faire ça. Je créé quelques sites pendant mon temps libre, et comme je n'ai pas de projet en ce moment, je travaille sur mon site perso pour me faire un peu de pub pour en avoir un avant la fin de l'année (sachant que je ne pourrais plus en faire l'année prochaine), pour m'entraîner, faire quelque chose qui me plaît et parce que j'aime bien faire ça. Ne t'inquiète pas, je ne risque pas de faire de l'ombre aux agences de création de sites parce que je créé pour pas cher le site d'un petit artisan ou d'un cabinet d'avocat.
Je viens sur ce forum car je n'ai jamais reçu de formation sur la création de sites-web, et que grâce à vous je suis maintenant relativement compétent. Cependant, il est normal que je ne sache pas faire de nombreuses choses, et la plupart des membres de ce forum (dont toi) me permettent de progresser. Après, si tu n'as plus envie de m'aider, c'est toi qui vois.
=> Gihef : je ne veux pas accéder à la div top mais à l'ancre "top" que j'ai réalisée avec <a name="top" id="top">
Merci pour ton aide
re,
ce n'est pas pour se fâcher, au contraire.
mais il faut que tu sois bien conscient que ce qui pour toi es de l'argent de poche peut être le revenu principal de quelqu'un.
quand tu parles de petits sites pour des artisans ou un avocat cela peut représenter deux semaines de boulot d'un freelance, car il n'y a pas que des agences. et pour un "indé", quinze jours de taf c'est la moitié de son salaire.
de plus, tu annonces des prix qui n'ont rien à voir avec la réalité du coût réel de production d'un site. moralité, les clients qui voient ces prix sur Internet ont une fausse idée de la valeur de ce qu'ils demandent.
un pro qui passe derrière toi risque d'être pris pour un arnaqueur gonflant ses tarifs.
par ailleurs, tu travailles au black et c'est ton problème. mais tu en fais publicité et ça ce n'est pas très malin.
à voir ton site, c'est signé : les pro résonnent avec la TVA ou sans la TVA ; pour toi, elle n'existe même pas…
et tu cites tes clients, ce qui peut les mettre dans l'embarras (on est plus au 20ème siècle, un contrôleur fiscal sait se servir d'Internet).
enfin, comme toutes les activités d'édition, la diffusion sur Internet est soumise à des règles précises, inscrites dans la loi que ce soit pour le webmaster ou le propriétaire du site. et ça, tu sembles l'ignorer.
ceci étant dit, je continuera à te répondre, c'est en aidant que j'apprends le plus et de toute façon j'aime ça. ce sera donc sans rancune pour ma part mais je tenais à ce que ce soit dit.
ce n'est pas pour se fâcher, au contraire.
mais il faut que tu sois bien conscient que ce qui pour toi es de l'argent de poche peut être le revenu principal de quelqu'un.
quand tu parles de petits sites pour des artisans ou un avocat cela peut représenter deux semaines de boulot d'un freelance, car il n'y a pas que des agences. et pour un "indé", quinze jours de taf c'est la moitié de son salaire.
de plus, tu annonces des prix qui n'ont rien à voir avec la réalité du coût réel de production d'un site. moralité, les clients qui voient ces prix sur Internet ont une fausse idée de la valeur de ce qu'ils demandent.
un pro qui passe derrière toi risque d'être pris pour un arnaqueur gonflant ses tarifs.
par ailleurs, tu travailles au black et c'est ton problème. mais tu en fais publicité et ça ce n'est pas très malin.
à voir ton site, c'est signé : les pro résonnent avec la TVA ou sans la TVA ; pour toi, elle n'existe même pas…
et tu cites tes clients, ce qui peut les mettre dans l'embarras (on est plus au 20ème siècle, un contrôleur fiscal sait se servir d'Internet).
enfin, comme toutes les activités d'édition, la diffusion sur Internet est soumise à des règles précises, inscrites dans la loi que ce soit pour le webmaster ou le propriétaire du site. et ça, tu sembles l'ignorer.
ceci étant dit, je continuera à te répondre, c'est en aidant que j'apprends le plus et de toute façon j'aime ça. ce sera donc sans rancune pour ma part mais je tenais à ce que ce soit dit.
Je sais que c'est pas correct de le faire au black, mais c'est la seule manière que j'ai de le faire. Quant aux clients, je les connais tous bien (comme tu dois t'en douter avec le nom...), donc c'est pas un problème. Par ailleurs, rien ne dis qu'il m'ont payé pour réaliser leur site. Il m'ont juste "récompensé"... Et le prix, pense bien que je vais pas avoir beaucoup de clients si je mets un site basique à 1000€...Ca serait encore plus craignos vis-à-vis des pros. Enfin, je ne pense pas vraiment avoir des clients en faisant ce site, c'est, comme je l'ai dis, plutôt pour le plaisir. J'envisage peut être d'en faire une déclinaison plus "perso" avec un forum, des astuces, des photos, etc... Voilà, c'est dit et le débat est clos. Merci pour ta réaction.
RAD ça a l'air d'être exactement ce que je veux ce que t'as fait mais je ne vois pas trop où est la différence... Peux-tu expliciter stp ?
Merci beaucoup pour ton aide
a+
RAD ça a l'air d'être exactement ce que je veux ce que t'as fait mais je ne vois pas trop où est la différence... Peux-tu expliciter stp ?
Merci beaucoup pour ton aide
a+
Je reviens sur ce sujet car je n'ai pas trouvé de réponse.
J'ai (quasiment) tout essayé pour faire remonter le contenu de ma div, mais apparemment la seule solution est de placer la div en absolute. Le destin est-il si tragique que ça ou existe-t-il une autre issue ?
Merci
Ciao
J'ai (quasiment) tout essayé pour faire remonter le contenu de ma div, mais apparemment la seule solution est de placer la div en absolute. Le destin est-il si tragique que ça ou existe-t-il une autre issue ?
Merci
Ciao
Au cas où…
http://www.commentcamarche.net/forum/affich 4618889 atteindre une ancre dans une div#11
http://gihef.bey.free.fr/CCM/innerHTML/changetxtdansdiv.html (juste pour le ↑ HAUT ↑).
Chez moi ça marche.
--
http://www.commentcamarche.net/forum/affich 4618889 atteindre une ancre dans une div#11
http://gihef.bey.free.fr/CCM/innerHTML/changetxtdansdiv.html (juste pour le ↑ HAUT ↑).
Chez moi ça marche.
--
Créer une foction javascript :
function atteindre_ancre(mon_ancre)
{
/* Récupération du contexte actuel */
var AncreOLD = window.location.hash;
/* Récupération de l'URL courante */
var URL = window.location.href;
/* On supprime l'ancienne ancre de l'URL */
URL = URL.substring(0, URL.length - AncreOLD.length);
/* On créée une nouvelle ancre */
var AncreNEW = mon_ancre;
/* On met à jour l'URL dans la barre d'adresse du navigateur */
window.location.replace(URL + '#' + AncreNEW);
}
Et ensuite, sur ton lien appelle la fonction :
<a href="javascript: atteindre_ancre(ancre1);">cliquez ici...</a>
function atteindre_ancre(mon_ancre)
{
/* Récupération du contexte actuel */
var AncreOLD = window.location.hash;
/* Récupération de l'URL courante */
var URL = window.location.href;
/* On supprime l'ancienne ancre de l'URL */
URL = URL.substring(0, URL.length - AncreOLD.length);
/* On créée une nouvelle ancre */
var AncreNEW = mon_ancre;
/* On met à jour l'URL dans la barre d'adresse du navigateur */
window.location.replace(URL + '#' + AncreNEW);
}
Et ensuite, sur ton lien appelle la fonction :
<a href="javascript: atteindre_ancre(ancre1);">cliquez ici...</a>