Aller au contenu

Cacher un morceau de tableau


Light_at_the_end

Sujets conseillés

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

Modifié par Light_at_the_end
Lien vers le commentaire
Partager sur d’autres 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

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...