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

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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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 le Mer 11 Juin 2014 - 16:48

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Jeu 12 Juin 2014 - 16:34

Up Very Happy

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Ven 13 Juin 2014 - 17:26

Up svp

alv
# Tropactif #

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

http://urlz.fr/2OYC
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- le 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-
****

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 le Ven 13 Juin 2014 - 19:22

Bonjour,
Merci de ta remarque.

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Sam 14 Juin 2014 - 19:30

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le 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
Aidactif
Aidactif

Messages : 23447
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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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 le 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
Aidactif
Aidactif

Messages : 23447
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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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- le Dim 15 Juin 2014 - 18:06

Vous avez pensé a mettre le CSS aussi ? Smile

-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 le Dim 15 Juin 2014 - 19:19

Bonjour,
Oui, je l'ai bien mis.

alv
# Tropactif #

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

http://urlz.fr/2OYC
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- le Dim 15 Juin 2014 - 19:20

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

-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 le Lun 16 Juin 2014 - 18:55

Up Smile

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Mar 17 Juin 2014 - 19:07

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Mer 18 Juin 2014 - 19:10

Up svp

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Jeu 19 Juin 2014 - 19:40

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Sam 21 Juin 2014 - 8:13

Up aidez moi 

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Lun 23 Juin 2014 - 10:12

Up svp

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Mar 24 Juin 2014 - 10:02

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le 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
Aidactif
Aidactif

Messages : 23447
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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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 le 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
Aidactif
Aidactif

Messages : 23447
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 le Mer 25 Juin 2014 - 10:12

Bonjour,
Ça fait pareil chez moi.

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Jeu 26 Juin 2014 - 10:19

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Ven 27 Juin 2014 - 10:43

Up Very Happy

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Sam 28 Juin 2014 - 10:11

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Dim 29 Juin 2014 - 10:11

Up svp

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Mar 1 Juil 2014 - 17:34

Up Sad

alv
# Tropactif #

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

http://urlz.fr/2OYC
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


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