Wordpress Javascript Index Loop

Discussion in 'HTML' started by ovation, Sep 6, 2007.

  1. ovation

    ovation Guest

    I want to use javascript to display the categories that the post is
    filed under when a icon/image is clicked. The list of categories
    should expand at the bottom of the post under the icon(s).

    This works great on the single post page, but the index (main) page
    lists 10 posts, and it will only work on the first post. No matter
    what post icon is clicked the first post expands. I think I
    understand the logic behind this, but is there any way around it?

    Here is the code:

    `<a href="javascript:Effect.Combo('file', {duration: 0.5});"
    title="Filed Under"><img src="<?php echo bloginfo('template_url'); ?>/
    images/file.gif" /></a>

    <div id="file" style="display: none;">
    <?php echo ''; _e(get_the_category_list(', ')) ?></div>`
     
    ovation, Sep 6, 2007
    #1
    1. Advertisements

  2. Stop right there. http://www.jibbering.com/faq/#FAQ4_24
    And you've got this 10 times? IDs must be unique in a document.
    Validate. Validate. Validate.
     
    David Dorward, Sep 6, 2007
    #2
    1. Advertisements

  3. ovation

    ovation Guest

    Thanks for the link, but I don't think you understand what I am trying
    to do, or at least understand that I know it doesn't work. What I'm
    looking for is something that does work within the index loop of
    wordpress when you have multiple posts on one page. I'm not going to
    recode it every time I post something new.
     
    ovation, Sep 6, 2007
    #3
  4. ovation

    ovation Guest


    Thanks to "Kjell Bublitz" I have a solution. Here it is if anyone
    needs it:

    <a href="javascript:Effect.Combo('file<?php the_ID(); ?>',
    {duration: 0.5});" title="Filed Under"><img src="<?php echo
    bloginfo('template_url'); ?>/images/file.gif" /></a>

    <div id="file<?php the_ID(); ?>" style="display: none;">
    <?php echo ''; _e(get_the_category_list(', ')) ?></div>

    Thanks to everyone.
     
    ovation, Sep 6, 2007
    #4
  5. Who is "Kjell Bublitz"? Did you multi-post? Tsk-tsk. GG strikes again.
    Funny that "solution" exactly addresses the problem David Dorward
    pointed out to you. David: "And you've got this 10 times? IDs must be
    unique in a document."

    Apparently you either ignored our did not understand the folly of <a
    href="javascript:... the JavaScript pseudo-protocol. Reread his link

    http://www.jibbering.com/faq/#FAQ4_24

    and for the matter for more info:

    http://www.google.com/search?hl=en&q=javascript+pseudo+protocol+bad+design&btnG=Search
    javascript pseudo protocol bad design - Google Search
     
    Jonathan N. Little, Sep 6, 2007
    #5
  6. ovation

    ovation Guest

    Do you really want to know what to do with your links? You people
    really become assholes when you can't answer a question. I KNEW WHY IT
    WASN'T WORKING! What I was asking for was a solution, but I guess
    that was over your head.
     
    ovation, Sep 7, 2007
    #6
  7. ovation

    John Hosking Guest

    ovation wrote:

    [discussion snipped]
    Yes, you're *much* smarter than the people who took the time to try to
    help you.
     
    John Hosking, Sep 7, 2007
    #7
  8. You knew your problem was duplicate IDs but could not see a way to
    remedy it? Priceless.

    Well I know enough about the pitfalls to *not* use the pseudo protocol
    "javascript:"
     
    Jonathan N. Little, Sep 7, 2007
    #8
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.