Bonjour à tous !
Voilà, je débute dans le DHTML/Javascript et j'ai quelques soucis.
J'ai, dans une page web, plusieurs catégories, et pour chaque catégorie un bouton "Afficher les options" associé.
Lorsque je clique sur ce bouton, j'ai un "mini-formulaire" qui s'affiche. Voilà comment je m'y prends:
<table align="left" border="0" valign="bottom">
<input name="bouton_header" type="button" onclick="ajoute_ligne('header')" value="VOIR LES OPTIONS";>
<tbody id="header"> </tbody>
</table>
<script>
function creeLigne(emplacement)
{
elem = document.createElement("tr");
elem.id = "lig" + numchamp;
return emplacement.appendChild(elem);
}
function creeCellule(ligne)
{
elem = document.createElement("td");
return ligne.appendChild(elem);
}
function creeInput(cellule,partie)
{
ligne = "<font face='Verdana' size='1'>Couleur du fond:<input size='6' type='text' name='couleur_fond_header' style='font-size:10; font-face:verdana;'><br>";
ligne = ligne + "<font face='verdana' size='1'>Police de caractères:";
ligne = ligne + "<select name='police_header' style='font-size:10; font-face:verdana;'>";
ligne = ligne + "<option>Verdana</option>";
ligne = ligne + "<option>Arial</option>";
ligne = ligne + "<option>Times New Roman</option>";
ligne = ligne + "<option>Courrier</option>";
ligne = ligne + "</select><br>";
ligne = ligne + "Taille de la police:<input size='6' type='text' name='taille_police_header' style='font-size:10; font-face:verdana;'><br>";
ligne = ligne + "Gras<input type='checkbox' name='gras_police_header' value='1'><br>";
ligne = ligne + "Italique<input type='checkbox' name='italique_police_header' value='1'><br>";
ligne = ligne + "Souligne<input type='checkbox' name='souligne_police_header' value='1'><br>";
cellule.innerHTML = ligne;
}
function ajoute_ligne(partie)
{
if ((partie == "header") && (css.bouton_header.value == "VOIR LES OPTIONS"))
{
css.bouton_header.value = "CACHER LES OPTIONS";
var emplacement = document.getElementById(partie);
var ligne = creeLigne(emplacement);
var cellule = creeCellule(ligne);
creeInput(cellule,partie);
return true;
}
if ((partie == "header") && (css.bouton_header.value == "CACHER LES OPTIONS"))
{
ICI EST MON PROBLEME :D }
}
Donc l'affichae de ces options fonctionne parfaitement. Lorsque le bouton "Afficher les options" est cliqué, le texte de celui ci est changé en "Cacher les options". Et je voudrais donc, en cliquant sur ce "nouveau" bouton, faire disparaitre les optiond préalablement affichées..
Est ce possible ? Comment ?
Merci bcp pour votre aide, parceque je tourne en rond depuis un moment !
Bye