Titre: Modifier les div en javascript (Onglets par expl)
Posté par: shest le le 31-03-2007 a 13:41:18
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!
|
Titre: Re:Modifier les div en javascript (Onglets par expl)
Posté par: shest le le 01-04-2007 a 15:39:51
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?! |
Titre: Re:Modifier les div en javascript (Onglets par expl)
Posté par: MarvinLeRouge le le 11-05-2007 a 10:23:41
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). |
Titre: Re:Modifier les div en javascript (Onglets par expl)
Posté par: WhyNot le le 02-08-2007 a 11:13:20
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 (http://www.mootools.net).
(Va voir dans la doc, direction remote et puis AJAX...) |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|