Atteindre une ancre dans une div

Résolu/Fermé
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 - 11 janv. 2008 à 22:13
 Ptida - 14 avril 2010 à 17:23
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+

17 réponses

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
13 janv. 2008 à 13:54
--

[ Mathieu ]
« On embauchera plus s'il est moins compliqué de licencier. » LP, 29 août 2007.
3
lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 352
11 janv. 2008 à 22:21
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
@+
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
12 janv. 2008 à 10:07
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
0
lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 352
12 janv. 2008 à 10:49
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..
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
12 janv. 2008 à 12:32
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
<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à
0
lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 352
12 janv. 2008 à 16:31
re,

euh..
essaye ça <a name="top" id="top"></a>
il me semble qu'il manque un >..
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
12 janv. 2008 à 17:03
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à !
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
12 janv. 2008 à 17:03
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à !
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
12 janv. 2008 à 17:06
salut,

à mon avis, les ancres ne fonctionnent que pour le document lui même.

mieux vaudrait essayer en JS.
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
12 janv. 2008 à 17:07
Quoi, par exemple ?
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
12 janv. 2008 à 17:15
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.
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 777 > Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016
12 janv. 2008 à 18:00
+1

--
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 777
12 janv. 2008 à 17:57
Bonjour,

Même si “+1”…

Où est placée la <div id="top"> ?
À un endroit inadapté de la page certainement.

--
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
12 janv. 2008 à 18:02
salut,

mais il veut remonter le scroll du <div> pas celui de la page.
tu crois que ça fonctionne ça ?
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 777
12 janv. 2008 à 21:25
Il me semble que c'est aussi simple que ça.

--
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
12 janv. 2008 à 18:05
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
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
12 janv. 2008 à 18:28
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.
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
12 janv. 2008 à 18:27
SALUT

voila un exemple simple tu vas chercher une div en fait !
Exemple

le CSS

RAD
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
12 janv. 2008 à 18:31
salut Rad,

donc ça marche aussi à l'intérieur d'un <div>…

par contre là, je rigole :
<meta http-equiv="content-type" content="text/html; charset=windows-1250">

je suis déjà parti…
• → [ ]
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360 > Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016
12 janv. 2008 à 18:33
looool j ai fais ca vite fais avec pspad et je suis reste en tcheque ;-)))

c est change ;-)
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
12 janv. 2008 à 18:58
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+
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
5 févr. 2008 à 19:34
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
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 777
5 févr. 2008 à 19:45
0
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>
0