Aller au contenu

Sujets conseillés

Posté (modifié)

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
Posté

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

Posté

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).

Veuillez vous connecter pour commenter

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



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