Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 12/12/2011, 16h45   #1
Invité de passage
 
Homme
Inscription : décembre 2011
Messages : 5
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : décembre 2011
Messages : 5
Points : 2
Points : 2
Par défaut Selecteur jquery à partir du hash

Bonjour, je suis débutant en js et j'essaye d'utiliser jquerry.

Je fait un petit site web local que seul moi utilise.

J'ai créé une fonction que j'utilise dna smon html avec un onclick sur un élement li avec un id "ent_X" où X est l'id dans la BDD :
Code :
1
2
3
4
5
function montrerplus(id){
 ent=$('#collone1 ul li');
 ent.removeClass('clicke');
 $('li#ent_'+id).addClass('clicke');
}
Qui supprime donc la classe "clicke" à tous le monde puis l'ajoute à l’élément cliqué. Jusque ici ça marche.
J'ai souhaité pouvoir avoir la classe "clicke" en fonction de l'url et l'ancre plus précisément.
Voici mon code :
Code :
1
2
3
4
5
6
 
 var anchor = window.location.hash;
 if(1==1){
  anchor=anchor.substring(1);
  $('li#ent_'+anchor).addClass('clicke');
 }
Le if(1==1) est temporaire.
Le substring enlève le "#" à anchor.
Ensuite ça ne marche pas et je comprends pas pourquoi.


Je suis conscient que mon code n'est pas très propre que je doit sans doute mélanger jquerry et JS simple mais je n'ai pas encore assez pratiqué pour avoir acquis les bonnes pratiques.

Merci d'avance.
tomytom est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 12/12/2011, 16h49   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 071
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 071
Points : 45 201
Points : 45 201
Code :
1
2
3
4
5
var anchor = window.location.hash;
 if(1==1){
  anchor=anchor.substring(1);
alert(anchor)
  $(i#ent_'+anchor).addClass('clicke');
que retourne l'alert ?
li devant l'id est inutile
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 12/12/2011, 16h52   #3
Invité de passage
 
Homme
Inscription : décembre 2011
Messages : 5
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : décembre 2011
Messages : 5
Points : 2
Points : 2
L'alert renvois ce que je veut c'est à dire ce que contient l'ancre : pour index.php#3 l'alert me renvois "3".
tomytom est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 12/12/2011, 17h10   #4
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 071
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 071
Points : 45 201
Points : 45 201
Code :
  $('#ent_'+anchor).addClass('clicke');
tu as bien un id="ent_3"
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 12/12/2011, 17h12   #5
Invité de passage
 
Homme
Inscription : décembre 2011
Messages : 5
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : décembre 2011
Messages : 5
Points : 2
Points : 2
Oui il existe bien.
tomytom est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 12/12/2011, 17h16   #6
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 071
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 071
Points : 45 201
Points : 45 201
il est unique sur ta page ?
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 12/12/2011, 17h23   #7
Invité de passage
 
Homme
Inscription : décembre 2011
Messages : 5
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : décembre 2011
Messages : 5
Points : 2
Points : 2
Oui.

La chose est réglée via le chat. Merci SpaceFrog.

Pour les curieux c'était tout bête j'ai juste mis ce code :

Code :
1
2
3
4
5
$(document).ready(function(){
  var anchor = window.location.hash;
   anchor=anchor.substring(1);
  $('#ent_'+anchor).addClass('clicke');
 })
A bientôt.
tomytom est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 03h11.


 
 
 
 
Partenaires

Hébergement Web