[xwiki-users] Collapsed panels without java-script
As you know some internet people do not use javascript. The most important of all are the search-engines. Now we have modified the default behavior of panels If panel is of type navigation it will load with the following div <div class="panel collapsed MoreAboutCdls Navigation"> ... </div> Other wise it will load as <div class="panel expanded Diaporama Information"> ... </div> The result is that navigation panels that contain mostly links to other parts of the site show only the titlebar, when user clicks on that it expands and reveals the navigation links; we believe this reduces screen clutter. My question is two: 1) When java script is turned of there is no way a user can see the links. What would be the effect on search engines, will they see the links? I see the html with the links when I use html-source code, it is just hidden by the CSS! 2) Disabled people that are deaf or blind often use browsers without javascript. How could I have achieved the same with some changes. I would prefer the panel to load 'expanded' then with javascript that would set all panels of type Navigation to collapsed after the page load. But allow the user to click on the header and set it to expanded. Gerritjan
On 04/30/2014 03:10 PM, Gerritjan Koekkoek wrote:
As you know some internet people do not use javascript. The most important of all are the search-engines. Now we have modified the default behavior of panels If panel is of type navigation it will load with the following div <div class="panel collapsed MoreAboutCdls Navigation"> ... </div> Other wise it will load as <div class="panel expanded Diaporama Information"> ... </div>
The result is that navigation panels that contain mostly links to other parts of the site show only the titlebar, when user clicks on that it expands and reveals the navigation links; we believe this reduces screen clutter.
My question is two: 1) When java script is turned of there is no way a user can see the links. What would be the effect on search engines, will they see the links? I see the html with the links when I use html-source code, it is just hidden by the CSS!
Yes, the panels are "collapsed" via CSS, so the content is just hidden, not removed. If you want to hide the links from search engines you would need a different approach.
2) Disabled people that are deaf or blind often use browsers without javascript. How could I have achieved the same with some changes. I would prefer the panel to load 'expanded' then with javascript that would set all panels of type Navigation to collapsed after the page load. But allow the user to click on the header and set it to expanded.
not sure if this is the best choice, but you can add a XWiki.JavaScriptExension object to some wiki document, make sure it's "Usage" is set to "Always on this wiki", and contents are something like: document.observe("xwiki:dom:loaded", function(){ $$('.panel').each( function(panel) { panel.addClassName('collapsed').removeClassName('expanded'); }) }); This should collapse all panels on page load, if javascript is enabled. hope this helps Clemens
participants (2)
-
Clemens Klein-Robbenhaar -
Gerritjan Koekkoek