|
HTML - Help Float Alert
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 Similar Tutorialshey 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 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 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! 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'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. 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() //]]> 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>
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> 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> 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 Is 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. 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 have a little problem, I have made a banner that always stick to the top, you can see it here http://moamo.co.uk (my testing server atm) I need the search bar to be placed to the very right of the bar. I need it the have padding on the right side, the same amount as there is with the Home button on the left to the very left (If ya understand what I mean) CSS: Quote: SOLVED } HTML: Quote: SOLVED Thank you very much. here is my html Code: <div style=" margin-bottom: 0.5em; font-weight: bold; width: 100%; border: 1px solid #0079D6 ; "> <div style="float: left; width: 75%; " > <ul style="margin: 0pt 0pt 0.5em 0.5em; list-style-type: none; list-style-image: none; list-style-position: outside; "> <li>Grant Program: <label style="font-weight: normal;" wicket:id="porgramName"/> (<label wicket:id="porgramAcronym"/>)</li> <li>Action Official: <label style="font-weight: normal;" wicket:id="grantsOfficerfname"/> <label style="font-weight: normal;" wicket:id="grantsOfficerlname"/> </li> </ul> </div> <div style="float: left; width: 25%;"> <ul style="margin-left: 0.5em; list-style-type: none; list-style-image: none; list-style-position: outside;"> <li><a href="" wicket:id="assignGrantsOfficerLink">Assign Action Official</a></li> <li><a href="" wicket:id="assignFindingdsLink">Assign Finding(s) to Grant Program</a></li> </ul> </div> <table cellspacing="0" class="dataview" style="margin-left: .5em; width: 95%;" wicket:id="programFindingsContainer" > <thead> <tr> <th>Finding #</th> <th>Finding Type</th> <th style="text-align: right;">Recommended Amount</th> <th>Grant Identifier</th> <th>Appropriation Number(s)</th> <th>CAN(s)</th> <th>Action</th> </tr> </thead> the first two divs works fine , but the third table floats left and dosent come below the div, ,please suggest how can I push the table below the div , Its working in IE and firefox but not in chrome , please suggest me On my site I have a div box set to float right, with some text on the left side. When I do this however the text looks quite choppy and each line terminates at a different point. This is what it looks like: This doesn't look too good, and I was wondering if there was anyway to use HTML or edit the CSS class of the box itself so that each line terminates at roughly the same point? hello fellows, I am new here and dont have much experience but trying to learn html and css. English is not my first language so please ignore my grammar mistakes. I am trying to line up divs in a row but seems I am failed to do it. I can do it by using tables but just wonder if it could be done without inserting tables. Here is my test page which I want to fix. Here is other test page contains tables. Any help would be much appreciated. I'm trying to get into the habit of going to tableless layouts. As an alternative, I'm using the float property. The layout looks fine in IE7 but looks horrid in Firefox. View in FireFox View in IE7 The first problem that I have is the div container that backgrounds the content. The second problem is the alignment of that div in Firefox. The third problem is why does the floating right content jump down in Firefox? I've attached index.html and style.css in the attachment. I'd appreciate the help. The problem is at - http://dynamixco.com/ You see I have floated frame1 and frame2 is horizontal to it... in firefox frame2 is a little below frame1 causeing it too look bad anyone know the solution? (both html and the css are validated) EDIT: now that I think of it, Im sorry if this is in the wrong section O.O EDIT: Resolved, the solution was floating one frame left and the other right. |
|||||||