|
HTML - Mp3 Download Links In Firefox
I have a lot of mp3's on my website for download.
I want the download box to pop up when you click on the file so you can choose whether to save it or open it. It works fine in Internet Explorer. In Firefox it starts streaming the song in quicktime, which forces me to right click and hit 'save as' if I actually want to download it. Why does Firefox do this? I did find a few threads on this topic by searching the forums. Their solution was to use a lengthy php script. I was wondering if there was an easier way to do this possibly with some simple html code. Thanks. Similar TutorialsHi - Any help would be appreciated I have uploaded an MP3 (Legal as i created this myself) to my website and want to give people the ability to download it. I tried the code: <A HREF="mymp3.com">Download </a> When i tried the link it just started plaing the MP3 using quicktime. I dont want them to stream it, i want when people click on it, a download box appears. Any ideas on what i an doing wrong. The mp3 is in the same directory as the html page the link is on. I've noticed that *sometimes* my background image won't show up in Mozzila Firefox. My website is he http://www.surrealsource.com. Note that I said *sometimes* so it might download fine for you. But anyway, if you want to see the code, the only relevant part is this: Code: <body style="background-image: url('background.jpg');">
Hello Everyone, I am putting together a web site that will allow folks to listen to some audio files (.mp3). I do not want them to have the ability to down load them. Do do this, I create an href to the file: <a href="birdcall001.mp3"> This seems to work fine in Microsoft's IE. Microsoft IE brings up the audio player and plays the file. However if I use the Firefox browser, a dialog box comes up and gives the user the choice to listen to the file or to download it. Is there a way to prevent Firefox from giving the user the option to download the file? New to this, but having a lot of fun! Thanks for any help! Steve Told you I was new at this. Additional testing shows: They can also download the file in IE by simply right clicking on the reference. So I guess the real question is "is there a way to allow users to listen to a .mp3 file, but prevent them from downloading the file" Thanks for any insight! I just put up a flash banner and below it are the html links (incase someone doesn't want to dl the plugin) and it worked in IE6 but not in Firefox I don't know the reason why, I do see it in the source for FF but it's not showing. I also cleared cache but still don't see it. my site's at www.PTSgirl.com ..am I the only one who doesnt see it in firefox?? thanks in advance! I have some hmtl code that runs fine under Google Chrome but not under IE8 or Firefox. When i left click links on the left side panel, the linked text disappears until i release the mouse, and even then i am not redirected to the linked page. Here is the website. www.negoaltendinghq.com Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<!-- TemplateBeginEditable name="doctitle" -->
<title>NE Goaltending HQ</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
.style1 {color: #CA0000}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
a:link {
color: #F00;
text-decoration: none;
}
a:visited {
color: #F00;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #06F;
}
a:active {
text-decoration: none;
color: #039;
display: none;
line-height: normal;
}
.header {
font-size: 18px;
}
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a {
font-size: 16px;
}
-->
</style>
</head>
<body bgcolor="#660000" text="#000000" alink="#000000" leftmargin="0" topmargin="0">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="101%" id="AutoNumber1" height="244">
<tr>
<td width="100%" style="border-style:none;" bgcolor="#E2E2E2" height="auto" valign="top">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber5" height="60">
<tr>
<td width="25%" style="border-style: none; border-width: medium; font-size: 10px; font-style: normal;" height="58" bgcolor="#660000"><p align="center" style="margin-top: 0; margin-bottom: 4px; font-style: inherit; color: #FFF;"><a href="../index.php"><img src="../Pictures/banner_picnew.png" width="293" height="108" align="left"></a><span style="margin-top: 0; margin-bottom: 0; color: #FFF; font-size: 14px;"></span></td>
<td width="61%" style="text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 24px; font-style: italic;" bgcolor="#660000">'New England Hockey Goaltender Headquarters' </td>
<td width="14%" style="font-weight: bolder; text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 14px; font-style: normal;" bgcolor="#660000"><span style="margin-top: 0; margin-bottom: 0; font-style: inherit; color: #FFF;"></span>
<?php
if (isset($_COOKIE["login"]))
{
echo "Welcome " . $_COOKIE["login"] . "<br />";
echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/scripts/logout.php">Logout</a> <a href="/pages/account.php">Account</a></strong></font></b></td>';
}
else
{echo "Welcome guest! <br />";
echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/login.php">Login</a> <a href="/pages/register.php">Register</a></strong></font></b></td>';
}
?>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="14">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="20%" height="40" align="center" bordercolor="#E2E2E2" bgcolor="#666666" style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"><ul id="MenuBar1" class="MenuBarHorizontal">
<li class="MenuBarItemSubmenu"><a class="MenuBarItemSubmenu" href="/index.php">Home</a>
<ul>
<li><a href="/index.php">Home Page</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Level</a>
<ul>
<li><a href="/pages/coming_soon.php">Youth</a></li>
<li><a href="/pages/coming_soon.php">High School</a></li>
<li><a href="/pages/coming_soon.php">Juniors</a></li>
<li><a href="/pages/coming_soon.php">Prep</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">State</a>
<ul>
<li><a href="/pages/coming_soon.php">MA</a></li>
<li><a href="/pages/coming_soon.php">NH</a></li>
<li><a href="/pages/coming_soon.php">ME</a></li>
<li><a href="/pages/coming_soon.php">VT</a></li>
<li><a href="/pages/coming_soon.php">CT</a></li>
<li><a href="/pages/coming_soon.php">RI</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu MenuBarItemSubmenu">Resources</a>
<ul>
<li><a href="/pages/coming_soon.php">Playing Tips</a></li>
<li><a href="/pages/coming_soon.php">Goalie Gear</a></li>
<li><a href="/pages/coming_soon.php">Development</a></li>
<li><a href="/pages/jokes.php">Goalie Jokes</a></li>
<li><a href="/pages/coming_soon.php">Goalie Misc.</a></li>
<li><a href="/pages/coming_soon.php">NE Leagues and Teams</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Member</a>
<ul>
<li><a href="/pages/register.php">Register for free</a></li>
<li><a href="/pages/login.php">Login</a></li>
<li><a href="/pages/coming_soon.php">Game Charts</a></li>
<li><a href="/pages/coming_soon.php">Resume Builder</a></li>
<li><a href="/pages/coming_soon.php">Browse Profiles</a></li>
<li><a href="/pages/coming_soon.php">Administrator</a></li>
</ul>
</li>
<li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">Featured </a>
<ul>
<li><a href="/pages/coming_soon.php">Featured Goalies</a></li>
</ul>
</li>
<li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">About Us</a>
<ul>
<li><a href="/pages/coming_soon.php">NEGHQ Charter</a></li>
<li><a href="/pages/coming_soon.php">Contact Page</a></li>
</ul>
</li>
</ul>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="123" valign="top">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber6">
<tr>
<td width="19%" height="661" valign="top" bgcolor="#660000" style="border-style: none; border-width: medium">
<div align="center">
<p><font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><img src="../Pictures/NEGHQ_logo_small.png" alt="" width="193" height="211" align="middle"></font></font></p>
<p> </p>
</div>
<table width="200" border="1">
<tr>
<td bgcolor="#FFFFFF"><a href="/coming_soon.php">Playing Tips</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Gear</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Coaches and Camps</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Misc.</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/jokes.php">Goalie Jokes</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Featured Goalies</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">NE Leagues and Teams</a></td>
</tr>
</table>
<p> </p>
<table align='center' width="200" border="1">
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Game Charts</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Resume Builder</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">View Goaltender Profiles</a></td>
</tr>
</table>
<p> </p></td>
...too long to put entire source (see webpage for entire source)
</html>
Is it possible to turn off underlining of links in FF? I realise the user can turn them off in some versions of FF, but can the coder ensure they are never there? If not, is it possible to change the colour of the underlining? I have green links and blue underlining at the moment. Thanks. I'm building a small website with only 5 links. Two of the links work fine while the other three are non-functional in Firefox. All links work fine, as they should from what I can gather, in IE. If anyone could take a gander at the code and point out anything they see that Firefox might not like I'm all ears. I'm totally baffled on this one. I know all the inline CSS makes for cluttered code but it's such a small website I didn't feel like creating a style sheet and having to switch back and forth. I'm using Firefox/3.5.12 for testing the site in Firefox btw. UPDATE: Problem solved. Had to undo some particular jerryrigging elswhere on the page to overcome a strange gap that there was no rhyme or reason should be there. Found another solution and now the links work fine. code: <div style="position: relative; top: 0; left: 0; width: 634px;"> <div style="position: relative; top: 30px; left: 85px; width: 80px; height: 30px; background-image: url(images/blk-gry-light-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a style="color: #000000;" href="index.html">home</a></div> <div style="position: relative; top: 30px; left: 105px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="walking.html">dogwalking</a></div> <div style="position: relative; top: 30px; left: 125px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="sitting.html">dogsitting</a></div> <div style="position: relative; top: 30px; left: 145px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="rates.html">our rates</a></div> <div style="position: relative; top: 30px; left: 165px; width: 80px; height: 30px; font-size: 16px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; text-align: center; padding: 5px; float: left;"><a href="contact.php">contact us</a></div> </div> Hi All, I am new to these forums but I am a long time, 20+ years, programmer and have been working with html for many of those years but I am no expert. I have been writing pages for an intranet where the employees only use IE, and IE 6 to be precise, company defined, not me. Some of the pages will now be accessible to outside users so I thought I needed to test on more browsers and I have found an issue with some HTML not working in FF. <DIV id="idser" class="InnerBox" style="position: absolute; top: 80; left: 400; height: 68; width: 130"> <A class="link" onClick="dshow('idserdet'); dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist'); dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')"> <IMG SRC="/images/barcode.gif HEIGHT="34" WIDTH="100" BORDER="0"> </A> <br> <A class="link" onClick="dshow('idserdet'); dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist'); dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')"> Serial # Search </A> </DIV> <DIV id="idhist" class="InnerBox" style="position: absolute; top: 80; left: 530; height: 68; width: 130"> <A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link"> <IMG SRC="/images/history.gif HEIGHT="34" WIDTH="32" BORDER="0"> </A> <br> <A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link"> View History </A> </DIV> Both lots of code above work in IE, the first DIV with link does not work in FF. I have tried adding the onClick to the DIV and removed the anchors, I have made HREF="#" and also HREF="javascript;;" and several other permutations but none seem to make the link work in FF. I have spend hours on this now. Any/All thoughts/advice will be gratefully accepted. Hi, pretty new to HTML, any help would be greatly appreciated. My links back to my home page etc e.g. my menu links that link to my root folder work fine in IE but when I try opening them in firefox or Flock none of my links work including my link to my CSS style Sheet. Heres an example of my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Anime</title> <link rel="stylesheet" type="text/css" href=" /anime2.css"/> </head> <body> <div class="header"> <div class="logo"> <a href="/Anime.html"> <img src="/anime.png" alt-"Anime Hub" style="border-style:none"/> </a> </div> </div> <div class="menu"> <ul> <li> <a href="/anime.html"> Home </a> </li> <li> <a href="/animenews.html"> News </a> </li> <li> <a href="/animes.html"> Animes </a> </li> <li> <a href="/animepreviews.html"> Previews </a> </li> <li> <a href="/animeblog.html"> Blog </a> </li> <li> <a href="/animeforums.html"> Forums </a> </li> </ul> </div> Im using a forward slash for the link to search in my root folder, if I use ../../ to go back two folders it seems to work, but this is tedious and I am sure there must be another way. Please Help Thanks in advance I'm an HTML novice in desperate need of an HTML expert. I paid a guy a lot of money to convert my website over from a Microsoft server to a Linux server and the results were mixed. The text links work in Internet Explorer but not in Firefox. http://www.colorado-carpet-masters.com/carpetcleaningBoulder.php I tried taking them out of a table with no luck. For some reason Firefox reads the links as regular HTML instead of a Hyperlink. Hi all, I've spent several hours building my site. Most of my time was spent setting up the custom menu using CSS. So I am very disappointed to see it not display correctly in Firefox. After doing some research, I realized that some of my HTML isn't validating correctly. But I cant figure out how to fix it. A lot of has to do with the SPAN codes. Any assistance would be much appreciated! <body class="twoColElsLtHdr"> <div id="container"> <div id="header"> <table width="100%" border="0" cellpadding="10"> <span class="class4"> <tr> <td class="header"><a href="http://www.davidzhangphotography.com">DAVID ZHANG</a> <span class="header2">PHOTOGRAPHY</span></td></tr></span> </table> </div> <div id="sidebar1"> <TABLE cellSpacing=3 cellPadding=3 width="96%" border=0> <TBODY> <span class="class1"> <TR> <TD class="menu"><A HREF="javascript:popUp('music.html')">MUSIC</A></TD> </TR> <TR> <TD> </TD> </TR> <TR> <TD class="menu"><A HREF="javascript:popUp('fashion_location.html')">FASHION 1</A></TD> </TR> <TR> <TD> </TD> </TR> <TR> <TD class="menu"><A HREF="javascript:popUp('fashion_studio.html')">FASHION 2</A></TD> </TR> <TR> <TD class="menu"> </TD> </TR> <TR> <TD class="menu"><a href="personal.html">PERSONAL</a></TD> </TR> <TR> <TD> </TD> </TR> </span> <span class="class2"> <TR> <TD class="menu"><a href="about.html">ABOUT</a></TD> </TR> <TR> <TD> </TD> </TR> <TR> <TD class="menu"><a href="blog.html">BLOG</a></TD> </TR> </span> </TABLE> </div> I just edited my links and they are working in IE but not Mozilla. I'm using CSS script to change the link's text color on mouseover. Might that be the problem? Please check the source IN MOZILLA: http://americanchic.net/BlankGrid3 Hi, I have a very simple website with a countdown timer on it (http://lemoeonline.freehostia.com/1.htm sorry about all the crap, it should only really have the countdown on it....I forgot to delete the rest). What I am wanting to do is have a separate webpage where users can download that page, but with a date they specify in a form. So, they would go to page a, enter a date, then download page b witch would have the customized code in it......Is this possible? Im not really sure where to start on this one, so im looking for any suggestions! Thanks alot, Lemoe Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! Hi all My Site is hosted on linux site and i have basic cgi scripts for page counters, but does anyone know how i can create a download counter for files which can be made visible to users. I want the content to be updates live on the site ( basic count per click ) http://www.pellapushers.co.uk/mashups.html Is this possible with html code or should i be looking at cgi Regards, Alan Hi, I like to know how to make a file download in a new window, like most sites have, I want to add some adsense in that page along with the link to the manual download link if automatic download fails. Thnx Hi: I would like the senior folks of my mobile home Park to be able to download a .pdf telephone directory file of our 600 home Park. I have created the file, and I'll be placing it on my Apache Server -- probably in my '..\images\' directory. Question: Would someone please give me an example of the html code needed to download a file of this type ? Thank you. -Mel Hello everybody I have a question, might be dumb but... Lets assume i have a link to an image on a page, is it possible to make a code or script or something so when i click on the link to that image, it downloads it not open it in the browser??????? i know i dont have the best choice of words but i hope u understand my request thanks I have set up some document downloads with <a href>NameofDocument</a> , but everytime a user downloads a document a blank browser window opens and then comes the pop up to either save or open in Office. Any ideas on how to keep this blank browser window from opening or being created. hi, can someone tell me how to write a link to force the download option to appear in the browser when my link to an XML page is clicked, not just open it as a page in the browser. Cheers Martin |
|||||||