3 Replies Latest reply on Feb 11, 2008 2:51 PM by Vanja Petreski

    Support for XHTML?

    Vanja Petreski Newbie

      Hi,

      is there any way to support XHTML (Transitional at least) standard?

      This code:

      <ui:composition xmlns="http://www.w3.org/1999/xhtml"
       xmlns:ui="http://java.sun.com/jsf/facelets"
       xmlns:h="http://java.sun.com/jsf/html"
       xmlns:f="http://java.sun.com/jsf/core"
       xmlns:a4j="http://richfaces.org/a4j"
       xmlns:rich="http://richfaces.org/rich">
      
      <h:form>
       <rich:toolBar>
       <rich:dropDownMenu value="Automobili">
       <rich:menuItem value="Ponuda" action="autoponuda" />
       <rich:menuItem value="Uporedni prikaz" action="autouporedni" />
       <rich:menuItem value="Narucivanje vozila" action="autonarudzbenica" />
       <rich:menuItem value="Trange frange" action="autotrangefrange" />
       </rich:dropDownMenu>
       <rich:dropDownMenu value="Motori">
       <rich:menuItem value="Ponuda" action="motoriponuda" />
       <rich:menuItem value="Uporedni prikaz" action="motoriuporedni" />
       </rich:dropDownMenu>
       <rich:dropDownMenu value="Ostalo">
       <rich:menuItem value="Pocetna" action="main" />
       <rich:menuItem value="O nama" action="onama" />
       <rich:menuItem value="Kredit" action="kredit" />
       </rich:dropDownMenu>
       </rich:toolBar>
       </h:form>
      
      </ui:composition>
      


      generates this html:

      <form id="j_id7" name="j_id7" method="post" action="/autozoki/main.jsf" enctype="application/x-www-form-urlencoded">
      <input type="hidden" name="j_id7" value="j_id7" />
      <table border="0" cellpadding="0" cellspacing="0" class="dr-toolbar-ext rich-toolbar " id="j_id7:j_id8" width="100%"><tr valign="middle"><td class="dr-toolbar-int rich-toolbar-item "><div class=" dr-menu-label dr-menu-label-unselect rich-ddmenu-label rich-ddmenu-label-unselect" id="j_id7:j_id9"><span class="dr-label-text-decor rich-label-text-decor">Automobili</span><div style="margin: 0px; padding: 0px; border: 0px; position: relative; z-index: 100;"><div id="j_id7:j_id9_menu" class="dr-menu-list-border rich-menu-list-border" style="visibility: hidden; z-index: 2; "><div class="dr-menu-list-bg rich-menu-list-bg"><div class="dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled " id="j_id7:j_id10" onclick="; {var form = A4J.findForm(this);var params = new Object();params['j_id7:j_id10:hidden'] = 'j_id7:j_id10';Richfaces.jsFormSubmit('j_id7:j_id10',form.id,'',params);}; return false;; Event.stop(event);" onmouseup="Event.stop(event); "><span class="dr-menu-icon rich-menu-item-icon " id="j_id7:j_id10:icon"><img height="16" src="/autozoki/a4j_3_1_4.GAimages/spacer.gif.jsf" width="16" /></span><span class="rich-menu-item-label" id="j_id7:j_id10:anchor">Ponuda</span></div><div class="dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled " id="j_id7:j_id11" onclick="; {var form = A4J.findForm(this);var params = new Object();params['j_id7:j_id11:hidden'] = 'j_id7:j_id11';Richfaces.jsFormSubmit('j_id7:j_id11',form.id,'',params);}; return false;; Event.stop(event);" onmouseup="Event.stop(event); "><span class="dr-menu-icon rich-menu-item-icon " id="j_id7:j_id11:icon"><img height="16" src="/autozoki/a4j_3_1_4.GAimages/spacer.gif.jsf" width="16" /></span><span class="rich-menu-item-label" id="j_id7:j_id11:anchor">Uporedni prikaz</span></div><div class="dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled " id="j_id7:j_id12" onclick="; {var form = A4J.findForm(this);var params = new Object();params['j_id7:j_id12:hidden'] = 'j_id7:j_id12';Richfaces.jsFormSubmit('j_id7:j_id12',form.id,'',params);}; return false;; Event.stop(event);" onmouseup="Event.stop(event); "><span class="dr-menu-icon rich-menu-item-icon " id="j_id7:j_id12:icon"><img height="16" src="/autozoki/a4j_3_1_4.GAimages/spacer.gif.jsf" width="16" /></span><span class="rich-menu-item-label" id="j_id7:j_id12:anchor">Narucivanje vozila</span></div><div class="dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled " id="j_id7:j_id13" onclick="; {var form = A4J.findForm(this);var params = new Object();params['j_id7:j_id13:hidden'] = 'j_id7:j_id13';Richfaces.jsFormSubmit('j_id7:j_id13',form.id,'',params);}; return false;; Event.stop(event);" onmouseup="Event.stop(event); "><span class="dr-menu-icon rich-menu-item-icon " id="j_id7:j_id13:icon"><img height="16" src="/autozoki/a4j_3_1_4.GAimages/spacer.gif.jsf" width="16" /></span><span class="rich-menu-item-label" id="j_id7:j_id13:anchor">Trange frange</span></div><div class="dr-menu-list-strut rich-menu-list-strut"><div class="dr-menu-list-strut rich-menu-list-strut" width="1" height="1" style=""> </div></div></div></div><script id="j_id7:j_id9_menu_script" type="text/javascript">
      //<![CDATA[
      new RichFaces.Menu.Layer('j_id7:j_id9_menu',50,800).asDropDown('j_id7:j_id9','onmouseover','onmouseout',{'onitemselect':function(event){;return true;},'oncollapse':function(event){;return true;},'horizontalOffset':0,'verticalOffset':0,'direction':'auto','onexpand':function(event){;return true;},'ongroupactivate':function(event){;return true;},'disabled':false,'jointPoint':'auto'} ).addItem('j_id7:j_id10',{'flagGroup':0,'closeOnClick':1,'disabled':false} ).addItem('j_id7:j_id11',{'flagGroup':0,'closeOnClick':1,'disabled':false} ).addItem('j_id7:j_id12',{'flagGroup':0,'closeOnClick':1,'disabled':false} ).addItem('j_id7:j_id13',{'flagGroup':0,'closeOnClick':1,'disabled':false} );
      //]]>
      </script></div></div></td><td class="dr-toolbar-int rich-toolbar-item "><div class=" dr-menu-label dr-menu-label-unselect rich-ddmenu-label rich-ddmenu-label-unselect" id="j_id7:j_id14"><span class="dr-label-text-decor rich-label-text-decor">Motori</span><div style="margin: 0px; padding: 0px; border: 0px; position: relative; z-index: 100;"><div id="j_id7:j_id14_menu" class="dr-menu-list-border rich-menu-list-border" style="visibility: hidden; z-index: 2; "><div class="dr-menu-list-bg rich-menu-list-bg"><div class="dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled " id="j_id7:j_id15" onclick="; {var form = A4J.findForm(this);var params = new Object();params['j_id7:j_id15:hidden'] = 'j_id7:j_id15';Richfaces.jsFormSubmit('j_id7:j_id15',form.id,'',params);}; return false;; Event.stop(event);" onmouseup="Event.stop(event); "><span class="dr-menu-icon rich-menu-item-icon " id="j_id7:j_id15:icon"><img height="16" src="/autozoki/a4j_3_1_4.GAimages/spacer.gif.jsf" width="16" /></span><span class="rich-menu-item-label" id="j_id7:j_id15:anchor">Ponuda</span></div><div class="dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled " id="j_id7:j_id16" onclick="; {var form = A4J.findForm(this);var params = new Object();params['j_id7:j_id16:hidden'] = 'j_id7:j_id16';Richfaces.jsFormSubmit('j_id7:j_id16',form.id,'',params);}; return false;; Event.stop(event);" onmouseup="Event.stop(event); "><span class="dr-menu-icon rich-menu-item-icon " id="j_id7:j_id16:icon"><img height="16" src="/autozoki/a4j_3_1_4.GAimages/spacer.gif.jsf" width="16" /></span><span class="rich-menu-item-label" id="j_id7:j_id16:anchor">Uporedni prikaz</span></div><div class="dr-menu-list-strut rich-menu-list-strut"><div class="dr-menu-list-strut rich-menu-list-strut" width="1" height="1" style=""> </div></div></div></div><script id="j_id7:j_id14_menu_script" type="text/javascript">
      //<![CDATA[
      new RichFaces.Menu.Layer('j_id7:j_id14_menu',50,800).asDropDown('j_id7:j_id14','onmouseover','onmouseout',{'onitemselect':function(event){;return true;},'oncollapse':function(event){;return true;},'horizontalOffset':0,'verticalOffset':0,'direction':'auto','onexpand':function(event){;return true;},'ongroupactivate':function(event){;return true;},'disabled':false,'jointPoint':'auto'} ).addItem('j_id7:j_id15',{'flagGroup':0,'closeOnClick':1,'disabled':false} ).addItem('j_id7:j_id16',{'flagGroup':0,'closeOnClick':1,'disabled':false} );
      //]]>
      </script></div></div></td><td class="dr-toolbar-int rich-toolbar-item "><div class=" dr-menu-label dr-menu-label-unselect rich-ddmenu-label rich-ddmenu-label-unselect" id="j_id7:j_id17"><span class="dr-label-text-decor rich-label-text-decor">Ostalo</span><div style="margin: 0px; padding: 0px; border: 0px; position: relative; z-index: 100;"><div id="j_id7:j_id17_menu" class="dr-menu-list-border rich-menu-list-border" style="visibility: hidden; z-index: 2; "><div class="dr-menu-list-bg rich-menu-list-bg"><div class="dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled " id="j_id7:j_id18" onclick="; {var form = A4J.findForm(this);var params = new Object();params['j_id7:j_id18:hidden'] = 'j_id7:j_id18';Richfaces.jsFormSubmit('j_id7:j_id18',form.id,'',params);}; return false;; Event.stop(event);" onmouseup="Event.stop(event); "><span class="dr-menu-icon rich-menu-item-icon " id="j_id7:j_id18:icon"><img height="16" src="/autozoki/a4j_3_1_4.GAimages/spacer.gif.jsf" width="16" /></span><span class="rich-menu-item-label" id="j_id7:j_id18:anchor">Pocetna</span></div><div class="dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled " id="j_id7:j_id19" onclick="; {var form = A4J.findForm(this);var params = new Object();params['j_id7:j_id19:hidden'] = 'j_id7:j_id19';Richfaces.jsFormSubmit('j_id7:j_id19',form.id,'',params);}; return false;; Event.stop(event);" onmouseup="Event.stop(event); "><span class="dr-menu-icon rich-menu-item-icon " id="j_id7:j_id19:icon"><img height="16" src="/autozoki/a4j_3_1_4.GAimages/spacer.gif.jsf" width="16" /></span><span class="rich-menu-item-label" id="j_id7:j_id19:anchor">O nama</span></div><div class="dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled " id="j_id7:j_id20" onclick="; {var form = A4J.findForm(this);var params = new Object();params['j_id7:j_id20:hidden'] = 'j_id7:j_id20';Richfaces.jsFormSubmit('j_id7:j_id20',form.id,'',params);}; return false;; Event.stop(event);" onmouseup="Event.stop(event); "><span class="dr-menu-icon rich-menu-item-icon " id="j_id7:j_id20:icon"><img height="16" src="/autozoki/a4j_3_1_4.GAimages/spacer.gif.jsf" width="16" /></span><span class="rich-menu-item-label" id="j_id7:j_id20:anchor">Kredit</span></div><div class="dr-menu-list-strut rich-menu-list-strut"><div class="dr-menu-list-strut rich-menu-list-strut" width="1" height="1" style=""> </div></div></div></div><script id="j_id7:j_id17_menu_script" type="text/javascript">
      //<![CDATA[
      new RichFaces.Menu.Layer('j_id7:j_id17_menu',50,800).asDropDown('j_id7:j_id17','onmouseover','onmouseout',{'onitemselect':function(event){;return true;},'oncollapse':function(event){;return true;},'horizontalOffset':0,'verticalOffset':0,'direction':'auto','onexpand':function(event){;return true;},'ongroupactivate':function(event){;return true;},'disabled':false,'jointPoint':'auto'} ).addItem('j_id7:j_id18',{'flagGroup':0,'closeOnClick':1,'disabled':false} ).addItem('j_id7:j_id19',{'flagGroup':0,'closeOnClick':1,'disabled':false} ).addItem('j_id7:j_id20',{'flagGroup':0,'closeOnClick':1,'disabled':false} );
      //]]>
      </script></div></div></td><td width="100%"></td></tr></table><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="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" />
      </form>
      


      Problem is because there is no alt atribute for images and because width atttribute isn't supported by XHTML.

      Thanx,
      Vanja