[JS] Petits problemes pour un script

[Kai]

Salut à tout les WRInautes

Voila une petite question ou plutot une recherche d'un script java , j'ai cherché un peu partout sans vraiment trouvé,

Je vous explique ce que je recherche ,

Je recherchais un script qui au .onclick sur une image permette de changer l'affichage d'un bloc ,

Je m'explique mon systeme de news est classé en plusieurs catégories (comme beaucoup)

L'effet que je souhaite donner est le suivant :

Tout - CATEGORIE 1 - CATEGORIE 2

Ainsi en cliquant par exemple sur catégorie 1 , seules les news de cette catégories s'affichent donc ,

De plus il faut melanger coté client et coté serveur ensemble , pour attribuer à chaque catégorie un affichage précis , je vais essayer de trouver un exemple, mais ce genre de script existe t'il ?

Merci de votre aide ,

 

[petit-ourson]

Java ou javascript ?

 

[Kai]

Javascript pardon

L'habitude foireuse de cette mauvaise abreviation ^^"

EDIT : Voila modifié [JS]

 

[zeb]

soit une div qui contient ta categorie et l'image qui permet le click (expand pour voir collapse pour refermer)

<img src="expand.gif" alt="" onclick="swap('cat1','imm_1');" id="imm_1"/>
<div class="cat1" id="cat1">bla bla bla</div>

function swap(node,image){
      if(document.getElementById(node).style.display == "none"){
       document.getElementById(node).style.display = "";
      document.getElementById(image).src="collapse.gif";
      }else{
       document.getElementById(node).style.display = "none";
       document.getElementById(image).src="expand.gif";
      }

Je sais pas si ça repond bien a ton attente ...

exemple visible ici : http://qui.quen.grogne.free.fr/annuaire/ (dans l'arbo de l'annuaire)

tout se passe côté client.

 

[Kai]

Merci pour ces réponses je vais tester ca ,

Sinon j'ai trouvé par hasard l'effet souhaité ici :

http://www.meetyourmakers.com/

Regardez tout en haut au niveau de Scene News , avec ALL | CS | WC |SC

 

[Sir Dipp]

Salut,

Pour cette effet tu as deux solutions, soit tu crées plusieurs div avec les news triées par différentes catégories et en JavaScript tu affiches ou cache les divs selon la sélection.

Sinon tu utilises AJAX.

A+

 

[petit-ourson]

Ca serait dommage d'utiliser de l'ajax ici, vu que la liste est déjà constituée au chargement de la page.

 

[Kai]

Merci à tous j'ai finalement compris le systeme je ferais surement un script pour tous ,

Maintenant j'ai un autre probleme JS (décidemment c'est prise de tete le JS)

http://www.thewatchmakerproject.com/jou ... the-oo-way


Voila ma demande ,

comment adapter ce code pour qu'il GET le ClassName au lieu du ID

voila merci

 

[Sir Dipp]

En utilisant cette fonction :

document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
};

 

[Kai]

Merci je teste ca et je vous dis ,