|
HTML - Button Does 2 Things On 1 Press.
Example. On the index.html page are 3 buttons. Button 1 navigates to Page1.html
Button 2 navigates to Page2.html Button 3 etc etc. Now what I want is when the person decides to go to: Page1.html. he will press Button1.png. He will hear a ding sound ( ding.mp3 ) and then be sent to Page1.html Page2.html he will press Button2.png. He will hear a clank sound (clank.mp3 )and then be sent to Page2.html Page3.html he will press Button3.png. He will hear a bang sound (bang.mp3 )and then be sent to Page3.html. So what I need to know is how to make 1 event do 2 things. Or heck seems like 1 event is doing 2 things. If you write me a code example. Please use the button names and sound files Ive used in the above example. if you use something like "soundfilegoeshere" ill get confused. Thanks for the time. Similar TutorialsHey, I need help making the bg color of an autoshape change its color by pressing a button. I'm using Microsoft FrontPage and am quite new to html. I know how to press a button and change the document background color but can not figure out how to do this but with an autoshape. Here is the code I have used to change the document background color: HTML Code: <div style="width: 110; height: 19; position: absolute; left: 903; top: 6"> <font size="2" face="Verdana,Arial,Helvetica,Sans Serif"> <input type="button" name="colr" onclick="document.bgColor='#0000FF'" style="color: #0000FF; width: 18; height: 18; border: 3px outset #0000FF; background-color: #0000FF"> <input type="button" name="colr" onclick="document.bgColor='#00FF00'" style="width: 18; height: 18; color: #00FF00; border: 3px outset #00FF00; background-color: #00FF00"> <input type="button" name="colr" onclick="document.bgColor='#FFFFFF'" style="width: 18; height: 18; color: #FFFFFF; border: 3px outset #FFFFFF; background-color: #FFFFFF"> <input type="button" name="colr" onclick="document.bgColor='#FFFFFF'" style="width: 18; height: 18; color: #FFFFFF; border: 3px outset #FFFFFF; background-color: #FFFFFF"> </div> It says document.bgcolor= ect but I cannot figure out the name of the autoshape so am not sure, in the html I think it only says the ID of the autoshape but do not know where to go from there. Please try and help and thanks in advance. what if you cant get htaccess to become writeable in word press will it affect my blogging anybody know Hi, I have no clue when this problem occured but now, I'm forced to press the F5 key to load my pages or, walk through all pages and hit the back button which has the same effect. I use java script and embedded flash movies, nothing particular there. As I said, all was working fine till maybe some obscure updates on my system, underground or unwanted updates that is. I tried IE6 and 7 in vain. My web page runs fine under Opera and probably under Firefox too but this one I haven't tried. I'm desperate to find a solution. Thanx in advance if someone out there has a solution Has anyone else noticed that certain buzz words like "money" "cost" and others such marketing buzzwords in word press create unwanted links to vendor sites when using wordpress. I'm pretty sure I'm not alone on this one. And much more importantly how do I turn them off / get rid of them for good. Thanks I have been trying to merge two command scripts, and have gotten nothing. I am trying to use javascript commands to open a new window on Firefox, and on that opened window simulate a Tab key press. This is the full script that I have come up with so far to open two windows, with the websites being yahoo.com and google.com. ***To fully help me please copy this script, paste to Notepad, save as a .html file and run it on Firefox. You will notice a "Open Windows" button will appear. When you click on it the windows will open: <html> <head> <script type="text/javascript"> function open_win() { window.open("http://yahoo.com", "newwindow1") window.open("http://google.com", "newwindow2") } </script> </head> <body> <form> <input type=button value="Open Windows" onclick="open_win()"> </form> </body> </html> Now this is what I have come up to simulate a Tab key event when you press the ENTER key: <script language="javascript> function fakeTab() { if (window.event.keyCode == 13 && window.event.srcElement.tagName == "INPUT") window.event.keyCode = 9; } documet.onkeydown = fakeTab; </script> What I want to do is merge these two scripts, so that when I press that "Open Windows" button, the new window opens and the Tab key press is immediately simulated to move to the next field on the webpage. I understand that JavaScript is event driven, meaning some event has to occur before you can make things happen. The user must push a key or click somewhere on the page before you can relaly do anything with an event. I want to have the clicking of the "Open Windows" button, that first triggering event which opens a window and simulates the tab key press on that window. I'm designing a website for my boyfriend and this is the first time I've ever properly used HTML (and therefore I'm using a html coder to write most of it) but I've got a problem. I think the best way to explain would be to show you a print screen: http://i4.photobucket.com/albums/y12...secrets/PS.jpg Okay so basically, the buttons to the right of the screen ('home', 'about' etc) I want them to be underneath the banner for the webpage (where it currently reads "welcome to lancaster roots), but I cannot figure out how to get them there. The html for the banner followed by the html for the buttons is also on the printscreen. If someone please could explain to me where I'm going wrong, it'd be brilliant. Thank you, Suzanne. ok so i made well im making a new site called prize hub where you play games to win coins/points and spend them to get prizes but thers a few things i need to no 1-what is a good/free web host 2-how would i make a fake money / point system 3-how would i make games give points 4-how would i make it so u can buy stuff with points http://influxgaming.com/ is my website. Finishing it up. (NOTE: Made for FF) I'm trying to link the Forum topics/posts to the Table Titles corresponding. I.E. Content Linked to Content, and Recent Matches linked to the NEWEST 5 Recent Matches. Can anyone help me as to how I can go about doing this? Help would be greatly appreciated. ESSENTIALLY what I want is a Custom PORTAL. Everything linked from main page to Forums. Hello guys Well I have just made my homepage: www.sp34k.dk and its in Danish, I made my homepage as a blog/diary but somethings thats, pretty annoing is that I have to go to my htm doc. to edit my text and/or write something else, my point is that I have been trying to understand the cms so that I can login on my homepage and edit the text as I want it.. I dont know much about databases and php so maybe its stupid for me to jump out in such a big problem.. There are a few things I could like to add on my page, let me direct you on my page to where I wish things to be: <i>If you go to "Min blog" and choose one of the links, then you would see my diary shortly, what I wish is that in the bottom people can write a commant so that when myself or other people return to my blog they can see all the comments that people made</i> - Well, I hope it wasn't to much to ask for, but a short answer or just anything would be great So thank you for reading this.. Regards Mike B. I have just made a help section for my website and it looks like too much text. I'm just wandering if it's possible to create those little plus minus things that expand/contract text in basic HTML (by basic HTML what i mean is no java or scripting stuff) So the headers would be there with a little +/- next to them and people click them to show or hide the relevant text TIA How do you do those 'sponsor ads' things you have up there, with the links in them? Hi! I am trying to set up this following text on a html page: Address: blah1 blah2 blah3 blah4 Fax: blahf phone: blahp Im just putting each of the different fields (addy, phone, fax) into a paragraph element. But how do i break up each part of the address so they lie beneath each other??? I thought about using 'span' on each of the blah3,4,&5 bits and treating them as block level elements and then shifting them so they line up, but thats really messy. And how do i get it so each of the blahs for the different fields line up? Any ideas? Hi! I would like to ask you guys a thing. Is it possible to embed things into the website, and move them around like it were a file folder for example. An example is: http://www.windoof.org/ Thx. i started learning html, css, js, php, i read a lot of material, but when i start to write html, i dont remmeber anything. how do you remember all of it? and remember every each tag goes? got any tips or good sites for beginners? and another question, before you make the site, do you draw a blueprint on how you want it to look like? or do you just go with an idea? thank you What code do I need to setup to collect people's email addresses and then redirect them to the next page? Also, where do I collect the addresses -- do I have to setup an sql database with my host? The site I am working on is: http://www.essaywritingpower.com Many thanks! Hello, I have this code: (The important part is in bold) Code:
<html>
<head>
<style type="text/css">
.navlink a:link {
font-family: Verdana, Geneva;
font-size : 80%;
font-weight : bold;
color: #000000;
background-color: white;
text-decoration : none;
margin: 5px;
padding: 5px;
border : 1px outset black;
display: block;
width: 150px;
text-align: center;
width: 142px
}
.navlink a:visited {
font-family: Verdana, Geneva;
font-size : 80%;
font-weight : bold;
color: #000000;
text-decoration : none;
padding: 5px;
margin: 5px;
border : 1px outset gray;
display: block;
width: 142px;
}
.navlink a:hover {
font-family: Verdana, Geneva;
font-size : 80%;
font-weight : bold;
color: #000000;
text-decoration : none;
padding: 5px;
margin: 5px;
border : 1px inset black;
display: block;
background-color : #99ccff;
width: 142px;
}
.center{text-align: center}
body{font-family: Verdana, Geneva;}
h1{font-weight: bold}
</style>
</head>
<body bgcolor="#4d4d4d">
<table style="position: absolute; top: 0px; width: 850px; margin: auto; border: 3px solid #000000; background-color: white">
<tr><td class="center">
<img src="logo.png"><img src="smiley.png" style="position:absolute; left:838px; top:6px"><hr>
<p style="position:absolute; left:842px; top:118px; font-size: x-small"> First time here? Click the smiley!</p>
<table width="150" border="0" bgcolor="white" class="navlink" style="border-type: solid">
<td class="center"><a href="index.htm">Home</a></td>
<td class="center"><a href="link1.htm">Cartoons</a></td>
<td class="center"><a href="link2.htm">Guestbook</a></td>
<td class="center"><a href="link2.htm">Contact Me</a></td>
</table>
<table style="margin: 6px; border: 1px; border-style: solid"><tr><td width="650px">
<h1>Site Released
</td></tr></table>
</tr></td>
</table>
</body>
</html>
Does anyone know how to keep the smiley face and the words "First time here? Click the smiley!" In one place while the window is resized. (Preferably without having to put them in the table.) Hi, name's Richard, thanks in advance to everyone for their help. I'm starting to develop a (rudimentary) website for my sis. I've noticed a little graphic glitch in IE only. What's the best forum to post my question? HTML? CSS? Here's the page in question: http://www.coldvalleyfarm.com/sheep.htm In IE only, at the bottom of the left row of pictures, there's a small white square with a white dot in the middle. Any idea what could be causing that? I've validated the pages, but I know IE isn't always compliant. This is with IE 7.0, btw. There are 2 strange things on my webpage. Their at the bottom of the page (com) and (ed) I dont know how to get them off the page, i cant see them in the html code. http://www.amazinghealthalerts.com/ Can someone help me find them? Hello I was wondering, how can I put stuff on the right of my menu bar and not below it? Here is a pictu I wanna put a chat box on there but it always goes below it. I know a little of html. Here is the code: Code: <html> <title>FUNTOWN</title> <head><center><font size="15"><font color="#FF3 300">FUNTOWN</font></center></head> <body Bgcolor="black"> <table border="5"> <div> <tr><td><h1><a href="http://www.goldgaming.bravehost.com"><font color="#ffffff"><font size="10">Home</font></a></h1></td></tr> </div> <div> <tr><td><h1><a href="http://www.goldgaming.bravehost.com/chat.html"><font color="#ffffff"><font size="10">Chat</font></a></h1></td></tr> </div> <div> <tr><td><h1><a href="http://www.goldgaming.bravehost.com/videos.html"><font color="#ffffff"><font size="10">Videos</font></a></h1></td></tr> </div> <div> <tr><td><h1><a href="http://www.goldgaming.bravehost.com/pictures.html"><font color="#ffffff"><font size="10">Pictures</font></a></h1></td></tr> </div> <div> <tr><td><h1><a href="http://www.goldgaming.bravehost.com/games.html"><font color="#ffffff"><font size="10">Games</font></a></h1></td></tr> </div> </table> <table border="5" align="center"> <tr><td><center><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQyNjYxMDM3NjUmcHQ9MTI2NDI2NjExMDEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTU1NDIzOWJmMGEzYjQ5OTU5MTA4/ZGY2NDA2NmIxMzVh.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82792260" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82792260">Go Large!</a></small><br></center></td></tr> </table> </body> </html> What up Everyone! Its me the Newb!...haha OK, I need to start building the Navigation part of the website. I dont have One Dang clue how to start!... Man this web design stuff hurts my head & fustrating I have many ideas dont know how to Implement them!!!!.... It took my 3days to figure out how to do an Internal Link with a button...so yea...LoL How do I go about after clicking a Button on the homepage called "sales" then it goes to that page how do I make that a working page etc??? Do I need to add Javascript? IF so I have no idea how to integrate that into HTML still.... I wish I had a go to person...I am looking into taking some Free classes for HTML...I missed the Spring Semester sign up...D'oh!!! Ok...sorry if I confused anyone...And thanks in advance if anyone can give some pointers! |
|||||||