|
HTML - Help With Buttons And Alert
how do i make it that when i click on a button it goes to an alert but i already have an onclick functiion for the button.
HTML Code: <html>
<head>
<title> iodhaoidhoa </title>
<script language="javascript">
function add(a,b)
{
var ans = a + b
document.write("The sum is " + ans)
}
</script>
</head>
<body>
<input type="button" value="Whats 6+4" onclick="add(6, 4)")
</body>
<html>
basically i want it that when i click the button it will show an alert saying that the sum is 10 Similar TutorialsIs there a way to change the buttons in an alert window? By alert widnows I mean use <script>alert ('Message Here') </script> or the JS version of this. Hey guys, I'm totally new at building websites, and I currently make one for my church. I use a Mac and use Firefox and Safari and the site looks great on them, but on PCs with IE6 or 7 it looks pretty neglected and ugly. I was wondering, to discourage people from using IE6 or 7, is there was a way to display a banner or text box (Using HTML) at the top of the page that would be displayed only if the viewer was using IE? Thanks in advance. Im getting an error in line 44 of my code, my body tag with upload in it. The error says object expected. Any advice? Code: <HTML>
<HEAD>
<TITLE> **** </TITLE>
<SCRIPT type="text/javascipt">
var Color= new Array(9);
Color[1] = "ff";
Color[2] = "ee";
Color[3] = "dd";
Color[4] = "cc";
Color[5] = "bb";
Color[6] = "aa";
Color[7] = "99";
Color[8] = "88";
Color[9] = "77";
Color[10] = "66";
Color[11] = "55";
Color[12] = "44";
Color[13] = "33";
Color[14] = "22";
Color[15] = "11";
Color[16] = "00";
function fadeIn(where) {
if (where >= 1) {
document.bgColor="#" + Color[where] +"0000";
where -= 1;
setTimeout("fadeIn("+where+")", 15);
} else {
setTimeout('fadeOut(1)', 15);
}
}
function fadeOut(where) {
if (where <=16) {
document.bgColor="#" + Color[where] +"0000";
where += 1;
setTimeout("fadeOut("+where+")", 15);
} else {
setTimeout("fadeIn(16)", 15);
}
}
</SCRIPT>
</HEAD>
<body onLoad="fadeIn(16)">
<p></p>
</body>
</HTML>
hey guys, I don't know if you can do this in HTML or should it be in server side, but: is it possible for like when you click on a link that will be going to other website, to have a note popup saying that you are leaving the (current)website. I don't want to use Javascript alert messg for this becuase it's annoying. I just want it to say it and then like 3 secs later, just disappear. yes, i think this is worthless, but it's from the people above me that wants it on the site. Gosh i just dont know. please help can anyone write up a quick script on how to do the following? Please? Well, i just want visitors to be able to click on a link and then a have to wait 2 secs, then it opens in a new window. Please this is very important for me. Help. Okay well the way i have done my website is quite simple i made the site in photoshop and the sliced it up and used dreamweaver to do the whole html thing, but in the main page i have the box for news and do not know how to make it so i can have it like scrolling because the way it's now is just a grey box. this is the site; Da-nexgen.com If there is a site or something that teaches you better how to make a site from photoshop please let me know. I have this alert box that I would like to add a sound after you click ok. Can this be done to the script I have here? Thanks //<![CDATA[ var alertmessage="Well this the last and finale Assignment for the JavaScript Level One Course" //Alert only once per browser session (0=no, 1=yes) var once_per_session=1 function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { // if cookie exists offset += search.length // set index of beginning of value end = document.cookie.indexOf(";", offset); // set index of end of cookie value if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function alertornot(){ if (get_cookie('alerted')==''){ loadalert() document.cookie="alerted=yes" } } function loadalert(){ alert(alertmessage) } if (once_per_session==0) loadalert() else alertornot() //]]> Hello, i recently attempted to swap from a table style nav bar to getting them to float you can see my before and after here. Befo www.cleverblobs.co.uk/index2.html after: www.cleverblobs.co.uk/index1.html I'm not sure if this is the right forum - I just signed up. But my question: I'm making a video for youtube that is going to require a couple of websites (I'm making) and an alert box. I've gotten the alert box to say what I want, but I want to change the 'title' on the box. Code: <script language="javascript"
type="text/javascript">
alert('Error-Internet is full. Please try again
later.')
</script>
It says, for the title, "JavaScript Application". Is there a way I can edit this? Thank you! how can i make my private message alert page refresh every 20 seconds or so. if you need to see the code am using just let me know. Thanks Im getting an error in line 44 of my code, my body tag with upload in it. The error says object expected. Any advice? Code: <HTML>
<HEAD>
<TITLE> **** </TITLE>
<SCRIPT type="text/javascipt">
var Color= new Array(9);
Color[1] = "ff";
Color[2] = "ee";
Color[3] = "dd";
Color[4] = "cc";
Color[5] = "bb";
Color[6] = "aa";
Color[7] = "99";
Color[8] = "88";
Color[9] = "77";
Color[10] = "66";
Color[11] = "55";
Color[12] = "44";
Color[13] = "33";
Color[14] = "22";
Color[15] = "11";
Color[16] = "00";
function fadeIn(where) {
if (where >= 1) {
document.bgColor="#" + Color[where] +"0000";
where -= 1;
setTimeout("fadeIn("+where+")", 15);
} else {
setTimeout('fadeOut(1)', 15);
}
}
function fadeOut(where) {
if (where <=16) {
document.bgColor="#" + Color[where] +"0000";
where += 1;
setTimeout("fadeOut("+where+")", 15);
} else {
setTimeout("fadeIn(16)", 15);
}
}
</SCRIPT>
</HEAD>
<body onLoad="fadeIn(16)">
<p></p>
</body>
</HTML>
ok i have this code it works fine for what i want but also id like to add in when the option is selected to have an alert that pops up acording to what option was selected Code: <html> <head> <title>Tech Support</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <form> <select onchange="this.form.solu.value=this.options[this.selectedIndex].value"> <option value="" selected>Select from Drop Down List</option> <option value="Plug in the Computer">No Power</option> <option value="Turn on the Monitor">Screen is Dark</option> </select><br> <br> <table> <tr> <td valign="top">Solution:</td> <td><textarea name="solu" rows="3" cols="30"></textarea></td> </tr> </table> </form> </body> </html> My code says that there's an error on line 44 which is the body tag with "onload" in it, i can't seem to find the solution to this error, any advice? <HTML> <HEAD> <TITLE> **** </TITLE> <SCRIPT type="text/javascipt"> var Color= new Array(9); Color[1] = "ff"; Color[2] = "ee"; Color[3] = "dd"; Color[4] = "cc"; Color[5] = "bb"; Color[6] = "aa"; Color[7] = "99"; Color[8] = "88"; Color[9] = "77"; Color[10] = "66"; Color[11] = "55"; Color[12] = "44"; Color[13] = "33"; Color[14] = "22"; Color[15] = "11"; Color[16] = "00"; function fadeIn(where) { if (where >= 1) { document.bgColor="#" + Color[where] +"0000"; where -= 1; setTimeout("fadeIn("+where+")", 15); } else { setTimeout('fadeOut(1)', 15); } } function fadeOut(where) { if (where <=16) { document.bgColor="#" + Color[where] +"0000"; where += 1; setTimeout("fadeOut("+where+")", 15); } else { setTimeout("fadeIn(16)", 15); } } </SCRIPT> </HEAD> <body onLoad="fadeIn(16)"> <p></p> </body> </HTML> hi guys, ive got a quiz box (its rubbish but its for an assignement) and atm my results pop up in an alert box, how would i get the results to be written into a div on my html page? thanks for any help. sam Code: var ans = new Array;
var done = new Array;
var yourAns = new Array;
var explainAnswer = new Array;
var score = 0;
ans[1] = "b";
ans[2] = "b";
ans[3] = "a";
ans[4] = "c";
ans[5] = "b";
explainAnswer[1]="Roar is Blackburn's mascot";
explainAnswer[2]="John Coleman is Accrington's manager";
explainAnswer[3]="The picture was infact David Beckham";
explainAnswer[4]="The golden oldie Ryan Giggs was PFA Player of the year";
explainAnswer[5]="The reason why Answer 5 is Blah Blah Blah";
function Engine(question, answer) {
yourAns[question]=answer;
}
function Score(){
var answerText = "How did you do?\n------------------------------------\n";
for(i=1;i<=5;i++){
answerText=answerText+"\nQuestion :"+i+"\n";
if(ans[i]!=yourAns[i]){
answerText=answerText+"\nThe correct answer was " +ans[i] + "\n"+explainAnswer[i]+"\n";
}
else{
answerText=answerText+" \nCorrect! \n";
score++;
}
}
answerText=answerText+"\n\nYour total score is : "+score+"\n";
//now score the user
answerText=answerText+"\nComment : ";
if(score<=0){
answerText=answerText+"You need to learn some more";
}
if(score>=1 && score <=1){
answerText=answerText+"Bit more practice needed";
}
if(score>=2 && score <=2){
answerText=answerText+"Bit more practice needed";
}
if(score>=3 && score <=3){
answerText=answerText+"Neither bad or birlliant. Good effort";
}
if(score>=4 && score <=4){
answerText=answerText+"4/5 aint bad!";
}
if(score>4){
answerText=answerText+"You are a footballing expert!!";
}
alert(answerText);
}
I've played around with this code but it seems as if I can't get the buttons to appear. Is this related to the script type? Anyone know how I can fix this? [the location is not set yet, my problem is just getting the buttons to show up] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE> Meats </TITLE> </HEAD> <BODY> <SCRIPT type="text/javascript"> <table> <table border="1" align="center" cellpadding="1" cellspacing="1" BGCOLOR=blue > <tr> <td> <INPUT type="button" value="Home" name="button1"onClick="window.location='http://www.htm'"> <td> <INPUT type="button" value="History" name="button2" onClick="window.location='http://steakslocation.htm'"> <td> <INPUT type="button" value="Residents" name="button3" onClick="window.location='http://porklocation.htm'"> <td> <INPUT type="button" value="Events" name="button4" onClick="window.location='http://poultrylocation.htm'"> <td> <INPUT type="button" value="Links" name="button5" onClick="window.location='http://venisonlocation.htm'"> </SCRIPT type="text/javascript"> <div id="PICTURE"> <img src="anthropormophic_bacon.jpg" height="90%" width="90%" alt="Buddy!" /> <center> Y Halo Thar </center> </div> </table> The content of the document...... </BODY> </HTML> Hi Guys/Ladies Im working through CSS learning it and so far its going well but i am stuck on this issue and a refuse to turn back to Html Tables etc i want to learn how to code without tables So i have a horizontal Menu bar and i would like to populate it with buttons linking to different sections on the site there is already two buttons but you can see from the image they are both touching one another i need to space them out, the buttons arent finished i want to get the layout sorted first then start adding detail. This is the CSS for the menu bar. I added the background image. HTML Code:
div.hideSkiplink
{
background-image: url('/images/BottomMenu.gif');
width:100%;
}
div.menu
{
padding: 4px 0px 4px 8px;
}
div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}
div.menu ul li a, div.menu ul li a:visited
{
background-color: #465c71;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}
div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
}
div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}
This is the code on the site master where im calling the CSS HTML Code: <div class="clear hideSkiplink">
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
<asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
</Items>
</asp:Menu>
</div>
iv attached the image so you can see what its doing.... Hope some one can help me Hey All, Well, I'm having some difficulty with buttons on my page. I've decided to add Google search to my website. However, I can't get the submit button to look right. Rather than the button appearing as shown in the photo directly below, it comes up looking like the button in the second photo below. I know this is a minor detail, but it's really bugging me and I can't figure out what's going on. Even if I go directly to Googles website, copy the source code, and paste it directly into my HTML editor (Frontpage 2003) the button still comes up looking like the one in the second picture. Any help would be greatly appreciated. Thanks! Tim www.corvette-restoration.com I would like to use images as links in my nav bar and im looking for a tutorial or some help with how to make the buttons change when diffrent actions are taken.. eg link visited hover active but i dont know how to change the properties of the link, if anyone can point me in the direction on how to do this either in CSS or in each web page i would be verry grateful i have looked around and havent been able to find anything Ok, ive made the background i want to use on photoshop and im using freewebs for now just to host my website. I've set the background to centre and top, and i am now trying to edit the site on frontpage. I need to put a button in that links to the main page from the first entrance page, which is easier enough. But i need the button to stay centered just below the logo, which is what i need help with. If you dont understand what i mean take a look yourself... http://www.freewebs.com/endofsyrum I need a "Click to Enter" button inbetween the bottom of the page and the bottom of the logo, and i would like it to stay there no matter what screen res or size fo window... Many Thanks, Narc So I'm extremely new to HTML and I am trying to make a button open new tabs to two sites. Here is what I got so far: HTML Code: <a href='http://www.planetminecraft.com' title='Planet Minecraft : Supporting our Addiction!'><img src='http://www.planetminecraft.com/images/banners/planet_minecraft_mb.gif' border='0' alt='Planet Minecraft Banner'></a> |
|||||||