Affichage d'article

**!Maqs** · 06/12/2007, 20h41

Bonjour tout le monde ! J'ai besoin d'un petit coup de main...
Mon problème est le suivant : Je dois créer un système de présentation d'articles en Javascript pour un site sous Spip, et je suis une bille en Javascript...

Cela se présente en 2 parties : la gauche avec les titres des articles, et la droite qui affichera l'introduction de l'article selectionné. Le JS devra faire en sorte que quand on clique sur un des titres de la liste de gauche, l’introduction de l’article s’affiche sur la droite.
J'ai déjà fais quelques essais avec des scripts trouvé sur la toile mais j'en suis arrivé là : lorqu'on clique sur un titre et qu'une intro est déjà affichée, elle ne s'efface pas et cela "empile" les 2 intros... pas vraiment pratique quoi !

Pour l'instant le code donne ça :
Entre <head> :

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
<SCRIPT LANGUAGE="Javascript">
var textspan = '';
var texthelp = '';
function show(span,help) {
var textspan = span;
var texthelp = help;
if(document.getElementById){
tabler = document.getElementById("" + span + "");
if(tabler.style.display=="none"){
document.getElementById("" + help +"");
tabler.style.display="";}else{document.getElementById("" + help +"");
tabler.style.display="none";
}
}
}
</script>

Entre <body> :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<BOUCLEn(ARTICLES){id_secteur=2}{par date}{inverse}{0,4}>
  <a href="#" onClick="show('#ID_ARTICLE','#TITRE');return(false)" id="#TITRE">#TITRE</a>
  <br><strong>#SOUSTITRE</strong><br><br>
   </BOUCLEn>
 
   <BOUCLE1(ARTICLES){id_secteur=2}>
   <span id="#ID_ARTICLE" style="display:none">
     <a href="#URL_ARTICLE"><img src="squelettes/design/bouton-articles.png" border="0"></a>
         <span class="titre">#TITRE</span><br><strong>#SOUSTITRE</strong><br><br>#CHAPO</span>
         </BOUCLE1>

Quelqu'un aurai une solution ?

Merci !

**jeje13009** · 06/12/2007, 23h43

slt,

où sont passé textspan et texthelp ??

**!Maqs** · 08/12/2007, 13h15

Bonne question... Comme dis, j'ai chopé le code tout fais sur un site de Javascript et j'y connais rien !

**sachav** · 08/12/2007, 13h23

Pour que tous les autres s'effacent, il faudrait mettre tous les id dans le script comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
document.getElementById("premArticle").style.visibility="hidden";
document.getElementById("secdArticle").style.visibility="hidden";
document.getElementById("troismArticle").style.visibility="hidden";
document.getElementById("quatrmArticle").style.visibility="hidden";
// etc..

**!Maqs** · 08/12/2007, 14h39

C'est là qu'est le problème : je n'ai qu'un seul id avec Spip !

Affichage d'article

JavaScript

Discussions similaires

Partager

Partager