Results 1 to 5 of 5

Thread: Variable in link

  1. #1
    Join Date
    Dec 2009

    Variable in link


    I was wondering if someone can help me? How can I pass a variable through a URL?
    I want to add the variable in the middle of a URL in the href tag.

    For example:
    <li><a href"images/file''+ variable +'.jpg"/></a></li>

    How is this done using JavaScript?
    I have created the variable but how do I add it to the href tag?

    Many thanks

  2. #2
    Join Date
    Dec 2009
    Also forgot to add there's multiple links.

  3. #3
    Join Date
    Apr 2013
    /* jquery */
    var variable =myimg;
    $("ul").append('<li><a href="images/file' + variable + ' ">' + variable + '</a></li>');

  4. #4
    Join Date
    Apr 2013
    for multiple links
    for loop
    by index
    $("ul").append('<li><a href="images/file' + variable[i] + ' ">' + variable[i] + '</a></li>');

  5. #5
    Join Date
    Dec 2009
    Hi Rajivkumar925 many thanks for replying.

    When I append the <li> script to the ul, another script of mine stops working.

    I was wondering if you can help me further?

    What I am trying to do is show the relevant image depending on what was clicked. (hence having a variable in the url)

    Is there a way where I can read what is in div "Box" and then show the relevant <ul id="menu"></ul>.

    So if the text in div "Box" = menu1 then <ul id="menu1"></ul> will display OR if div "Box" = menu2 then <ul id="menu2"></ul> will display (and hide menu1)

    The text in div "Box" will change when a user clicks an image.

    Hope this makes sense. Hope you can help!

    I thought having a variable in the url would be the best way but I couldn't get it to work; the value in div "Box" was the variable in the url.

    Looking forward to hearing from you.
    Last edited by pc_mac; 04-19-2013 at 10:33 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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