Accueil > Forum > > > > Appeler une ancre d'une autre page au coeur d'une fonction Javascript
Appeler une ancre d'une autre page au coeur d'une fonction Javascript
vendredi 19 mars 2010 à 18:36:15 |
Appeler une ancre d'une autre page au coeur d'une fonction Javascript

MissArmande
|
Bonjour à tous,
Je suis en train de réaliser mon premier site web, et je m'arrache un peu les cheveux.
J'utilise un javascript, trouvé sur le site (http://www.javascriptfr.com/codes/CHARGER-PAGE-PHP-HTML-DANS-DIV_37447.aspx. D'ailleurs, mille mercis à atlante34...)
Cela me permet d'afficher certaines de mes pages php dans une div précise.
MAIS... ce que je voudrait, c'est accéder directement à une ancre nommée, située ces pages php.
Je pensais qu'en utilisant bêtement un lien comme cela:
<a href="#" class="lien" onclick="envoieRequete('/dossier/sousdossier/fichier.php#ancre','div_precise');" >Fichier</a>
Je suppose que cela vient d'une incompatibilité entre javascript et ancre, et qu'il faut désigner l'ancre d'une autre manière... que je ne connais pas (je débute en html et php, donc le javascript, j'en suis au niveau zéro !)
J'ai vu des solutions (que je n'ai pas compris dans le détail) pour des ancres situées dans la même page, mais je n'en ai vu aucune pour des ancres situées dans d'autres pages.
Pourriez-vous m'aider ?
Merci par avance.
|
|
samedi 20 mars 2010 à 06:46:10 |
Re : Appeler une ancre d'une autre page au coeur d'une fonction Javascript

PetoleTeam
|
Bonjour,
Dans une page c'est le navigateur qui fait le boulot
Dans une DIV, c'est à toi de faire le travail
une méthode consisterait à
- avant envoi de la requête tu récupères l'ancre, son NAME en fait
- une fois le document chargé dans la DIV tu récupères la position de l'ancre dans la DIV
- enfin tu fais scroller la DIV afin de l'ancre apparaisse en haut
;O)
|
|
samedi 20 mars 2010 à 11:21:18 |
Re : Appeler une ancre d'une autre page au coeur d'une fonction Javascript

MissArmande
|
Bonjour PetoleTeam,
Je te remercie de ta réponse, mais je ne comprends pas du tout comment faire ce que tu me suggères.
Je ne sais pas ce que signifie "récupérer l'ancre" (je connais son nom et dans quelle page elle est, mais c'est tout)
Je en sais pas ce que c'est que "récupérer la position de l'ancre" (c'est le n° de l'ancre dans la page ????)
Et j'ai effectivement appliqué un scroll à ma div, mais quel est le lien entre le scroll et l'apparition de l'ancre au bon endroit ?
Merci d'avance si tu peux être plus explicite envers la novice que je suis.
|
|
samedi 20 mars 2010 à 11:29:58 |
Re : Appeler une ancre d'une autre page au coeur d'une fonction Javascript

PetoleTeam
|
- récupérer l'ancre, c'est récupérer son NAME, mais donc cela tu l'as déjà...
- récupérer la position de l'ancre, c'est récupérer sa position par rapport au document en d'autres termes son offsetTop pour scroller d'autant ta DIV et faire apparaître ainsi l'ancre en haut de la fenêtre de la DIV...
;O)
|
|
jeudi 15 avril 2010 à 18:42:53 |
Re : Appeler une ancre d'une autre page au coeur d'une fonction Javascript

MissArmande
|
Bonsoir,
Après du travail sur d'autres fronts, je me remets à mes soucis de code.
Merci de tes conseils, PetoleTeam. J'ai découvert plein de choses que je ne connaissais pas sur javascript en cherchant ce qu'était offsetTop (je t'avais dit que j'étais novice...)
Voilà où j'en suis: j'ai intégré l'offsetTop de mon ancre et le scrollTo pour y arriver, et ça fonctionne ...presque: en fait, le scroll place mon ancre en haut de ma page, et pas en haut de ma div...
Et j'ai fait toutes les combinaisons possibles, je n'arrive pas à intégrer le offsetTop absolu (incluant les offsetTop des Parents) dans ma fonction).
J'ai la fonction qui récupère l'offsetTop:
function getOffset(obj) {
var offsetTop = obj.offsetTop;
while ((obj = obj.offsetParent )!=null) {
offsetTop += obj.offsetTop;
}
return [offsetTop];
}
et j'ai ma fonction "à moi" (qui, donc, fonctionne presque... à l'offset parent près):
function envoieRequeteC(url,id,ancre)
{
var xhr_object = null;
var position = id;
var hauteur = ancre;
if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
else
if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
// On ouvre la requete vers la page désirée
xhr_object.open("GET", url, true);
xhr_object.onreadystatechange = function()
{
if ( xhr_object.readyState == 4 )
{
// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
document.getElementById(position).innerHTML = xhr_object.responseText;
document.getElementById(position).scrollTop = document.getElementById(hauteur).offsetTop;
}
}
// dans le cas du get
xhr_object.send(null);
}
Et je n'arrive pas à combiner les deux.
J'ai essayé en définissant la fonction d'offsetTop à part, et en l'appelant dans la seconde fonction.
J'ai essayé de l'intégrer directement dans la seconde fonction, dans tous les sens imaginables...
J'ai essayé des définitions d'autres variables intermédiaires, façon ruse de sioux.
Et je n'y arrive pas...
Est-ce-que quelqu'un saurait me dépatouiller ça, parce que là, je commence à craquer, et je n'ai plus d'idées.
Mille mercis par avance.
|
|
jeudi 15 avril 2010 à 20:33:08 |
Re : Appeler une ancre d'une autre page au coeur d'une fonction Javascript

