begin process at 2012 05 29 03:05:58
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Appeler une ancre d'une autre page au coeur d'une fonction Javascript


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Membre Club
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

Membre Club
- 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

Membre Club
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

Membre Club
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


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,780 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales