Images désactivées lors du remplissage des données

Question

function a()
{
   var r1 = '<div id="title_t" style="display:inline;font-size:150%;color:white;" > </div><div name="btbar" id="bottom_bar" style="position: absolute; margin-left: auto;margin-right:auto;;">' ;
   r1 = r1 + '&nbsp&nbsp<img  src="first.png" " />';
   r1 = r1 + '&nbsp&nbsp<img  src="prev.png"  />';
   r1= r1 +  '<label id="cnt"></label>' ;
   r1= r1 + '<img  alt="Next" src="nxt.png" ' ;
   r1= r1 + '<img  alt="Last" src="nt.png/>" ' ;
   r1= r1 + '<img src="stop.png/>"' ;
   r1= r1 + '</div><div style="width: 50%;"><img  style="margin-right:1cm;" src="hi.gif" title="hi" onclick="hi();" /></div>'
}

function b()
{
  var details=name;
  $("#cnt").html(name) ;
}

a();
b();

Dans le code ci-dessus, lorsque les détails de l'étiquette (id=cnt) sont remplis, les boutons next.png, nt.png et stop.png sont désactivés dans Firefox.

Merci..

Answer 1

Ce ne sont pas des boutons, ce sont des images. S'ils sont cliquables parce que vous leur avez associé des gestionnaires d'événements, ces gestionnaires sont bien sûr perdus lorsque vous rechargez le DOM. Essayez d'utiliser la fonction jQuery live() pour lier vos gestionnaires. (Je ne fais que deviner le problème, car votre code d'exemple comporte des erreurs qui, je le suppose, proviennent de la transcription, et votre description du problème est vraiment vague).

Answer 2

Eh bien, comme l'a mentionné Pointy, il y a un tas de fautes de frappe dans la fonction a() pour commencer. Je ne suis même pas sûr que l'on puisse définir une marge en centimètres. De plus, les éléments img devraient toujours avoir un attribut alt, et où est alimentée la variable name à laquelle vous assignez des détails ?

En tout cas, voici la fonction a avec les corrections :

function a()
{
   var r1 = '<div id="title_t" style="display:inline;font-size:150%;color:white;" > </div><div name="btbar" id="bottom_bar" style="position: absolute; margin-left: auto;margin-right:auto;">';
   r1 = r1 + '&nbsp;&nbsp;<img src="first.png" />';
   r1 = r1 + '&nbsp;&nbsp;<img src="prev.png"  />';
   r1= r1 +  '<label id="cnt"></label>' ;
   r1= r1 + '<img alt="Next" src="nxt.png" />';
   r1= r1 + '<img alt="Last" src="nt.png" />';
   r1= r1 + '<img alt="Stop" src="stop.png" />';
   r1= r1 + '</div><div style="width: 50%;"><img style="margin-right:1px;" src="hi.gif" title="hi" onclick="hi();" alt="hi" /></div>'
}