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 :

document.getElementById mais sans ID


Sujet :

JavaScript

  1. #1
    Membre régulier Avatar de lextaz33
    Profil pro
    Développeur informatique
    Inscrit en
    Avril 2008
    Messages
    169
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Avril 2008
    Messages : 169
    Points : 81
    Points
    81
    Par défaut document.getElementById mais sans ID
    Bonjour à tous!
    Je risque de me faire chambrer mais bon...

    Voila mon soucis, j'ai dans une JSP un tableau avec N lignes et pour chaque ligne la possibilité d'ouvrir une div sous la forme d'un popup avec pour chacune un ID de la forme "commPopUpElem_<%=_id %>" ou _id est l'id de l'élément affiché (ce n'est pas un index sinon ce serait trop simple).

    L'utilisateur peut donc ouvrir la div N puis la div 1 puis la div N-4 comme il le sent.
    Maintenant, mon cher utilisateur souhaite (pour des raisons d'esthétique) qu'a l'affichage d'une div je ferme celles qui auraient pu être précédemment ouverte.

    Le hic pour moi, c'est de savoir quelle div a été ouverte, donc de savoir comment récupérer les ID des div ouvertes à l'instant T.

    Etant donné que la création, l'ouverture et la fermeture de mes div se fait en Javascript, je pose ce problème dans ce forum pour savoir si j'aurais un moyen de récupérer les ID/nom de DIV ouverte sur une page web? ou quelquechose qui m'en approcherait?

    Merci de votre aide.

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    à l'ouverture d'un div (juste avant, par ex.), tu stockes l'id dans une variable globale.
    A l'ouverture du div suivant, tu n'as qu'à commencer par "refermer" (ou cacher, ça dépend) le div dont l'id est stockée dans cette variable.
    Attention juste à l'initialiser correctement (c'est au 1° clic que tu pourrais avoir une erreur)

    A+

  3. #3
    Membre régulier Avatar de lextaz33
    Profil pro
    Développeur informatique
    Inscrit en
    Avril 2008
    Messages
    169
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Avril 2008
    Messages : 169
    Points : 81
    Points
    81
    Par défaut
    C'est effectivement sur le 1er clic que j'ai une erreur!

    A chaque tour, je stocke l'id de la div que j'ouvre, donc en fait j'ouvre et je ferme instantanément cette div.

    L'idée est bonne mais comment stocker la bonne idée!

    Je vous joint le bout de JSP correspondant:

    Code : 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
     
    <td class="center" headers="col19">				          					        
    	<bean:define id="_id" name="row" property="element.id" />
    		<div id="commPopUpElem_<%=_id %>" name="commPopUpElem_<%=_id %>" class="commentPopUp" >
    		//Ma DIV
    		</div>
    		<script language="JavaScript">
    		   var comdiv_<%=_id %>=new PopupWindow('commPopUpElem_<%=_id %>', -400, -215);							 		
    		</script>						
    		<%
    		   Long _idToClose = (Long)_id;
    		%>		
    		<a href="#" name="comment_<%=_id %>" id="comment_<%=_id %>" onclick="JavaScript:comdiv_<%=_id %>.showPopup('comment_<%=_id %>');focusComment('<%= _id %>');Javascript:comdiv_<%=_idToClose %>.hidePopup();return false;">
    		</a>								
    	</logic:equal>						
    </td>
    Vous pouvez voir à chaque ligne que je défini _id mais qu'au final _idToClose ne peut être autre chose que le même que _id, donc j'ouvre et je ferme la même div!

  4. #4
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Arf !
    Pas assez sûr du fonctionnement de ton code.
    Sur le principe :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    var old_id = null;
    function OuvreDiv(new_id) {
     
    if (old_id)     // C'est là que tu gères l'erreur du 1° clic
       CloseDiv(old_id);  // Ferme le div précédent
     
    // => Ici instruction(s) qui affiche(nt) le nouveau div
     
    old_id = new_id;     // Stocke l'id ouvert pour le clic suivant
    }
    OuvreDiv() à appeler sur chaque lien, avec en paramètre l'id du div à ouvrir ...

    A+

  5. #5
    Membre émérite Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Points : 2 953
    Points
    2 953
    Par défaut
    Salut,

    Pourquoi stocker un id!? Avant l'affichage d'un div, tu caches tous les div quoi qu'il arrive. Pour les trouver soit tu leur affectes un classe css, soit tu les trouves avec une expression régulière.

  6. #6
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par franculo_caoulene Voir le message
    Pourquoi stocker un id!? Avant l'affichage d'un div, tu caches tous les div quoi qu'il arrive.
    Oui, mais c'est quand même moins "lourd" et pas bien plus compliqué
    (et puis c'était la question posée ...)

    A+

  7. #7
    Membre émérite Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Points : 2 953
    Points
    2 953
    Par défaut
    Je ne suis pas sûr que ce soit moins lourd! Gérer ce genre d'effet de bord est d'un ennui monstre pour moi. A lire et à maintenir je pense que la façon que je propose est plus simple.

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

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

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1

  9. #9
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    Bien vu Spaffy, mais tu as 3 posts de retard

  10. #10
    Membre régulier Avatar de lextaz33
    Profil pro
    Développeur informatique
    Inscrit en
    Avril 2008
    Messages
    169
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Avril 2008
    Messages : 169
    Points : 81
    Points
    81
    Par défaut
    Woooaaaww!!
    J'vien d'arriver et je dois vous dire merci... vous êtes déchainé c cool!!

    Mais finalement mon boss a trancher par la manière forte :

    BOSS: "L'utilisateur? mais pourquoi il la ferme pas sa div avant d'en ouvrir une autre?"
    MOI: "ben je sais pas c'est un utilisateur?!!"
    BOSS: "Bon laisse tomber j'vai leur dire qu'il n'ont qu'a fermer avant d'ouvrir!!!"

    On leur a donc mis un effet placebo (Une fausse croix rouge de fermeture sachant qu'un clic anywhere sur la div revient au même)!!

    Mais connaissant le client, cette histoire n'est pas fini, et alors je pourrais mettre en place vos solutions.

    Merci tout de même à tous sachant que tous vos messages me serviront un jour ou l'autre, cette discussion n'était pas vaine.!!

Discussions similaires

  1. webBrowser1.Document.GetElementById mais pas de "ID"
    Par sharingamak dans le forum C#
    Réponses: 0
    Dernier message: 27/04/2012, 15h08
  2. document.getElementById() has no properties ..
    Par ahage4x4 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 01/06/2005, 17h04
  3. This.value au lieu de document.getElementById('field').value
    Par yoyot dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 04/03/2005, 14h02
  4. Pb de COUNT et GROUP BY simple mais sans requête imbriquées
    Par vanquish dans le forum Langage SQL
    Réponses: 3
    Dernier message: 22/10/2004, 09h45
  5. [PostgreSQL]PostgreSQL sous windows mais sans Cygwin
    Par manou dans le forum Administration
    Réponses: 8
    Dernier message: 17/04/2003, 16h19

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