Jump to content


  • Posts

  • Joined

  • Last visited

mrmagoo8870's Achievements


Newbie (1/7)



  1. okay, I'll fix that preload file 1st thing. thanks for that bit. The character animation is not ran by JS, it's a .gif animation.Now, should I make a new post over in the flash area to ask this question? I have no clue whatsoever how to do flash and I've been told by several people to avoid making flash components for my site. Not sure exactly, they say flash can lag the browsing pleasure and that some browsers won't load right if i use flash ... Anyone know more about it?
  2. I've created a website that is supposed to offer info about a online game I play. The index page is supposed to show a animation of a character from the game casting a spell, have a sound effect go off and the header text fade in using a javascript ran opacity. I can get any 2 of them to sinc up nicely, but when I try runing all 3 at once, the sound effect goes off after the other two. Realm Odyssey is the site I'm testing everything on. I'd post all the code here but it's kinda extensive. the CSS doc i use is main.css and the javascript file is at fade.js. I also have a preload javascript at preload.htm. Right now I can't recall why I put it in an .htm file, instead of a .js file .... but I believe it works still ... lol ... I hope it worksl :)Any assistence sincrinizing these components would be greatly apreciated.Thanks all for your help.
  3. Okay, got it now, and thanks. It looks extreamly promising if i can figure out how to make it work with an image instead of the menue.
  4. Okies, I even copied and pasted the url into my browser and still I can't get it to load up. ;( Maybe I'm just having issues viewing webpages from the UK?
  5. When I put the 'overflow: hidden;' to the div it worked great, but the body still doesn't work with it. The only thing it does in the body tag is prevent the mouse scroll button from working properly, the scrollbar still shows up on the screen.I did find a extention for the body tag that works in MSIE though. <body scroll="auto"> The values possible are "yes", "no" and "auto". I found that on someone's site by viewing sorce. but I couldn't figure out if it works on all browsers, or just MSIE. Doesn't seem to be in any of the W3Schools tutorials.
  6. When I click your link, all i get is "Internet Explorer cannot display the webpage". ;(
  7. Okay, I found the basic code on W3School's tutorials in a Try It Yourself page. Liked it and went about addapting it to keep a background stationary and it wouldn't work. After some tinkering arround to see what the problem was, I discoverd this little bit of code doesn't like it when you declare a DOCTYPE. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> I even tried swiching to HTML 4.01 transitional but still no go. Any help here would be awsome. I have a need to keep a background stationary while stuff on top of it scrolls. Short of someone making it so you can stretch a background image to fill the screen, i gotta use a DIV. ;( <html><head><title> On Top Script </title><style type="text/css"><!--body { background-color: #000000; color: #ffffff; }.menu { position: absolute; width: 100px; height: 100%; left: 0px; padding-top: 15px; padding-left: 10px; background-color: #444444; z-index: 10; }.header1 { font: bold 12pt times; text-align:center; }a:link { font: 12pt arial; color: #8888ff; text-align: left; text-decoration: none; }a:visited { color: #ff88ff; }a:active { color: #ff8888; }a:hover { color: #ffff88; }//--></style><script language="javascript"><!--var timer;function scrolltop() { document.getElementById('menu').style.top=document.body.scrollTop; timer=setTimeout("scrolltop()",1); }function stoptimer() { clearTimeout(timer); }//-></script></head><body onload="scrolltop()" onunload="stoptimer()"><span id="menu" class="menu"><p class="header1">MENUE</p><a href="page1.html">Main Page</a><br /><a href="page2.html">Some Page</a><br /><a href="page3.html">This Page</a><br /><a href="page4.html">That Page</a></span><table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="100px"> </td> <td>Scroll this page to see the "always-on-top" menu<br /><br /><br /><br /><br />Scroll this page to see the "always-on-top" menu<br /><br /><br /><br /><br />Scroll this page to see the "always-on-top" menu<br /><br /><br /><br /><br />Scroll this page to see the "always-on-top" menu<br /><br /><br /><br /><br />Scroll this page to see the "always-on-top" menu<br /><br /><br /><br /><br />Scroll this page to see the "always-on-top" menu<br /><br /><br /><br /><br />Scroll this page to see the "always-on-top" menu<br /><br /><br /><br /><br />Scroll this page to see the "always-on-top" menu<br /><br /><br /><br /><br />Scroll this page to see the "always-on-top" menu<br /><br /><br /><br /><br />Scroll this page to see the "always-on-top" menu<br /><br /><br /><br /><br /> </td> </tr></table></body></html>
  8. Well, no replys so I went back and brushed up on the HTML DOM, namely the 'getElementById()' and 'innerHTML' properties. I believe I can do something like this. <html><head><title> dHTML Browser Jukebox </title><script type="text/javascript"><!--var name;function change(name) { document.getElementById('music').innerHTML="<a href='" + name + "' title='Click here to play in your Media Player. Right click here to save the file to your computer.'>" + name + "</a><br /><embed src=" + name + " autostart='true' loop='false' height='50px' />"; }//--></script></head><body onload="change('song1.mp3')"><a href="#" onclick=change('song1.mp3');>Song1</a> | <a href="#" onclick=change('song2.mp3');>Song2</a> | <a href="#" onclick=change('song3.mp3');>Song3</a> | <a href="#" onclick=change('song4.mp3');>Song4</a> | <a href="#" onclick=change('song5.mp3');>Song5</a><br /><br /><div id="music"></div></body></html> Edited to fix the code and to tel y'all I did the above and it works!
  9. Thanks, that works at least in my MSIE. Hopefully it works with Netscape at least as about 45% of my visiters use that.I did notice an unusual effect ... I had the image centered in a 100% cell of a table and the end of the image behaved like it was in a div with overflow hidden. I moved it out of the table and the image is now fully visible, but I thought the effect was odd enough to mention.EDITED TO ADD:Oh, I noticed that the image pops onto screen then vanishes before fading in with that script .... Wasn't able to figure out how to make image pop on invisible so i went back to w3schools and found the info I think I needed to alter my script to work in both IE and FireFox .... btw, I was mistaken about the other browser, it was FireFox and not Netscape.
  10. I found the <script> for this while researching how to use JavaScript to have a header image fade in without resorting to a large animation. I addapted the script from a Try It page in the w3schools tutorials.My issue is if I understand it all correctly, this will only work with MSIE and mabye a couple other browsers. To make opasity work on, I think it was Netscape, you use a different line from MSIE. (Note the style in the code below. <html><head><title> Fading In Header </title><script type="text/javascript">function Fade() { interval=setInterval("FadeIn(header)",30); // sets time between loops }function FadeIn() { if (document.getElementById('header').filters.alpha.opacity<100) { document.getElementById('header').filters.alpha.opacity+=1; // adds 1 to the opasity } else if (window.interval) { clearInterval(interval); } }</script><style type="text/css">img.header { opacity: 0.0; // NS/FireFox? filter:alpha(opacity=0); // MSIE }</style></head><body style="background-color: #000000; color:#ffffff;"><img class="header" id="header" src="title02.gif" onload="Fade()" /></body></html> The "filter:alpha(opacity=0);" works fine for me, but I'm using MSIE. I dont' have nore would I use if I did, Netscape. However, I'm concerned not everyone will see my header graphic if I can't figure out how to have the javascript function for both. Any assistence would be greatly apreciated.
  11. I'm fairly convercent in CSS and know how to use the overflow: tag, however, it's come to my attention recently that this doesn't work in the main body. <body style='overflow: hidden;"> Any clue as to why this doesn't work in main doc or in external CSS? Or, more importantly, how can i rid my body of these scrollbars?For context, i have an image i wanted to use as a backgrond, but since it's dimentions are small and i wanted it to fill the screen as apposed to tiling it, i was forced to use it in a <div> and stretch it to 100%. This left some of the image flowing over the right end of body. I now have an annoying scrollbar at the bottom of the page.This is my external CSS doc. div.backdrop { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -10; }img.backdrop { border: 0px; height: 100%; } This is my background tags. <div class="backdrop"><img class="backdrop" src="img/backdrop.jpg" /></div>
  12. Okay, i looked at that site and was astonished with the detail. I used the code and made a test page and find that either I did something wrong or Internet Explorer doesn't support the @font-face structure. Here's the exact code i used and you can view my results at http://www.realmodyssey.com/text-test.html The font is inside the proper folder and is the exact name used here .... should i do something different with the font name? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"><HTML> <HEAD> <TITLE> Font test </TITLE> <STYLE TYPE="text/css" MEDIA="screen, print"> @font-face { font-family: "Abrazo"; src: url("/fonts/ABRAZ1.TTF") } H1 { font-family: "Abrazo", cursive } </STYLE> </HEAD> <BODY> <H1> This heading should be displayed using Abrazo Script</H1> </BODY></HTML>
  13. Sweet! however, it strongly recomends that I not use it for more than just headlines. ;(Perhaps someone could make a simple tag for this at some point in the future.Example: <style>h1 { font-family: url(folder/font-file.ttf); }</style> seems to me this is in line with how they do it with cursers.Anyway, that's my 2 cents for today.
  14. You know how you can change your pointer by using a CSS code to change it and you have to have the .cur / .avi file on your website? Well, is there a simular way to link to a font file?I have a CD jam packed full of all sorts of fantastic fonts, but if i use any of them on my website I'll be the only one who benifits from seeing them. Is there a way for all my viewers to see my page in the fonts I want to use or am I restricted to the few fonts common to everyone?
  15. Hello all,I have been looking for a way to use <embed>, <bgsound> or <object> to creat a browser juke box player that will allow the most comon browsers to use it and I'd like it to be able to play multiple .mid, .wav, and .mp3 files by selecting their choice. I've found nothing that works properly in all browsers. For MSIE I used <bgsound> and used a JavaScript and a <form> with buttons to change the src="file.wav" and stop the sound. I can't seem to figure out how to change the src of <embed> and I'm completely lost on <object>. Right now I simply have 5 <embed>'s on my page and it doesn't feel right, but I understand that it at least works in the majority of browsers. The page is: http://www.realmodyssey.com/bgmusic.htmlAny help would be greatly apreciated. Thanks!
  • Create New...