Advanced Search

Results 1 to 5 of 5

Thread: More divs

  1. #1
    Join Date
    Sep 2009
    Posts
    28
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default More divs

    1) Script Title: Animated Collapsible DIV

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...edcollapse.htm

    3) Describe problem:

    I've been trying to add more animated divs to the below page. I created a new target;

    <a href="javascript:animatedcollapse.toggle('band30')

    and declared it to the script in the top of the page:

    animatedcollapse.addDiv('band29', 'fade=1,group=people')

    But for some reason the targeted images wont toggle open the div (last two bands in the left column). Is there anything else I should have doen to add more divs?

    http://www.happyvalleyfestival.com/music.html

  2. #2
    Join Date
    Apr 2013
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You are missing the div with ID="bend29" as well as the bend30. Note that you have used id band28 multiple times. Fixing div ids will solve your problem.

  3. #3
    Join Date
    Sep 2009
    Posts
    28
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the reply. I don't understand how I'm missing them, I've checked they are listed exactly like the other collapsible divs: <a href="javascript:animatedcollapse.toggle('band30')"> and both are in the top script: animatedcollapse.addDiv('band30', 'fade=1,group=people')

    Is there somewhere else I should be adding them - the java file itself?

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,887
    Thanks
    16
    Thanked 288 Times in 287 Posts
    Blog Entries
    4

    Default

    I think it's because your div IDs don't match those in your JavaScript;
    Code:
    <!--<a href="https://soundcloud.com/djshanetobler" title="Shane Tobler on Soundcloud" target="_blank">--> 
    <a href="javascript:animatedcollapse.toggle('band29')"><img src="images/shane-img.jpg" alt="some_text"/></a><img src="images/shane-text.jpg" alt="some_text"/>
    
    <div id="band13" style="width: 360px; background: #e3824c; display:none; padding: 10px; color: #555555;">
    Kilkenny dj Shane Tobler returns to The Bridgebrook to milk the very last of the dancing out of Saturdays  all-day festivalers. With every inch of flat surface-tables, chairs, flower-beds- in Barrys beergarden occupied by dancers last year it will be another fitting end to a great lineup of live music.  <p>Bridgebrook Beergarden Sat 1st from 2pm €15</p>
    
    </div>
    
    
    <!--<a href="https://soundcloud.com/neonwolf" title="Neon Wolf on Soundcloud" target="_blank">-->
    <img src="images/neon-text.jpg" alt="some_text"/><a href="javascript:animatedcollapse.toggle('band30')"><img src="images/neon-img.jpg" alt="some_text"/></a>
    
    <div id="band14" style="width: 360px; background: #e3bf44; display:none; padding: 10px; color: #555555; background-image: url(images/music-background-two.gif);">
    Things have really been hottin up for these lads with the past year seeing them play too many top Irish festivals to mention, a host of their own shows and somewhere finding the time to record several more ‘yet to be unleashed on the world’ indie-pop classics. Never forgetting their roots the boys are back at Happy Valley once again but I have a strong suspiscion we’ll be lucky to nail these lads down again next year.
    <p>Murphys Beergarden Sun 2nd from 12pm €15</p>
    
    </div>
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  5. #5
    Join Date
    Sep 2009
    Posts
    28
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the reply Beverleyh, I did'nt spot I had to target the div aswell as the <a> (the wheel is turning but the hamster is dead!) Working fine now.

Similar Threads

  1. Iframe-divs: a technique for letting divs overlay anything we want
    By molendijk in forum Submit a DHTML or CSS code
    Replies: 0
    Last Post: 03-22-2012, 08:30 PM
  2. Replies: 1
    Last Post: 03-10-2010, 12:10 AM
  3. Layered DIVs / Hide All Other DIVs When DIV is Selected
    By johnnyrokkit in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 08-05-2009, 06:23 AM
  4. Animated Collapsible DIVS -additional DIVS float aside 3rd DIV
    By jono in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 05-12-2009, 12:57 PM
  5. image viewer. divs in divs
    By xvegrevoltx in forum Dynamic Drive scripts help
    Replies: 8
    Last Post: 05-30-2005, 01:20 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •