Почему этот пример XBL не работает? - PullRequest
Новая
       30

Почему этот пример XBL не работает?

2 голосов
/ 10 сентября 2010

Этот пример взят из этой страницы Mozilla .

main.xul 

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="main.css" type="text/css"?>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

    <box id="num" class="labeledbutton" title="Number of Things:" value="52"/>

    <button label="Show" oncommand="document.getElementById('num').showTitle(true)"/>
    <button label="Hide" oncommand="document.getElementById('num').showTitle(false)"/>
</window>

main.css 

box.okcancelbuttons {
    -moz-binding: url('main.xml#labeledbutton');
}

main.xml 

<?xml version="1.0"?>
<binding id="labeledbutton">
  <content>
    <xul:label xbl:inherits="value=title"/>
    <xul:label xbl:inherits="value"/>
  </content>
  <implementation>
    <method name="showTitle">
      <parameter name="state"/>
      <body>
        if (state) document.getAnonymousNodes(this)[0].
          setAttribute("style","visibility: visible");
        else document.getAnonymousNodes(this)[0].
          setAttribute("style","visibility: collapse");
      </body>
    </method>
  </implementation>
</binding>

Почему при нажатии кнопки не отображается окно?

Ответы [ 2 ]

5 голосов
/ 01 марта 2011

Просто попробуйте

XUL (main.xul) 

<box id="num" class="labeledbutton" title="Number of Things:" value="52"/>

<button label="Show" oncommand="document.getElementById('num').showTitle(true)"/>
<button label="Hide" oncommand="document.getElementById('num').showTitle(false)"/>

CSS (main.css) 

box.okcancelbuttons {
    -moz-binding: url('main.xbl#labeledbutton');
}

XBL (main.xbl) 

<?xml version="1.0"?>
<bindings xmlns="http://www.mozilla.org/xbl"
          xmlns:xbl="http://www.mozilla.org/xbl"
          xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 <binding id="labeledbutton">
  <content>
    <xul:label xbl:inherits="value=title"/>
    <xul:label xbl:inherits="value"/>
  </content>
  <implementation>
    <method name="showTitle">
      <parameter name="state"/>
      <body>
        if (state) document.getAnonymousNodes(this)[0].
          setAttribute("style","visibility: visible");
        else document.getAnonymousNodes(this)[0].
          setAttribute("style","visibility: collapse");
      </body>
    </method>
  </implementation>
 </binding>
</bindings>
4 голосов
/ 12 сентября 2010

Есть несколько проблем:

Прежде всего в main.css вы определяете класс okcancelbuttons, а в main.xul вы ссылаетесь на класс labeledbutton.Класс может называться так же, как и привязка.

Во-вторых, main.xml просто не является допустимым xml (самый простой способ проверить это загрузить его в firefox, и он выдаст ошибки).Ему нужны атрибуты xmlns для каждого пространства имен, которое вы используете.В этом случае «основное» пространство имен, xbl и xul.Они должны быть определены в отсутствующем элементе <bindings> вокруг элемента <binding>.

В итоге все будет так:

main.xml 

<?xml version="1.0"?>
<bindings xmlns="http://www.mozilla.org/xbl"
          xmlns:xbl="http://www.mozilla.org/xbl"
          xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 <binding id="labeledbutton">
  <content>
    <xul:label xbl:inherits="value=title"/>
    <xul:label xbl:inherits="value"/>
  </content>
  <implementation>
    <method name="showTitle">
      <parameter name="state"/>
      <body>
        if (state) document.getAnonymousNodes(this)[0].
          setAttribute("style","visibility: visible");
        else document.getAnonymousNodes(this)[0].
          setAttribute("style","visibility: collapse");
      </body>
    </method>
  </implementation>
 </binding>
</bindings>
...