8 résultats trouvés pour id

Changer la couleur des pseudonymes des invités

Une déclaration est en fait une ligne composée d'une propriété et de sa valeur. Voici une démonstration :

Code:

#postprofile .username { /*** Sélecteur ***/
  color: #FF0000; /*** Déclaration ***/
  font-size: 13px; /*** Déclaration ***/
}

Règle : Une règle est la totalité du sélecteur et de ses déclarations.
Sélecteur : Dans l'exemple ci-haut, le sélecteur est la ligne qui sert à cibler l'élément de son HTML que l'on veut influencer, qui est composé du nom de l'élément (<p> par exemple devient p, ou <strong> devient strong, etc) ou du titre de leurs attributs #id ou .class qui dans l'exemple ci-haut sont #postprofile et .username. Et plus on ajoute des identifiants au sélecteur, plus la règle devient exclusive et spécifique.
Déclaration : Une déclaration est une ligne qui contient une propriété et sa valeur (color: #FF0000;)

Décalage de l'affichage des ancres et défilement (javascript)

voilà c'est ça, plutôt que recharger la page et donc de réapparaitre en haut de page avant de redéfiler vers le bas, juste défiler vers l'ancre directement comme si c'était un un autre href="#id", sans recharger la page effectivement je suppose que c'est ça, désolée si je n'étais pas très claire ^^"

par contre avec #id maintenant ça ne semble pas afficher le même décalage de 40px sous le haut de l'écran ?

En gros le code de ce message là me semblait parfait sauf pour l'histoire du défilement des /blabla#id qui rechargeaient la page à chaque fois

Décalage de l'affichage des ancres et défilement (javascript)

Pour le problème des #id qui descendent brusquement ça devrait être réglé avec ce code :

Code:

jQuery(function($){
   var a = sessionStorage.getItem('anchor'), yPos, yInitPos, target;

   function scrolling(href, p){

      yInitPos = $(window).scrollTop();

      // On ajoute le hash dans l'url.
      window.location.hash = href;

      // Comme il est possible que l'ajout du hash perturbe le défilement, on va forcer le scrollTop à son endroit inital.
      if(a) $(window).scrollTop(yInitPos);
      else $(window).scrollTop(p);

      
      // On cible manuellement l'ancre pour en extraire sa position.
      // Si c'est un ID on l'obtient.
      target = ($(href + ":first"));
               
      // Sinon on cherche l'ancre dans le name d'un a.
      if (target.length == 0) {
         target = ($("a[name=" + href.replace(/#/gi,"") + "]:first"))
      }
                   
      // Si on a trouvé un name ou un id, on défile.
      if (target.length == 1) {
         yPos = target.offset().top; // Position de l'ancre.

         // On anime le défilement jusqu'à l'ancre.
         $('html,body').animate({ scrollTop: yPos - 40 }, 1000);
      }
   }

   if(a){ var href = a; scrolling(a); sessionStorage.removeItem('anchor'); }
   // Pour tous les liens commençant par #.
   $("a").click(function (e) {

      var href = $(this).attr('href'), t = new RegExp('#.*'), anchor = new RegExp('^#.*'), p = $(window).scrollTop();
      if(href.match(anchor)){ e.preventDefault(); scrolling(href, p); }else if(href.match(t)){
         e.preventDefault();
         sessionStorage.setItem('anchor', href.match(t));
         location.href = href.replace(/#.*/, '');
      }
   });
});

Par contre pour l'autre format tu veux dire quand c'est l'adresse de la même page il faudrait pas que ça démarre de nouveau en haut de la page ? Parce que dans ce cas la le plus simple c'est à la vérification si c'est la même page on ne recharge pas la page, ça t’irait ?

Décalage de l'affichage des ancres et défilement (javascript)

sur l'accueil de mon forum test :
http://forum-test-phpbb2.forumactif.org/
en cliquant sur le lien sur l'accueil #chatbox_top ça descend à la chatbox sans défilement
je remonte un peu sur ma page pour recliquer sur le lien ça descend sans défilement
puis si je clique sur /#chatbox_top ça remonte puis défile
puis à nouveau sur #chatbox_top ça défile cette fois comme il faut
et si je réactualise l'index simple ça recommence du début


EDIT : je viens de penser que les invités ne voient pas la cb, je vais mettre un autre lien ! xD

EDIT2 : voilà j'ai mis deux liens en bas de PA pour le haut de la PA,
du coup maintenant sur #id ça descend brusquement avant de remonter en défilant @.@
et le /blabla#id remonte toujours en haut de page avant de redescendre ^^

Décalage de l'affichage des ancres et défilement (javascript)

Hum je ne reproduis pas pour les #id, as-tu une page en exemple ?

Décalage de l'affichage des ancres et défilement (javascript)

hmmmm non, le premier clic sur le lien de type "#id" ne défile pas, et celui de type "/blabla#id" démarre à nouveau du haut de la page... °^°

Décalage de l'affichage des ancres et défilement (javascript)

Je l'ai mis sur mon forum test, ça fonctionne toujours parfaitement pour les liens en href="#id"
Pour ceux en href="/blabla#id" ça ne remonte plus en haut de la page, mais ça affiche brutalement à hauteur de la div avant de remonter en défilant sur les 40px de décalage ^^"

Décalage de l'affichage des ancres et défilement (javascript)

AH ! Le function avant, je ne l'avais pas remis effectivement, merci !!! ><"

Le défilement et le décalage fonctionnent bien pour les ancres de type href="#id" , mais pas pour les liens vers une autre page de type href="/blabla#id" , y aurait il moyen qu'au moins le décalage fonctionne dans ces cas là ? =s