Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Aug 2011
    Posts
    37
    Thanks
    1
    Thanked 0 Times in 0 Posts

    problem with href link and trying to make it do double duty

    1) Project Details: (be as specific as possible):

    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=#greenhouse) so that the sound plays on that part of the site.

    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 (in green)
    Code:
    href="sounds/genealogy.mp3" class="track track-default"
    links to the first sound file, but it should ALSO link to the href="#greenhouse" (in red).

    I have tried
    Code:
    <a href="sounds/genealogy.mp3" class="track track-default" onClick="location.href = '#greenhouse';">alien genealogy</a></li>
    and variations thereof, but no go.

    I am looking for the easiest fix here, please (so it does not mess with the jPlayer), and it needs to be cross-browser (Firefox, IE 7-9, Chrome, Safari)...

    $40 US to someone who can get this right? via paypal...
    2) Payment method/ details (Paypal, check? Timeline?):

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I've sent you a pm.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Aug 2011
    Posts
    37
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Resolved

    This problem has been resolved. Thanks!
    Last edited by eabigelow; 10-22-2011 at 06:30 PM.


  •  

    Posting Permissions

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