We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 10226
    • 412 Posts
    It has been a while since I worked the site on this level but I canned prototype and found an alternative to lightbox...

    http://www.digitalia.be/software/slimbox

    It works well, but does not load a page in the box - miss that, but no biggie for me. it was a pain in the a$$ at first, but I was able to work it out within the hour. Had some z-index issues.

    Have fun!
      • 24704
      • 35 Posts
      Quote from: mmjaeger at Aug 31, 2007, 03:17 PM

      try faq.js file

      var Site = new Class({
      	options: {
      	},
      	initialize: function(options) {
      		this.faqSlide();
      	},
      	faqSlide: function() { // faq - requently asked questions
      		this.fsliders = $$('dl.faq-container dd.content').map(function(el) {
      			return new Fx.Slide(el, {
      				duration: 	500,
      				mode: 		'vertical',
      				transition:	Fx.Transitions.Quad.easeOut,
      				wait:		false
      			}).hide();
      		});	
      		
      		$$('dl.faq-container dt.title a').each( function(el, i) {			
      			el.addEvent('click', function(e) {
      				e = new Event(e).stop();
      				this.fsliders[i].toggle();				
      			}.bind(this));	
      		}.bind(this));	
      	}
      });
      
      // implement class
      Site.implement(new Options, new Events);
      
      // domready
      window.addEvent('domready', function() {
      	site = new Site();	
      });
      

      mmjaeger can you tell me one thing.. will this script work if i’ll replace
      $$('dl.faq-container dt.title a').each( function(el, i)
      on
      $$('div.faq-container div.title a').each( function(el, i)

      ??
      and what does mean "a" in
      $$('dl.faq-container dt.title a').each( function(el, i)
      ??
      thanks for help
        • 19889
        • 616 Posts
        if your html structure look something like this:
        <div class="faq-container">
        <div class="title">title</div>
        <div class="content">content...</div>
        </div>


        it should work
          • 10226
          • 412 Posts
          Looks like I am using the same script! No surprise though lol...

          All of my FAQ’s are separate documents under the FAQ node...

          I use a Ditto call;

          <dl class="faq-container">
          [[Ditto?tpl=`pull_faqmoo`&display=`all`]]
          </dl></div>


          simple enough, and the snippet;

          <dt class="title"><a href="[~[+id+]~]">[+description+]</a></dt>
            <dd class="content"><div>[+content+]</div></dd>


          Works well if you are not logged in smiley

          http://sweetskies.fruitwerks.us/faq.php