The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> A way to have a single link deliver TWO href?
eabigelow
post Oct 13 2011, 03:06 PM
Post #1


Newbie
*

Group: Members
Posts: 13
Joined: 24-August 11
Member No.: 15,242



Hi--

I have a link that has an mp3 sound as its href:

CODE
<a href="sounds/genealogy.mp3" class="track track-default">this is a link</a>


Unfortunately, I also need that same link to go to a part on the site (href=#dombo) so that the sound plays on that part of the site.

Does anyone know how to accomplish this? I am imagining it would be with javascript, but honestly, I do not know.

Any help would be greatly appreciated. Many thanks...!

This post has been edited by eabigelow: Oct 13 2011, 03:07 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
eabigelow
post Oct 13 2011, 04:41 PM
Post #2


Newbie
*

Group: Members
Posts: 13
Joined: 24-August 11
Member No.: 15,242



Hi--

Many thanks for your reply. It is much appreciated!

The framework of my current code is a bit complex. I did not want to make my first post too code-heavy, thinking I could get what I needed and apply it without bothering people with excessive of code. But it appears I was wrong not to include it!

So if you will forgive my omission, here is the code context for the href links I mention above (just one sample!). You can see that I have a jPlayer in place providing the container for the sections:

CODE
<article id="page_5">
              <div class="box" id="page4">
                        <a href="#page_1" class="close"></a>
                    <div class="wrapper pad_bot1">
                        <div class="grid_14">
                            <h2>services</h2>
                            <div class="tabs2">
                             <div id="jquery_jplayer"></div>

        <!-- Using the cssSelectorAncestor option with the default cssSelector class names to enable control association of standard functions using built in features -->

        <div id="jp_container">
                                <ul class="nav grid_17 prefix_2 omega">
                                 <li><a href="sounds/genealogy.mp3" class="track track-default">alien genealogy</a></li>
                                    <li><a href="sounds/translation.mp3" class="track">alien texts translation</a></li>
                                    <li><a href="#dombo">future life regression </a></li>
                                    <li><a href="#horticulture">alien removals</a></li>
                                    <li><a href="#clips">want to date an alien?</a></li>
                                </ul></div>
                                
                                
                               <div id="greenhouse" class="tab-content grid_17 prefix_2 omega">
                                    <div class="wrapper">
                                    <span  class="left marg_right1">
                                 <a><img src="images/HANDanimation.gif" alt="" width="137" height="110"></a>
                                    </span>
                                      <p class="color1">Are you related to aliens? Do you think you might be?</p>
                                        <p class="pad_bot2"><font color="white">Using patented A.G.T. (Alien Genealogy Technology®)...</p>
                                    </div>
                                    <p></p>
                                    <div class="pad_bot1">
                                    </div>
                                    <p></p>
                                </div>


The first href
CODE
href="sounds/genealogy.mp3" class="track track-default"
links to the first sound file, but it should ALSO link to the href="#greenhouse" (<div id="greenhouse" class="tab-content grid_17 prefix_2 omega">).


Again, many thanks for any help on this...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 03:22 PM