Changer au clic la couleur de fond de la destination de l'ancre

3 participants

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Mar 10 Juin 2014 - 17:11

Bonjour,
Un lien comme ceci :
Code:
<a href="#ancre">Ancre</a>
Un template index_box comme ceci :
Code:
......
<table>
   <tr class="categorie">
      <td>
         ......
         <div class="forumlink" style="width: 560px">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
         </div>
         ......
      </td>
   </tr>
</table>
......
Un forum qui a pour nom :
Code:
<span id="ancre">Lien</a>

Je souhaiterais que quand on clique sur le lien "ancre", que ça descende sur l'ancre et qu'en plus, le <tr class="categorie"> du forum concerné soit en couleur de fond rouge, par exemple, pendant 1 seconde et qu'après ça redevienne en couleur de fond normal. Avec une transition dans le changement de couleur de fond.
Comment faire ceci ?
Merci d'avance.
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Mer 11 Juin 2014 - 16:48

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Jeu 12 Juin 2014 - 16:34

Up Very Happy
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Ven 13 Juin 2014 - 17:26

Up svp
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par -Tancrède- Ven 13 Juin 2014 - 17:36

Je pense que tu aurais plus de succès dans la catégorie "problème avec un script", en CSS on peut changer la couleur d'un élément parent au clic sur un enfant, mais là ça ne fonctionnerait pas, donc je pense que ce sera du java script....
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Ven 13 Juin 2014 - 19:22

Bonjour,
Merci de ta remarque.
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Sam 14 Juin 2014 - 19:30

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par Ea Sam 14 Juin 2014 - 19:59

Bonjour,


J'ai déplacé.

que ça descende sur l'ancre

Cela signifie bien comme avec les ancres habituelles : que la fenêtre défile afin que l'ancre en soit placée tout en haut ?

et qu'en plus, le <tr class="categorie"> du forum concerné

Donc j'imagine que le lien vers l'ancre et l'ancre se trouvent sur l'index, mais comment est-ce qu'on associe l'ancre à un forum donné ?

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Sam 14 Juin 2014 - 20:10

Bonsoir,

Ea a écrit:
que ça descende sur l'ancre

Cela signifie bien comme avec les ancres habituelles : que la fenêtre défile afin que l'ancre en soit placée tout en haut ?
Exactement.

Ea a écrit:
et qu'en plus, le <tr class="categorie"> du forum concerné

Donc j'imagine que le lien vers l'ancre et l'ancre se trouvent sur l'index
Le lien vers l'ancre sera dans toutes les pages par le template overall_header et l'ancre se trouvent sur l'index.

Ea a écrit:mais comment est-ce qu'on associe l'ancre à un forum donné ?
En nommant un forum comme ceci dans panneau d'administration > Général > Catégories et forums :
Code:
<span id="ancre">Lien</a>
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par Ea Sam 14 Juin 2014 - 20:55

On pourrait ajouter ce code javascript :

Code:
$(function(){
  var f= function(){
    var o = $(window.location.hash).closest('table').find('tr.categorie').addClass("moved-to-anchor");
    setTimeout(function(){ o.removeClass('moved-to-anchor') }, 2000);
  }();
  $(window).on('hashchange', f);
});

Le code ajoute pendant deux secondes ( 2000ms ) une classe "moved-to-anchor" à l'élément <tr class="categorie"> dans lequel se trouve l'élément avec :

Code:
id="partie après # dans l'url"

ensuite il suffit de jouer avec du CSS pour faire ce qu'on veut, par exemple :

Code:
tr.categorie {
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}
 
.categorie.moved-to-anchor {
  background-color: red;
}

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Dim 15 Juin 2014 - 6:15

Bonjour,
Merci mais ça n'a pas marché. J'ai mis le code javascript dans "Gestion des codes Javascript" et sur toutes les pages.
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par -Tancrède- Dim 15 Juin 2014 - 18:06

Vous avez pensé a mettre le CSS aussi ? Smile
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Dim 15 Juin 2014 - 19:19

Bonjour,
Oui, je l'ai bien mis.
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par -Tancrède- Dim 15 Juin 2014 - 19:20

On ne sait jamais, ça arrive a tout le monde d'oublier un truc stupide ^^
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Lun 16 Juin 2014 - 18:55

Up Smile
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Mar 17 Juin 2014 - 19:07

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Mer 18 Juin 2014 - 19:10

Up svp
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Jeu 19 Juin 2014 - 19:40

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Sam 21 Juin 2014 - 8:13

Up aidez moi 
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Lun 23 Juin 2014 - 10:12

Up svp
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Mar 24 Juin 2014 - 10:02

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par Ea Mar 24 Juin 2014 - 14:12

Il y a un endroit avec le script et le css en place où voir que ça ne fonctionne pas ?

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Mar 24 Juin 2014 - 15:57

Bonjour,
Le CSS est dans le template overall_footer_end

Le forum concerné est celui de mon profil (le lien est en bas à gauche : "Ligue 1")


Dernière édition par alv le Lun 7 Juil 2014 - 19:12, édité 1 fois
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par Ea Mer 25 Juin 2014 - 2:59

si j'y vais à partir d'une autre page j'ai l'effet sur toute la catégorie ( http://cartonvert.forumloire.com/#ligue1 ) mais si je clique en étant déjà sur la page effectivement rien ne semble se paser
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Mer 25 Juin 2014 - 10:12

Bonjour,
Ça fait pareil chez moi.
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Jeu 26 Juin 2014 - 10:19

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Ven 27 Juin 2014 - 10:43

Up Very Happy
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Sam 28 Juin 2014 - 10:11

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Dim 29 Juin 2014 - 10:11

Up svp
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer au clic la couleur de fond de la destination de l'ancre

Message par alv Mar 1 Juil 2014 - 17:34

Up Sad
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum