Jump to content
Sign in to follow this  
Light_at_the_end

Cacher un morceau de tableau

Rate this topic

Recommended Posts

Bonjour à tous

Je travaille en ce moment sur un formulaire (rien de bien exceptionnel)

qui sert à un moteur de recherche

Il est imbriqué à l'intérieur d'un tableau.

Le tableau est composé de 3 grandes parties, (au total 2 colonnes, 5 lignes)

La première partie du haut, sert pour la recherche normale avec mot clé

La deuxième partie sert pour la recherche avancée

La troisième partie contient les boutons nécessaires pour envoyer le formulaire

Voila le système que j'aimerai faire :

On charge la page => La deuxième partie ne s'affiche pas (reste cachée)

Il y a un lien dans la première partie que j'aimerai créé :

Que l'on peut intituler : Recherche avancée

Il consisterait à afficher la deuxième partie dès qu'on clique dessus

SANS recharger la page

voila il me semble qu'il faut utiliser un style 'display:none'

mais étant donné que je suis vraiment newbie en javascript,

si vous pouviez me donner un exemple complet si possible s'il vous plait ca serait gentil

Je vous remercie d'avance

Edited by Light_at_the_end

Share this post


Link to post
Share on other sites

sur l'element onclick de ton lien, tu fait appel a l'une de ces fonctions.

function toggle(monId) {
var monElement = document.getElementById(monId);
if(monElement.style.display == 'none')
 monElement.style.display = 'block';
 else
 monElement.style.display = 'none';
}
function toggleOn(monId) {
var monElement = document.getElementById(monId);
monElement.style.display = 'block';
}
function toggleOff(monId) {
var monElement = document.getElementById(monId);
monElement.style.display = 'none';
}

il faut mettre un id sur la partie a cacher/afficher

Share this post


Link to post
Share on other sites

tu peux utiliser un display:none; mais ce n'est peu etre pas l'idéal dans un tableau, tu peux aussi ajouter le reste en javascript avec la fonction innerhtml (de mémoire).

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...