|
HTML - Music, Links, And Iframe Trouble
So... I am making a website to learn some web design but I am having trouble.
On this wesbite, the main site is composed of a layout, and all the links and whatever get opened in an Iframe. There is a nav bar on the left with links like "Music, Videos, Games" etc... and on the music section there is alot of music files (that I am hosting) to listen to. What I want to do is embed an object on the main frame, the one with the Iframe on it, and when you click one of the songs, instead of downloading it (or playing it in a new page) it plays it in the embed. I have looked for a few sites, most of them arent compatible with IE7 and Firefox at the same time... which is important (Mainly firefox though =] ) I need some help All my music files are stored in ".../Files/Music/" and the iframe is set up in the Index.htm, which links to "Music.htm" which has about 60 links to music, which I dont want people to download, I want them to be there to listen to! Similar TutorialsCan anyone offer advice as to how do I go about uploading my music to my music webiste. www.discomixdownload.com I am currently running the "easybe 1-2-3 music shop software. They e-mailed me ftp up directories, but I don't know how to go about the whole music file upload process.?. I website is hosted by a www.fastdomain.com Truly D.J.mixhypnatist. 06/21/2008 I am currently working on a site and I can't figure out this IFRAME for the life of me. The initial news page works (yes, it is named new.htm) I got the links to work with mouseover as I wanted, but if I click any of the links the page will load, but the frame for the site doesn't come along with the page. Like I said, the site works perfectly and looks like I want it to on the initial load. Hi everyone, I have a ajax contact form at http://nbveincare.com/contact3.php which is only partly visible . Tabbing through the fields will show all the fields, but there is some problem with proper sizing. Would anyone mind taking a look at this and giving me some pointers on what to do next? Thank you, Dan Hi, I am putting together a quick site, I don't normally use iframes but wanted to use it for a forum so I could imbed it into my theme. When I use the iframe code: Code: <iframe src="http://www.mypokerbuds.com/Forum" width="675px" height="1000px" frameborder="0"> It works great, but the bottom graphic of my template is missing, you can see the forum page he http://www.mypokerbuds.com/Forum.htm On the homepage you can see what the bottom graphic is suppose to look like: http://www.mypokerbuds.com/index.html Does anyone know what is causing this graphic to not show up? Thanks, Nick Hi All! We have a webapp running in Resin using Wicket 1.3. We used an iframe in one of our pages, for credit card 3D authentication, so that the visible URL won't change. <iframe id="ifrm" name="ifrm" src="images/3DForm.html" frameborder="0" > </frame> This seems to be working fine, except that in Firefox 2.0, the height attribute is all crazy. If we set height="100%" or "auto", the frame opens up with a height of abt 2 inches. Setting a pixel count as height increases height, but since it's not dynamic, doesn't really give us what we want. (Since there are a frew more pages of varying sizes that are displayed on thgis iframe.) Setting the inline style attributes 'height' didn't help either. But on IE 6, setting height=100% or 'auto' seems to work fine. Any help u cud give us on this wud be greatly appreciated. Or, if anyone knows a better way to go for 3D Auth, without changing the address-bar url, pls let us know. Thank you! Hi, my name is Josh, and I'm fairly new to website design, so therefore, also a little new to HTML. I apologize in advance for the length of my post, but I feel I really need to be specific as much as possible. Let me be honest with you. I have very limited knowledge on the subject, but I am a quick learner. Anyway, I'm creating a directory on my website where the visitor would be able to clink on one of 51 links, aligned in 3 columns, to take them to a page listing businesses within one of the 50 states. The 51st link, of course, would be directing visitors to an international listing page. Then below the links for the different states, there is supposed to be 26 links, one for each letter of the alphabet, so the visitor can find a business by name. Following that, of course, would begin the listing of the businesses. Basically, I've been teaching myself HTML so far by viewing the source code of pages I visit, and I discover a basic idea of how to do different things with web design. Let me show you the format I've been trying to grasp with this project by giving you an example code. The following code places the links for the states all at the bottom, and also they are not aligned properly, as the first column appears higher than the second which is also higher than the third. I'm not sure I quite understand the way this code works, or what mistake I'm making with it. What I would actually rather do is have a code creating a drop-down box which the visitor would just select their option, and be directed to the requested page immediately, but I don't know how to do that either. At any rate, I do also need to figure out how to get those state-by-state links to appear at the top of the business listings instead of at the very bottom of the page the way it is appearing now with this code. If anybody could help me figure out what the heck I'm doing, I would really appreciate it. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0063)[url]http://www.geocities.com/josh**************/connections.html[/url] --> <HTML> <HEAD> <TITLE>Connections</TITLE> <body background="http://www.geocities.com/clipart/pbi/backgrounds/Template_Pages/aboutme_techie_bg2.gif" bgcolor="#000000" link="#ff0000" vlink="#ff00ff" text="#00ff00" > <table border=0 cellspacing=0 cellpadding=0 width=650> <tr valign="top" align="left"> <H1><A name=top>Connections</H1></FONT></A> <P><IMG height=4 src="" width=500></P><FONT color=#0000ff> <H2>Welcome to...</H2></FONT> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="left" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/alabama.html">Alabama</A><br><A href="http://www.geocities.com/josh**************/arizona.html">Arizona</A><br>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="center" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/kentucky.html">Kentucky</A><br><A href="http://www.geocities.com/josh**************/louisiana.html">Louisiana</A><br>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="right" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/northcarolina.html">North Carolina</A><br><A href="http://www.geocities.com/josh**************/ohio.html">Ohio</A>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <P><A href="http://www.geocities.com/josh**************/connections.html#A">A</A> <A href="http://www.geocities.com/josh**************/connections.html#B">B</A>...</P> <P><A href="http://www.geocities.com/josh**************/connections.html#N">N</A> <A href="http://www.geocities.com/josh**************/connections.html#O">O</A>...</P> <P><A href="http://www.geocities.com/josh**************/home.html">Return To Home Page</A></P> <FONT color=#00ff00> <H3>13AD LUC ENT</H3> <ADDRESS>12341 Nellis Street, Springfield Gardens, NY 11413-1440</ADDRESS> <ADDRESS>718.807.8811</ADDRESS>... <H3>Zoom Records</H3> <ADDRESS>19 Embarcadero Cove, Oakland, CA 94606</ADDRESS> <ADDRESS>510.535.9666</ADDRESS> <P><A href="http://www.geocities.com/josh**************/connections.html#top">Return to Top</A></P> <P><A href="http://www.geocities.com/josh**************/home.html">Return to Home Page</A></P> </BODY></HTML> As you can see, my knowledge of HTML is pretty basic, and I'm sure you can tell that I tried to abbreviate this excerpt code as much as possible to conserve space on this post. I placed three dots "..." in many places to signify where large irrelevant portions of the page have been omitted, especially where I eliminated the thousands of business listing codes...lol. It may also have not been necessary to provide as much of the code as I did, but I just wanted to make sure that what I need is understood so perhaps I can get some help. Thank you everyone in advance for your assistance... On my "main.html" is an iframe. The html opening inside that iframe has a menu. I want to click on menu's links, and html must be opening inside the Iframe from main.html. But, when I click on links INSIDE the Iframe, it will open a new window instead of just opening inside the same Iframe. How do i get the iframe menu links open in the same main.html iframe ? jos Hello, I inserted another site on my site through IFrame. I can not change this other site and so a I can not change links in that other site, but I would like to open each link of that site in a new window. So far links open in the same window or if they have target=_blank in new window. How can I force all links to open in new window? Thanks in advance for all of your help. I'm embedding an external website that I do not have control over into my site using an iFrame. My problem is that some of the links inside the iFrame open the iFramed site in the same tab, which takes the user away from my website. What I'm trying to do is influence the links inside the iFrame so they behave similar to target="_blank", so they open in a new tab, leaving my site intact in the original tab. So far in my research its looking like it's impossible to influence the links inside an iFrame in this fashion without having control of the actual iFrame content. If it is in fact not possible, is there another solution for embedding another site within mine that allows this control, that's not an iFrame? Thanks so much for the help! I am using iframe on one of my webpages and it contains links to other webpages on my site. Currently when I click on one of those links it opens the new page inside the iframe I declared. I would like it to open on the full page in the browser, like a common link would and not open a whole tab either. I hope this makes sense. If anyone can help I would greatly appreciate it. Thanks! Hi, I'm new to this forum and would like to apologize in advance for the "general" nature of this question. I am a new moderator for another Forum type website. The website has for years had no image upload feature and had users place in their posts external links to free photo hosting sites. Recently, the website added a feature to upload images directly onto their server, allowing them to be locally archived rather than remotely linked to the other photo hosting website. Now, 99.9 % of the Forum users have never purchased prints from the photo hosting site, including myself. Though the host site has never sent me any notification on my account, the older picture links on my posts have ceased to work, displaying only red X's instead. This is now beginning to happen all over the Forums, creating a slow errosion of images from the older posts. It would be ideal to create some type of program or utility to "saveas", then convert all of the older images to the new local hosting, thus eliminating the problem. This would solve the problem for the newer eternally linked images - unfortunately the older ones are probably lost. Does anyone have any ideas or sugestions on this? (I did a search but was unable to find anything) Thanks! A&N I have a couple sites being referenced within a page through iframes. Each seperate frame needs to navigate just inside the frame itself and it works just fine... BUT, when there are javascript links within the iframes, that pulls the entire browser to the linked to page. Is there a way to keep the javascript links confined within the iframe? I never want the actual browser url to change. I know it's a wierd requirement, but it is for a customer. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link rel = "stylesheet" type = "text/css" href = "stylesheet.css" /> </head> <body> <div id = "container"> <div id = "left"> <ul> <li><a href = "http://www.freewebs.com/jazzclan/about.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_about.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/freeboard.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_freeboard.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/main.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_main.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/member.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_member.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/replay.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_replay.gif"></a></li> </ul> </div> <div id = "right"> <div id = "head"> </div> <div id = "main"> <div id = "headleft"></div> <div id = "headright"></div> <div id = "theleft"> Text to go in the left column....Text to go in the left column....Text to go in the left column....Text to go in the left column....Text to go in the left column.... </div> <div id = "theright"> Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column.... </div> </div> <iframe id="iframe" src="http://freewebs.com/jazzclan/intro.htm" style="width:545px; margin:0px;" frameborder="0" hspace="0" vspace="0" scrolling="no"></iframe> </div> </div> </body> </html> The links, main, about, freeboard, ect. don't seem to open in the IFrame. Does anyone have any suggestions? hiya, im new to this,and i jus wanted to know how can you put on music on your webpage beside goin through midi and wav???? plz can i have some help thanx in advance hi guys.. hope sm1 gonna sort out my problem i am just a beginner to html script,and my problem is that i smhow manage to get script to include media player into my webpage but i am not able to add song file into in it for e.g if i want to add akon.mp3 or any other song i am not able to do it hope sm will help me thanx in advance script is here Code: <!-- Multi WM Player at www.rainbow.arch.scriptmania.com/scripts/music/ --> <OBJECT ID="music" height=70 width=230 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=,1,52,701" standby="Loading Microsoft Windows Media Player components..." <!-- Change to value=0 to hide status --> <param name="ShowStatusBar" value="1"> <param name="AudioStream" value="-1"> <param name="AutoSize" value="0"> <param name="AutoStart" value="-1"> <param name="AnimationAtStart" value="-1"> <param name="AllowScan" value="-1"> <param name="AllowChangeDisplaySize" value="-1"> <param name="AutoRewind" value="-1"> <param name="Balance" value="0"> <param name="BaseURL" value> <param name="BufferingTime" value="5"> <param name="CaptioningID" value> <param name="ClickToPlay" value="-1"> <param name="CursorType" value="0"> <param name="CurrentPosition" value="-1"> <param name="CurrentMarker" value="0"> <param name="DefaultFrame" value> <param name="DisplayBackColor" value="0"> <param name="DisplayForeColor" value="16777215"> <param name="DisplayMode" value="0"> <param name="DisplaySize" value="0"> <param name="Enabled" value="-1"> <param name="EnableContextMenu" value="-1"> <param name="EnablePositionControls" value="-1"> <param name="EnableFullScreenControls" value="0"> <param name="EnableTracker" value="-1"> <param name="Filename" value> <param name="InvokeURLs" value="-1"> <param name="Language" value="-1"> <param name="Mute" value="0"> <param name="PlayCount" value="1"> <param name="PreviewMode" value="0"> <param name="Rate" value="1"> <param name="SAMILang" value> <param name="SAMIStyle" value> <param name="SAMIFileName" value> <param name="SelectionStart" value="-1"> <param name="SelectionEnd" value="-1"> <param name="SendOpenStateChangeEvents" value="-1"> <param name="SendWarningEvents" value="-1"> <param name="SendErrorEvents" value="-1"> <param name="SendKeyboardEvents" value="0"> <param name="SendMouseClickEvents" value="0"> <param name="SendMouseMoveEvents" value="0"> <param name="SendPlayStateChangeEvents" value="-1"> <param name="ShowCaptioning" value="0"> <param name="ShowControls" value="-1"> <param name="ShowAudioControls" value="-1"> <param name="ShowDisplay" value="0"> <param name="ShowGotoBar" value="0"> <param name="ShowPositionControls" value="-1"> <param name="ShowTracker" value="-1"> <param name="TransparentAtStart" value="-1"> <param name="VideoBorderWidth" value="0"> <param name="VideoBorderColor" value="0"> <param name="VideoBorder3D" value="0"> <param name="Volume" value="0"> <param name="WindowlessVideo" value="0"> <EMBED type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" SRC="http://myserver/mypath/myfile.asf" name="MediaPlayer" height=70 width=230> </EMBED> </OBJECT> </div> <p> <BR> <INPUT id=song1 onclick=document.all.music.filename=document.all.song1.value; TYPE="RADIO" NAME="Music" VALUE="http://www.uploadhut.com/id153745/Crazy Frog Remixx ( WARNING VERY FUNNY!!).WAV"> Song 1</p> <p> <INPUT id=song2 onclick=document.all.music.filename=document.all.song2.value; TYPE="RADIO" NAME="Music" VALUE="http://servername/path/to/media.file"> Song 2</p> <p> <INPUT id=song3 onclick=document.all.music.filename=document.all.song3.value; TYPE="RADIO" NAME="Music" VALUE="http://servername/path/to/media.file"> Song 3</p> if i choose song 1 it should play akon.mp3 and so on...... plz help me hello please help me how can i put background music .mp3 file in my html website..thanks in advance hoping for your positive responds I have a specific page on my site I want to have background music (and no, I don't care how horrible the idea sounds, I've already heard the arguments against it, and it doesn't bother me). I know the html code (well the basics of it as): HTML Code: <embed src="yourfilename.mp3" autostart="true" hidden="true" loop="true" width="0" height="0"> </embed> <noembed> <bgsound src="yourfilename.mp3" loop="infinite" > </noembed> My question is, is there something Ican to add in order to change the volume of the music? I'm looking for a small, simple, and customizable code for a music player. I want one where I can just change the code to point to my music. Something like you see on kelliepickler.com Anybody have a link? Thanks in advance! i was wondering is it possible to download a wav file to the temporary internet files without it showing any download screen or allow it to download screen my site i'm working on i want to put in background music which i know how to do. one thing i'm not sure of is can you make the background music carry over form page to page without the song restarting every page load snakes.richscomputers.com is the site |
|||||||