Discussion :

[aztec]

bonjour,
j'ai une fonction javascript qui affiche une table lorsque l'on clique sur un bouton

<div id="button_addtitles" onclick="show_titles(numero,'login')">Afficher les titres</div>

l'affichage de la table se passe tr�s bien, et je supprime alors ce bouton afficher pour mettre un bouton "Masquer les titres" mon div devient donc

<div id="button_close_titles" onclick="close_titles(numero)">Masquer les titres</div>

le probl�me c'est que lorsqu'on cliquer sur "masquer les titres" plus rien ne se passe

voici le d�tail de la fonction pour masquer les titres : close_titles(num)

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
function close_titles(num)
{
	alert("ça fonctionne à ce niveau");
	tbody_titles = "tbody"+num;
             var eltn = document.getElementById(tbody_titles);
             while(eltn.hasChildNodes())
             eltn.removeChild(eltn.firstChild);
}

j'ai mis un "alert" pour voir si cette fonction javascript s'ex�cutait bien, mais d�j� il ne m'affiche m�me pas le message d'alerte javascript, donc j'imagine que la suite ne peut pas s'ex�cuter

quelqu'un a une id�e ? je me casse la tete la-dessus depuis plusieurs jours ?

j'utilise Firefox

Merci si quelqu'un peut m'aider

[NoSmoking]

Bonjour,
il ne suffit d'�crire onclick="..." pour qu'il soit pris en compte...
Montres nous comment tu cr�es ton nouveau bouton.

Mais plut�t que de supprimer et cr�er un bouton diff�rent pourquoi ne pas masquer/afficher suivant le cas avec la propri�t� display du style de l'objet...

[sekaijin]

comme le dit NoSmoking
utilise un display block ou non pour montrer ou cacher test titres c'est beaucoup moins co�teux que de cr�er supprimer.

en suite sur ton tableau tu mets les titres dans un thead
et non dans le tbody
ainsi il te suffit de changer la classe du thead pour montrer cacher les titres

et c'est plus conforme HTML

je pense que ton pb vient de la variable

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<div id="button_close_titles" onclick="close_titles(numero)">Masquer les titres</div>

ce code est �quivalent � ceci

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<div id="button_close_titles" >Masquer les titres</div>

et

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
document.getElementById('').onclick=function () {
   close_titles(numero);
}

lorsque tu mets onclick dans ta balise le navigateur cr�� un fonction anonyme comme le code ci dessus

lorsque tu clique sur ton bouton c'est cette fonction qui est invoqu�e
tu vois donc que cette fonction en s'ex�cutant va tomb� sur la ligne

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

   close_titles(numero);

l'interpr�te javascript �value la variable numero si celle-ci n'existe pas l'interpr�te l�ve une exception et arr�te l'ex�cution de la fonction anonyme.
la fonction close_titles n'est pas appel�e

A+JYT

[Bovino]

l'interpr�te javascript �value la variable numero si celle-ci n'existe pas l'interpr�te l�ve une exception et arr�te l'ex�cution de la fonction anonyme.

A noter que ce n'est pas le cas pour les propri�t�s d'objets non d�finies

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
alert(window.toto);    // => 'undefined'
alert(toto);    // Erreur levée et script stoppé

[aztec]

merci pour vos �l�ments de r�ponse ; je vais retester tout cela et surtout essayer d'utiliser les display block qui effectivement seront plus simples

[aztec]

je rebondis sur le commentaire de sekaijin car je veux quand m�me r�ussir � programmer jusqu'au bout en suppression/creation pour voir si je peux faire fonctionner une fonction en dynamique

j'ai v�rifi� avec Firebug que logiquement au moment ou il est cens� executer ma variable close_titles(numero), la variable numero existe bien, mais peut-�tre dois-je indiquer window.numero � la place de num�ro ?


je vous ai indiqu� ci-dessous le code exact de mes deux fonctions show_titles et close_titles

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
function show_titles(num_alb,log_session)
{
 if (num_alb!=0) {
 var tablesel_titles = get_select_xml('media_disco_titles','numero','Num_album',num_alb);
 text_div_show_titles = "show_titles"+num_alb;
 var div_show_titles = document.getElementById(text_div_show_titles);
 
 if (tablesel_titles!=0){
    div_show_titles.appendChild(CreateTableArraySimple(tablesel_titles,num_alb,log_session));
    text_button_add_titles = "button_add_titles"+num_alb;
    var elt = document.getElementById(text_button_add_titles);
    elt.parentNode.removeChild(elt);
 
    var button_close_titles = document.createElement('div');
    text_button_close_titles = "button_close_titles"+num_alb;
    button_close_titles.setAttribute("id",text_button_close_titles);
	button_close_titles.setAttribute("title","Cliquez pour masquer");
	text_parametres = "close_s_titles(" + num_alb + ")";
    button_close_titles.setAttribute("onclick",text_parametres); // pour firefox
    button_close_titles.onclick=text_parametres; // pour IE
	button_close_titles.setAttribute("style","cursor:pointer;");   
    text_parent_button_add_titles = "parent_button_add_titles"+num_alb;
    var parent_button_add_titles = document.getElementById(text_parent_button_add_titles);
    var text_masquer_titles = document.createTextNode("Masquer les titres");
    button_close_titles.appendChild(text_masquer_titles);
    parent_button_add_titles.appendChild(button_close_titles);
 }
  else {alert("Aucun titre saisi pour cet album!");}
 }

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
function close_s_titles(num_alb)
{
	tbody_titles = "tbody"+num_alb;
    var eltn = document.getElementById(tbody_titles);
    while(eltn.hasChildNodes())
    eltn.removeChild(eltn.firstChild);
    }