1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

adding link in a menu

Discussion in 'HTML & Website Design' started by tlfit, Aug 17, 2011.

  1. #1
    Hi, i just started learning how to make a website. I am building an exact menu like this http://tutorialzine.com/2010/11/better-select-jquery-css3/ . However, I can't add any link to it. I wanna make a link when I select one of the section.

    [TABLE]
    [TR]
    [TD="class: number"]2[/TD]
    [TD="class: content"]<div id="page">[/TD]
    [/TR]
    [/TABLE]
    [TABLE]
    [TR]
    [TD="class: number"]13[/TD]
    [TD="class: content"] <h1>Your Product</h1>[/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]14[/TD]
    [TD="class: content"] [/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]15[/TD]
    [TD="class: content"] <form method="post" action="">
    [/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]16[/TD]
    [TD="class: content"] [/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]17[/TD]
    [TD="class: content"] <!-- We are going to use jQuery to hide the select element and replace it -->[/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]18[/TD]
    [TD="class: content"] [/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]19[/TD]
    [TD="class: content"] <select name="fancySelect" class="makeMeFancy">[/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]20[/TD]
    [TD="class: content"] [/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]21[/TD]
    [TD="class: content"] <!-- Notice the HTML5 data attributes -->[/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]22[/TD]
    [TD="class: content"] [/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]23[/TD]
    [TD="class: content"] <option value="0" selected="selected" data-skip="1">Choose Your Product</option>[/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]24[/TD]
    [TD="class: content"] <option value="1" data-icon="img/products/iphone.png" data-html-text="iPhone 4&lt;i&gt;in stock&lt;/i&gt;">iPhone 4</option>[/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]25[/TD]
    [TD="class: content"] <option value="2" data-icon="img/products/ipod.png" data-html-text="iPod &lt;i&gt;in stock&lt;/i&gt;">iPod</option>[/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]26[/TD]
    [TD="class: content"] <option value="3" data-icon="img/products/air.png" data-html-text="MacBook Air&lt;i&gt;out of stock&lt;/i&gt;">MacBook Air</option>[/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]27[/TD]
    [TD="class: content"] <option value="4" data-icon="img/products/imac.png" data-html-text="iMac Station&lt;i&gt;in stock&lt;/i&gt;">iMac Station</option>[/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]28[/TD]
    [TD="class: content"] </select>[/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]29[/TD]
    [TD="class: content"] </form>[/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]30[/TD]
    [TD="class: content"] [/TD]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD="class: number"]31[/TD]
    [TD="class: content"]</div>[/TD]
    [/TR]
    [/TABLE]




    Thanks
     
    tlfit, Aug 17, 2011 IP
  2. Toycel

    Toycel Peon

    Messages:
    243
    Likes Received:
    11
    Best Answers:
    4
    Trophy Points:
    0
    #2
    <form action="../">
    <select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
    <option value="">Skip to a Game Report</option>
    <option value="reports.php#cookridge2">Cookridge Game 2</option>
    <option value="reports.php#interteam">Interteam Friendly</option>
    <option value="reports.php#armley">Armley Ramgers</option>
    <option value="reports.php#cookridge1">Cookridge Game 1</option>
    <option value="reports.php#oldball">Old Ball</option>
    <option value="reports.php#jet2">Jet 2</option>
    </select>
    </form>

    This is using JS and it skips to the place on that page etc.

    So maybe if you change the <option value="1"> to a page or something this may work if not PM me and I will look into it in more detail for you
     
    Toycel, Aug 18, 2011 IP
    dreamyhost likes this.
  3. dreamyhost

    dreamyhost Member

    Messages:
    154
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    28
    #3
    wooowww.. grt work.. keep it up
     
    dreamyhost, Aug 18, 2011 IP
  4. viteb

    viteb Peon

    Messages:
    70
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks Toycel for sharing nice information about HTML coding. I am not as smarter in coding. This will be helpful for me. Keep sharing nice information @ DP.
     
    viteb, Aug 18, 2011 IP
  5. tlfit

    tlfit Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thanks for the replies.It works for the link but it ignore the makeMeFancy JS scriptIt ignore this if I put under or on top of it.
     
    tlfit, Aug 18, 2011 IP