[JS] Petits problemes pour un script

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Kai, 12 Août 2006.

  1. Kai
    Kai Nouveau WRInaute
    Inscrit:
    27 Juillet 2006
    Messages:
    11
    J'aime reçus:
    0
    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 ,
     
  2. petit-ourson
    petit-ourson WRInaute impliqué
    Inscrit:
    31 Mai 2004
    Messages:
    680
    J'aime reçus:
    0
    Java ou javascript ?
     
  3. Kai
    Kai Nouveau WRInaute
    Inscrit:
    27 Juillet 2006
    Messages:
    11
    J'aime reçus:
    0
    Javascript pardon :)

    L'habitude foireuse de cette mauvaise abreviation ^^"

    EDIT : Voila modifié [JS]
     
  4. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 024
    J'aime reçus:
    1
    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>

    Code:
    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.
     
  5. Kai
    Kai Nouveau WRInaute
    Inscrit:
    27 Juillet 2006
    Messages:
    11
    J'aime reçus:
    0
    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
     
  6. Sir Dipp
    Sir Dipp WRInaute impliqué
    Inscrit:
    21 Juillet 2003
    Messages:
    899
    J'aime reçus:
    0
    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+
     
  7. petit-ourson
    petit-ourson WRInaute impliqué
    Inscrit:
    31 Mai 2004
    Messages:
    680
    J'aime reçus:
    0
    Ca serait dommage d'utiliser de l'ajax ici, vu que la liste est déjà constituée au chargement de la page.
     
  8. Kai
    Kai Nouveau WRInaute
    Inscrit:
    27 Juillet 2006
    Messages:
    11
    J'aime reçus:
    0
    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
     
  9. Sir Dipp
    Sir Dipp WRInaute impliqué
    Inscrit:
    21 Juillet 2003
    Messages:
    899
    J'aime reçus:
    0
    En utilisant cette fonction :

    Code:
    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;
    }; 
     
  10. Kai
    Kai Nouveau WRInaute
    Inscrit:
    27 Juillet 2006
    Messages:
    11
    J'aime reçus:
    0
    Merci je teste ca et je vous dis ,
     
Chargement...
Similar Threads - [JS] problemes script Forum Date
[JS] Forcer deux clics sur un input Développement d'un site Web ou d'une appli mobile 15 Mars 2014
[JS] Actualiser options <select> après choix d'un autre <select> Développement d'un site Web ou d'une appli mobile 28 Juin 2012
[JS] Remplacer un "," par un "." dans un INPUT Développement d'un site Web ou d'une appli mobile 8 Mars 2012
[JS] executer la fonction d'une variable Développement d'un site Web ou d'une appli mobile 25 Octobre 2011
[JS] - Un script qui plante uniquement en arrivant depuis google ! Développement d'un site Web ou d'une appli mobile 18 Mars 2011
[JS] Un compte a rebours avec avance rapide - dev Développement d'un site Web ou d'une appli mobile 30 Décembre 2010
[JS] Remplacer des retours à la ligne par des <br /> à la saisie Développement d'un site Web ou d'une appli mobile 14 Novembre 2010
[JS] Masquer / afficher un <div> à la saisie d'un <input> Développement d'un site Web ou d'une appli mobile 2 Novembre 2010
[JS] : empêcher la caractère espace Développement d'un site Web ou d'une appli mobile 7 Janvier 2009
[JS] Inserer un text dans un input ! Développement d'un site Web ou d'une appli mobile 18 Août 2008
[JS] Compatibilité FF/IE - fonction via formulaire Développement d'un site Web ou d'une appli mobile 15 Juillet 2008
[JS] CTRL+C "forcé" au clic Développement d'un site Web ou d'une appli mobile 16 Décembre 2007
[JS][résolu]array is not defined pourtant je l'ai défini Développement d'un site Web ou d'une appli mobile 17 Août 2007
[JS] placer le curseur à la fin d'un champ INPUT Développement d'un site Web ou d'une appli mobile 25 Mai 2007
[JS] window.location.href ou document.location.href ? Administration d'un site Web 12 Mai 2005
problèmes procédures stockées Administration d'un site Web 9 Mars 2022
Problèmes détectés par Semrush Demandes d'avis et de conseils sur vos sites 29 Décembre 2021
Problèmes dans le méta-titre / description + Sitemap Référencement Google 29 Novembre 2021
Search Console Problèmes réguliers d'ergonomie mobile sans modification Problèmes de référencement spécifiques à vos sites 18 Novembre 2021
Problèmes avec OVH. Le café de WebRankInfo 8 Octobre 2021