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 :

R�cup�rer l'id ou le nom de la balise section courante


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre tr�s actif Avatar de goute
    Homme Profil pro
    D�veloppeur �clectique
    Inscrit en
    Novembre 2008
    Messages
    224
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 46
    Localisation : France, Sarthe (Pays de la Loire)

    Informations professionnelles :
    Activit� : D�veloppeur �clectique
    Secteur : Finance

    Informations forums :
    Inscription : Novembre 2008
    Messages : 224
    Par d�faut R�cup�rer l'id ou le nom de la balise section courante
    Bonjour,

    Je suis bien emb�t�, j'ai une page qui fonctionne en oneScroll vertical, une page est �gale a une section et je n'arrive pas a retrouver l�identifiant ou le nom de ma section courante....

    Quelqu'un aurait-il une proposition a me faire svp.

    Merci bcp.

    Goute

  2. #2
    Membre chevronn� Avatar de 01001111
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Janvier 2009
    Messages
    319
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Loire (Auvergne)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Janvier 2009
    Messages : 319
    Par d�faut
    Je comprends, tu cherches en fonction de la position du scroll � trouver quelle est la page courante:
    je te propose ceci (jquery n�cessaire):
    tout d'abord placer une ancre ou n'importe quel �l�ment invisible en d�but de chaque page (si ancre, c'est peut-�tre mieux car �a permet un ciblage par name avec #name)
    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
     
    <a name="page1" id="page1" class="page" style="display:block; position:relative; height:0; width:100%;"></a>
    // code de la page 1
    <a name="page2" id="page2" class="page" style="display:block; position:relative; height:0; width:100%;"></a>
    // code de la page 2
     
    // etc
    Code javascript : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
     
    var ltwhRelativeTo=function(elms, container) {
            var i=0;
    	var res=[];
    	var node, w, h, l, t;
    	while (i<elms.length) {
    		var node=elms[i];
    		w=node.offsetWidth;
    		h=node.offsetHeight;
    		l=0;
    		t=0;
    		while (node!=container && node.tagName.toLowerCase()!="html") {
    			l+=node.offsetLeft;
    			t+=node.offsetTop;
    			if (node.offsetParent!==null) {
    				node=node.offsetParent;
    			} else {
    				break;
    			}
    		}
    		res[i]={left:l, top:t, width:w, height:h};
    		i++;
    		}
    	return res;
    }
    $('window').scroll(
           function() {
                   var scrollTop=$("body").scrollTop();
                   var pagesAnchors=$(".page"),min=100000, currentPage=null;
                   var offsetsTop=ltwhRelativeTo(pagesAnchors, document.body);
                   for (var i=0; i<offsetsTop.length; i++) {
                            if (Math.abs(scrollTop-offsetsTop[i].top)<min) {
                                      min=Math.abs(scrollTop-offsetsTop[i].top);
                                      currentPage=pagesAnchors[i].name;
                            }
                   }
                   //currentPage donne maintenant en principe la valeur de la page courante... Il n'y a plus qu'à en faire quelquechose
           }
    );

  3. #3
    Membre tr�s actif Avatar de goute
    Homme Profil pro
    D�veloppeur �clectique
    Inscrit en
    Novembre 2008
    Messages
    224
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 46
    Localisation : France, Sarthe (Pays de la Loire)

    Informations professionnelles :
    Activit� : D�veloppeur �clectique
    Secteur : Finance

    Informations forums :
    Inscription : Novembre 2008
    Messages : 224
    Par d�faut Merci beaucoup pour la r�ponse
    Merci beaucoup pour la r�ponse, le code a l'air sympa, j'ai l'impression que l��v�nement Scroll n'est pas d�tect� de mon c�t�.
    Etant donn� que je n'ai pas trop de temps pour trouver une solution � cette equation, j'ai d�cid� de passer par un nouveau chemin

    Quoi qu'il en soit merci beaucoup d'avoir consacr� du temps � mon sujet !

    Bonne journ�e,

    Goute

  4. #4
    Membre chevronn� Avatar de 01001111
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Janvier 2009
    Messages
    319
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Loire (Auvergne)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Janvier 2009
    Messages : 319
    Par d�faut
    En fait, la fonction ne se d�clenche pas sans doute parce que j'ai utilis� window au lieu de body pour appeler l'�v�nement scroll.
    d�sol�!

Discussions similaires

  1. Afficher le nom de la balise source courante
    Par enzostar dans le forum XSL/XSLT/XPATH
    R�ponses: 2
    Dernier message: 06/08/2012, 17h39
  2. R�ponses: 2
    Dernier message: 11/07/2006, 10h42
  3. R�cup�rer un control par son nom
    Par Didier L dans le forum Delphi
    R�ponses: 4
    Dernier message: 23/05/2006, 19h59
  4. [VBA-E]R�cup�rer une partie d'un nom
    Par Elstak dans le forum Macros et VBA Excel
    R�ponses: 16
    Dernier message: 28/04/2006, 08h38

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