javascript [FBJS] dans les pages/onglets facebook

Question

Je veux simplement certaines fonctionnalités tabulé sur une application Facebook (entreprises) onglets

J'ai quelques HTML de base et JS [FBJS], cela ne semble pas fonctionner I Je n'ai aucune idée de ce qui ne va pas.

<div id="foo">foo div</div> 


<script><!-- 
function changeText(evt){ 
    evt.target.style.display = "none"; 
} 

var foo = document.getElementById('foo'); 
foo.addEventListener('click',changeText); 
//--> </script> 

Que manque-t-il?

Answer 1

Cela fonctionne pour moi dans Chrome. Quel navigateur utilisez-vous? Etes-vous sûr que la page que vous incorporez ce code ne contient pas un autre élément avec l'identifiant "foo"?

Answer 2

Facebook modifie réellement l'environnement JavaScript et DOM dans lequel vos scripts s'exécutent lorsque vous les exécutez sur Facebook. FBJS (Facebook JavaScript) met en place plusieurs wrappers autour de choses comme les événements et les éléments DOM. Cela signifie que des choses comme DOM_Element.style.some_attribute ne fonctionneront pas. Si vous voulez obtenir ou définir les styles d'un élément, vous devrez utiliser DOM_Element.getStyle() et DOM_Element.setStyle() à la place.

fonctionnent comme des événements du W3C: Précise

De la documentation:

//add event listener to 'foo' div (mouseover & mouseout) 
document.getElementById('foo').addEventListener('mouseover',myEventHandler); 
document.getElementById('foo').addEventListener('mouseout',myEventHandler);