PetoleTeam
|
Bonjour,
je n'arrive pas à intégrer le offsetTop absolu (incluant les offsetTop des Parents)
aucun intérêt, je m'explique
l'offsetTop et Left est donné par rapport au parent, et c'est ce qui visiblement t'intéresses et pas plus.
Pourquoi chercher la position dans le document quand tu ne veux que scroller le DIV parent.
;O)
|
|
vendredi 16 avril 2010 à 12:14:42 |
Re : Appeler une ancre d'une autre page au coeur d'une fonction Javascript

MissArmande
|
Je veux bien, mais est-ce que tu peux m'expliquer, alors, pourquoi avec le scroll, mon ancre ne s'affiche pas en haut de ma div, mais semble (je dit semble car j'ai mesuré à la règle sur mon écran ;)) s'affiche en haut de ma page.
J'aimerais juste savoir pourquoi ça ne marche pas et comment faire pour que cela marche...
Si tu as une idée, n'hésite pas...
|
|
vendredi 16 avril 2010 à 15:02:13 |
Re : Appeler une ancre d'une autre page au coeur d'une fonction Javascript

PetoleTeam
|
Bonjour,
j'ai repris à tête reposée le post et force est d'admettre que j'ai répondu un peu vite...
Dans ton cas il faut
1/ récupérer la position de l'ancre, Ancre_PosY par exemple, par rapport au document
2/ récupérer la position du conteneur, Div_PosY par exemple, de la page par rapport au document également
3/ Soutraire la Div_PosY à la Ancre_PosY pour connaître de combien il faut scroller la DIV
;O)
|
|
Cette discussion est classée dans : javascript, page, php, pages, ancre
Répondre à ce message
Sujets en rapport avec ce message
Recuperer le SId avec javascript [ par nikos283 ]
SalutJ'ai une petit proble, voila j'ai une page php qui crée une session et j'aimerai avec javascript recupérer le nom et valeur de cette session. pou
passage de variable entre javascript et php [ par jeremy77 ]
Bonjour,Débutant en javascript et php je cherche a faire passer une varible d'un formulaire afin de pouvoir la récuperer dans un autre page.Mon formul
Form et javascript [ par rems02 ]
Bonjour,Sur une page php j'ai un Form qui envoi une valeurselon le bouton appuyé (sur 4 disponibles au format image)ver une autre page php.Mais j'ai r
prob éxécution js / et balises <table> [ par zeraxp ]
salut,alors voila j'ai une fonction javascript qui est appelé sur lévenement on submit d'un formulaire:....<input type="submit" value=Re
passage de valeurs sur plusieurs pages [ par Puec ]
Bonjour,J'ai un problème de passage de paramètres, je m'explique :J'ai une page accueil.php qui contient un formulaire form.Ce formulaire est posté ve
javascript avec extension php [ par Erick007 ]
Bonjour, c la première foie que je poste ici, pour des raisons que malheuresement j'ai pas trouver mon sujet . Donc je vous explique, moi j'ai fait un
fonction_javascript [ par sam_12_3 ]
salut tout le monde,je voudrais intégrer dans mon application que j' ai fait en php des fonctions en javascript.1/ Lorsqu'un utilistaeur arrive sur la
fonction_javascript [ par sam_12_3 ]
salut tout le monde,je voudrais intégrer dans mon application que j' ai fait en php des fonctions en javascript.1/ Lorsqu'un utilistaeur arrive sur la
Javascript & frames [ par CHABRY ]
Bonjour! J'ai essayé d'insérer dans un code en php des fonctionnalités de javascript d'où j'ai pu effectuer l'ouverture d'une page .php suite à la vé
variable javascript envoyée dans un formulaire vers page php [ par DzinVolt_Original ]
Bonjour a tous, je voudrais envoyer une variable Javascript dans un formulaire pour pouvoir l'utiliser ensuite dans une page en PHP voici le code java
Livres en rapport
|
Derniers Blogs
JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|