Qu'es-ce que c'est ? :O

Le mieux est toujours pour toi d'aller voir directement le code de cette fameuse fonction "updateFilter()"

Pour modifier le contenu d'un élément, il te suffit de modifier sa propriété innerHTML.

<div id="content"></div>

var content = document.getElementById('content');
content.innerHTML = "Nouveau contenu";
content.innerHTML += "<br />Contenu additionnel"
content.innerHTML = ""; // Clear sur ton élément

Ha ok je croyais que c'était un truc par defaut moi ^^

donc je l ai recherché et:

function updatefilter(obj){

      filterID = obj.name ; 
      filterString = masterFilterString ; 
      
      arrOptions = filterString.split("&") ; 
      found=0 ; 
      i=0;
      if (arrOptions.length>1) { 
        while ((i < arrOptions.length )&& (found==0))  {
          arrSubOptions = arrOptions[i].split("=") ; 
          if (arrSubOptions[0] == filterID){
              found=1 ; 
              i=i-1 ; 
          }
          i = i+1 ; 
        }
      } else (
        i=i+1
      )
      
      if (filterID.search("_")>0) {
        tmpArrayBis = settingsjson.chart ;
      } else tmpArrayBis = settingsjson.params ;
      
      // check the field value in the settings and update it if necessary
      var idxof = tmpArrayBis.detectIndex(function(node, idx) {
                    return node.name == filterID;
      });
      
      switch(obj.type) 
       { 
       case "checkbox":  
        if (obj.checked) { 

          
          if (idxof>=0)   { 
            tmpArrayBis[idxof].checked = "yes"  ;  
            if (( tmpArrayBis[idxof].dbfilter)  == "yes") arrOptions[i]=filterID+"=yes";
          } else  arrOptions[i]=filterID+"=yes";   
      
        }
        else {
          //alert ("box is  NOT checked and Idx="+ idxof + "filterID=" + filterID + " I="+i);
        
          if (idxof>=0)  {
             tmpArrayBis[idxof].checked = "no"  ; 
             if (( tmpArrayBis[idxof].dbfilter)  == "yes") arrOptions[i]=filterID+"=no";
             } else  arrOptions[i]=filterID+"=no"; 
        }
        
       break;
       
      case "radio":  
        if (obj.checked) arrOptions[i]=filterID+"="+obj.value ;
        tmpArrayBis[idxof].value =obj.value ;
      
       break;
      } 
   
      /*
        if (document.getElementById(filterID).checked) {
            arrOptions[i]=filterID+"=yes" ;
        }
        else arrOptions[i]=filterID+"=no" ;
      */
      //}
    
      filterString = ""; 
      for(var i = 0;i < arrOptions.length-1;i++) {
      filterString +=arrOptions[i]+"&" ;
      }
      filterString+=trim(arrOptions[arrOptions.length-1]) ; 
    
      //alert (filterString);
      document.getElementById("filterurl").innerHTML = filterString ;
      masterFilterString = filterString ; 
      //DisplayJsonTable ( settingsjson.chart); 
      
}

ca reste plutot complexe O_O[/i][/i][/i][/i][/i][/i][/i][/i][/i]
Modifié par InfoGeo (02 Feb 2012 - 13:25)

Bonjour,

Ce type de fonctionnement se réalise avec une utilisation spécifique du JavaScript : l'AJAX.

La selection de filtre par l'utilisateur lance une action JS qui ca consulter un language serveur (généralement PHP) pour demander les nouvelles données puis les afficher.
Modifié par Laurie-Anne (02 Feb 2012 - 13:26)

Merci pour ta réponse laurie-Anne mais je le sais déjà, j'ai d ailleur poster un autre poste avec un petit exemple pour comprendre les bases de l ajax

Ok mec merci d'avoir pris du temps pour m aider =)

Donc:

<input type="radio" onclick="javascript:updatefilter(this)" id="set_channeltype_nx1" name="channeltype" value="nx1"/>Nexitira<br/>

 <input type="checkbox" checked="" onclick="javascript:updatefilter(this)" id="set_nolab" name="nolab" value="a"/>Exclude Lab/demo <br/>

C'est de l'ajax ?

C'est du javascript qui appelle une fonction exécutée sans rechargement...

Donc oui, c'est de l'ajax

Bonjour,

Ça va être chaud d'arriver à ce genre de résultat avec des connaissances en JavaScript encore balbutiantes (sauf erreur de ma part). Quelques repères de ce que ce genre d'interactivité implique (je n'ai pas saisi exactement ce que tu as besoin de faire alors je tape un peu large):

1. Récupérer des contenus ou des données pas déjà présents dans la page ou dans les scripts chargés avec la page: il faut effectivement faire une requête HTTP asynchrone avec XHR (technique communément appelée «Ajax»). De bonnes notions de JavaScript et de HTTP sont recommandées. Bien sûr ça demande aussi un développement côté serveur si la requête HTTP va interroger un script qui doit par exemple interroger une base de données.

2. Utiliser des données soit déjà présentes dans la page (élément dans le DOM mais masqué visuellement, valeurs d'attributs HTML présents dans le DOM tels que des data-attributes, variable JavaScript associées à des chaines de caractères ou tableaux ou objets), soit récupérés en XHR: ça va demander d'utiliser JavaScript pour manipuler le DOM de la page. Une bonne connaissance de l'API DOM est recommandée. On peut éventuellement utiliser une librairie JS qui fournit des fonctions utilitaires pour manipuler le DOM.

3. Générer côté client des graphiques de visualisation de données, que ce soit avec un composant Flash (proposant une API JavaScript) ou en SVG (pas mal de liens intéressants vers des librairies qui vont bien): il faut un minimum d'aisance en JavaScript, choisir un bon outil (librairie de création de graphiques), et bien potasser la documentation et l'API de l'outil retenu.

Voilà pour des repères.

Ça demande des compétences au minimum d'intégrateur web, et si les besoins sont complexes ça peut même faire appel à une spécialité développeur JavaScript front-end. À noter qu'intégrateur web et développeur JS front-end sont deux métiers à part entière (avec des points communs), donc si tes besoins sont élevés j'espère que tu en alternance justement pour te former à ce type de spécialité. (Autrement, il faudra faire appel à un spécialiste au sein de la boite ou en externe.)

InfoGeo a écrit :
Donc: <input onclick="javascript:updatefilter(this)" /> c'est de l'ajax ?

Non, c'est un élément HTML auquel on attribue un gestionnaire d'évènement via l'attribut onclick. Au clic, on va appeler la fonction updatefilter en lui passant comme paramètre une référence à l'élément du DOM qui a été cliqué (ici le bouton radio). Ça ne nous dit pas ce que fait cette fonction updatefilter, si elle fait des requêtes XHR ou pas, si elle tue des bébés phoques ou force des enfants innocents à subir, à leurs petits corps purs défendants, des choses traumatisantes telles qu'assister à un co-plateau Casimir/Chantal Goya.

Mais je vois que tu as aussi posté la fonction en question. Alors j'ai pas tout épluché, mais à vue de nez non, pas de requête Ajax.