La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Modifier les div en javascript (Onglets par expl)
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Modifier les div en javascript (Onglets par expl)  (Lu 1708 fois)
Modifier les div en javascript (Onglets par expl)
« sur: le 31-03-2007 a 13:41:18 »
shest
Membre récent
*

Hors-Ligne

Messages: 2



Je suis un lama!

Voir le Profil
Répondre avec citation

Bonjour,

Je ne trouve pas de réponse préçise à ma question sur le net, je suis tombé sur votre forum et j'ai pensé que vous pourriez m'aider, voilà le problème:

  Pour une interface d'administration je me suis récemment mis au Javascript(autrement je fais principalement du Php). J'ai écrit une petite fonction pour gérer des onglets.

  Fonctionnement: lorsque je clique sur un onglet, la fonction est déclenchée, elle contient le numéro de l'élément à modifier(voirelem) et le nombre d'élément total(nombre d'onglets : nbelem). Dans un premier temps je mets tous les div en hidden, puis j'affiche celui dont on a cliqué l'onglet:

Code:

function voir_elem(voirelem,nbelem){
  var nomel = 'element_'+voirelem;
      for (var i=1; i<=nbelem;i++){
      document.getElementById('element_'+i).style.visibility= "hidden";
      document.getElementById('onglet'+i).style.border="solid 1px #cacaca;";
      }
  document.getElementById(nomel).style.visibility= "visible";
  document.getElementById('onglet'+voirelem).style.border="solid 1px #535353;";
}



Sous Firefox, pas de souci, ca marche nikel. Par contre sous Ie7: le div 1 s'affiche par défaut comme s'est prévu sauf qu'il est décalé (c'est pê juste un problème de css) mais une fois que je clique sur un onglet, plus rien ne se passe, plus aucun des div (accessiblent par chaque onglets) ne s'affichent, la page reste blanche...

Est-ce que mon code doit être adapté dans le cas de ie, le getElementById ne fonctionne-t-il pas de la même façon??

merci d'avance pour vos lumières!

« Dernière Édition: le 31-03-2007 a 14:31:59 par shest » Rapporter au modérateur  

Re:Modifier les div en javascript (Onglets par expl)
« Répondre #1 sur: le 01-04-2007 a 15:39:51 »
shest
Membre récent
*

Hors-Ligne

Messages: 2



Je suis un lama!

Voir le Profil
Répondre avec citation

Personne pour m'aider?

Je me demandais si mon probleme venait de l'interprétation du css (visibility) mais apparement ca fonctionne correctement sous ie et ff. Donc je ne suis toujours pas sur de mon code javascript, simple je vous l'accorde, mais est-il bon?!

Rapporter au modérateur  
Re:Modifier les div en javascript (Onglets par expl)
« Répondre #2 sur: le 11-05-2007 a 10:23:41 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

Salut,

A première vue, ton code a l'air bon. Mais c'est peut-être le fait de vouloir utiliser une propriété regroupante (border) via javascript qui pose un pb à IE. Essaie d'utiliser des classes (par exemple divOn et divOff), et de les affecter à l'élément concerné (c'est elementConcerne.className la propriété en question).

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:Modifier les div en javascript (Onglets par expl)
« Répondre #3 sur: le 02-08-2007 a 11:13:20 »
WhyNot
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 2



Webmaster

Voir le Profil    WWW
Répondre avec citation

Tu aurais beaucoup plus facile en faisant cela par AJAX... Tu n'auras qu'à mettre le contenu de ton div.

Je te conseille l'excellent framework mootools.

(Va voir dans la doc, direction remote et puis AJAX...)

Rapporter au modérateur  

http://www.whynot-studio.com
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg