IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Ancre et ajax


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    Technicien réseau
    Inscrit en
    Février 2014
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France

    Informations professionnelles :
    Activité : Technicien réseau
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2014
    Messages : 26
    Par défaut Ancre et ajax
    Bonjour a tous

    Je vais tenter d'être clair et compréhensible....

    J'ai un code PHP qui récupère des données depuis une base mysql et l'affiche sous forme de table HTML dynamiquement via ajax. La page est plus longue que l'ecran, il est donc neccessaire de scroller....
    Une des valeurs est cliquable et met a jour des informations dans la cellule suivante (toujours via ajax) via un DIV.
    Un bouton permet de fermer ces informations pour faire les disparaitre (une page php vide est appelée pour remplacer les données du DIV)

    Cependant apres l'appel javascript et de ma page PHP vide, la fenêtre s'affiche en haut de la page et a nouveau il faut descendre avec la souris pour retrouver la valeur cliquable initiale.

    J'ai essayé de mettre des ancres mais ça ne marche pas. lorsque je lance ma fonction javascrit pour remplacer ma div avec une valeur vide, la page est repositionnée au debut....

    Je ne sais comment rappeler l'emplacement précédent.....


    Peu être un classique mais je ne trouve pas de solution

    Merci à vous i jamais vous passez par là

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    C’est confus. Peut-être si tu nous montrais déjà le code HTML généré (Ctrl+U dans ton navigateur)…

    Et ça:
    Citation Envoyé par devphpdid Voir le message
    Un bouton permet de fermer ces informations pour faire les disparaitre (une page php vide est appelée pour remplacer les données du DIV)
    Attends tu fais une requête vers le serveur pour récupérer zéro information ? À quoi ça sert ? Tu ne peux pas simplement utiliser JavaScript pour vider le <div> ?

    Cependant apres l'appel javascript et de ma page PHP vide, la fenêtre s'affiche en haut de la page et a nouveau il faut descendre avec la souris pour retrouver la valeur cliquable initiale.
    Tu fais bien une requête Ajax ? Ce que tu décris ça ressemble à un rechargement de page classique. Ou alors tu réécris le code HTML de la page entière ?

    J'ai essayé de mettre des ancres mais ça ne marche pas. lorsque je lance ma fonction javascrit pour remplacer ma div avec une valeur vide, la page est repositionnée au debut...
    En gros, pour faire une ancre, il te faut un élément avec un id, par exemple
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="emplacement">

    Et par script tu modifies l’adresse de la page :
    Code JS : Sélectionner tout - Visualiser dans une fenêtre à part
    location.hash = '#emplacement';

    Veille bien à n’avoir qu’une seule fois le même id dans toute la page.
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Membre averti
    Homme Profil pro
    Technicien réseau
    Inscrit en
    Février 2014
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France

    Informations professionnelles :
    Activité : Technicien réseau
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2014
    Messages : 26
    Par défaut
    merci de l'interet..
    Oui je comprends que ce soit confus..Le code est assez long....
    Pour les ancres, je fais bien appel à des id uniques avec location.hash = '#'+ma_variable_id genere auparavant;

    Je ne sais pas comment vider le DIV via javascript, effectivment ça simplierait.....Je vais regarder...
    Oui c'est plus simple...avec un simple document.getElementById(elementID).innerHTML = "";

    Pour le reste je vais essayer d'être plus concis

    Je charge une page
    Dans celle ci un menu deroulant.
    Le choix d'un item, affiche en fin de page, dans un DIV, un tableau d'un centaine de lignes (via ajax).
    Chaque lignes est identifiée par un id (unique).
    Lorsque je clique sur cette id, des informations s'affichent dynamiquement (via ajax) dans une cellule à côté, avec un bouton pour fermer (une fonction vers document.getElementById(elementID).innerHTML = "")
    la cellule d'information est bien vidée mais la page (contenant les données initiales + le tableau) est affiché depuis debut et non là où le clique a été fait..sans que je ne recharge la page.....C'est suite l'appel de la fonction javascript

    Suis je plus clair ?

  4. #4
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    C’est un peu plus clair. Peux-tu me montrer le code HTML d’un de ces boutons, et la façon dont tu appelles la fonction JS ?
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  5. #5
    Membre averti
    Homme Profil pro
    Technicien réseau
    Inscrit en
    Février 2014
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France

    Informations professionnelles :
    Activité : Technicien réseau
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2014
    Messages : 26
    Par défaut
    Lorsque je dis bouton c'est juste un texte CLOSE avec un appel a une fonction js ONCLICK=closinfo(mon_id_unique).
    La fonction est document.getElementById(mon_id_unique).innerHTML = "";.

    Masi je crois que c'est une tres bonne question ! car

    Le code HTML est
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    echo "<a href=# onclick=closinfo(mon_id_unique)>Close</a>";

    le # ne poserait pas un probleme ?
    J'essaye....et effectivement ..... Comme quoi il suffit de poser les bonnes questions trop fort !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] ScrollTop vers ancre après un chargement de contenu en Ajax
    Par goku19 dans le forum jQuery
    Réponses: 3
    Dernier message: 30/03/2014, 22h37
  2. [AJAX] Navigation en Ajax + Navigation Avec ancre
    Par goku19 dans le forum jQuery
    Réponses: 6
    Dernier message: 27/03/2014, 15h03
  3. Ajax et ancres
    Par ForgetTheNorm dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 28/10/2011, 09h17
  4. [AJAX] ancre dans l'ajax
    Par kaking dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 03/12/2008, 08h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo