|
JavaScript - Javascript Alternative For Html Accesskey
Hi There,
I'm developing a simple web application (they are a "choose the right answer" type of exercise) using JavaScript to deal with the data and logic behind this application. These applications require pressing a button to answer some proposed questions. My question is: Is there a way, using JavaScript, to create some accesKeys without having to press ALT+key (IE) or CTRL+ALT+key (mozilla firefox)? Thanks in Advance! Similar TutorialsIssue: I have a java script that bring up a simple password box, It works great in Chrome, Safari, firefox but I get a box in Internet explorer asking my customers to take another step to allow access. This is not good, Customers did not now what to do. Error: This website is using a scripted window to ask you for information. If you trust this website, click here to allow scripted windows Microsoft response: "Internet Explorer has blocked a website from using a small program (called a script) to display a separate window. Hackers sometimes use scripted windows to mimic legitimate windows, such as login screens, that appear on websites. If you trust the website and want to allow the scripted window, click the Information Bar, and then click Temporarily Allow Scripted Windows. To always allow scripted windows, check the Allow websites to prompt for information using scripted windows custom security setting." Objective: I now there is likely no way to by pass this, so i need a different solution. Possible a Form Box to be present on the site that when information is entered it passes the password to the javascript code to allow access? Please help, this is actually urgent as I have already lost a customer :-( Code: : <script>
function getStyle()
{
var temp = document.getElementById("admintable").style.visibility;
return temp;
}
function switchMain()
{
var isAuthed = authenticate();
if(isAuthed){
var current = getStyle();
if( current == "visible" ){
document.getElementById("admintable").style.visibility = "hidden";
}else{
document.getElementById("admintable").style.visibility = "visible";
}
}
}
function authenticate()
{
if(readCookie('authenticated')!=null)
{
return true;
}
else{
var password=prompt("Enter Code","")
if (password =="1234")
{
createCookie('authenticated',true);
return true;
}
}
return false;
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
</script>
Here is what I found online: http://www.anyexample.com/webdev/jav...lternative.xml UPDATE: I am a n00b, I need to incorporate this code below to the one above. Thanx Philip Code: <input type = "password" name = "pwd" id = "pwd" onchange = checkPassword(this.value)"
<script type = "text/javascript">
function checkPassword(which) {
if (which != "1234") { // password is visible!!!
alert ("Incorrect password - please try again");
document.getElementById("pwd").value ="";
return false;
}
else {
alert ("Password is correct!");
//do more stuff here, e.g create the cookie
}
}
</script>
favorite I'd like to modify a form on www.formsite.com (form builder app): username: testuser password: password I would like to use the nicedit.com's inline content editor's js to transform my textarea's into a richtext area. At present the nicedit editor works well in creating the richtextarea. However, the KEY point is that I would like formsite's form to pipe in the the created html and render it with the html component of formsite. Currently, the pipe function in formsite will only put out the html syntax in it's html module. action seen he http://fs8.formsite.com/testform/form1/index.html So this would be: 1. checking out my form on formsite.com 2. the script from nicedit.com is already installed in an html component. 3. changing or telling me the scripts/tags/or whatever for formsite form using formsites form builder (which allows some html/script editing). 4. changed so as to render the rich text entered on page 1 in page 2 instead of the html syntax. Any other solutions using formsite and any other richtextarea solutions would be great too! Hi Guys, I am new at JavaScript and start to do some tutorials.What I am trying to do here is prompting user to input a name and if the name was valid the page(document) will display with all objects like the button.But if user enter a wrong name then the button will be disabled! I create the following code but it did not work <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>New Web Project</title> <script language="JavaScript" type=""> function changeColor(){ document.bgColor = "Gray"; } </script> </head> <body> <script language="JavaScript" type="text/javascript"> var person = ""; person = prompt('What is Your Name:'); if (person == "Foo") { document.write("<h1 />Welcome " + person); document.bgColor = "Yellow"; } else { document.write("<h1 />Access Denied!!!!"); document.bgColor = "Red"; document.getElementById("gree").disabled = true; } </script> <div> <p/><input id="gree" type="button" value="Gray " onClick="changeColor();"> </div> </body> </html> as you can see I used the: document.getElementById("gree").disabled = true; but it did not work , could you please give an idea how I can solve this problem? Thanks The site i am building uses a large content slider as its main navigation. There is an absolutely positioned header on the page, and the slider sits underneath. This all works perfectly once i am linking (to named anchors) within the same page However when an external pages links to one of the anchors, the top of the slider content is hidden underneath the header - the user need to scroll down to get the content to start below the header. Long story short, I have used the following to force the browser to scroll to the top of the page when it loads: <script type="text/javascript"> window.onload = function(){ window.scrollTo(0,0); } </script> This doesnt load until everything else on the page has loaded though, is there a way to force the browser to scroll to the top BEFORE everything else loads? Or better yet not to scroll at all but to make sure the window is positioned at (0,0) automatically when it loads? Also, this doesnt seem to be working at all in IE Thanks in advance! Hi, Is there any alternative to the ' body onload="" ' function? I have on the page several scripts running and one is blocking the others because of the body onload function. It is working if I change that to body onfocus but it is loading the content all over when the user gets back to the page. Any ideas how can I avoid this? I can't apply onload to some element, onfocus is not working and this code also does not suite me: Code: <script type="text/javascript> function(); </script> Thanks in any case! Batric Hey everyone! I used to use iframes to load external content without resetting the parent page. After reading the disadvantage of iframes, I've been looking for alternatives. I Googled and found different solutions, however with a problem: what I found are all scripts that require Java, meaning my design would be rendered useless in a java-disabled browser. So is there a safe method I can use, one allowing me to have navigation tabs on a single page that loads content into a div/or any kind of alternative to an iframe (without resetting the page) ? Thanks in advance. Nat I have this code http://www.jsfiddle.net/Nntc7/ created by a pdf publisher, I need to offer non flash content to users but dont know javascript and I cant get the thing to work using swfobject, How do I edit this to allow for alternative content?? thanks in advance is there any alternative to document.write() which writes only in a specific part of document, does not overwrite whole document. and yeah, in this case the document.getElementById().innerHTML dosent work either, coz its in a loop, here's the code if you wanna see: Code: if (aa==1)
{
for (i=0;i<a.length;i++)
{
c = txt;
b = a[i].childNodes[0].nodeValue; // a is already assigned someplace in a xml document.
txt = (b==" T4 ")? "T4 <br />": "";
document.write(c);
}
}
Note: in the above code, the code: Code: txt = (b==" T4 ")? "T4 <br />": ""; is same as (also can be written as ) the code : Code: if (b==" T4 ")
{
txt = "T4 <br />" ;
}
else
{
txt = "" ;
}
I am very new to JavaScript, however I already seem semi-stumped. The tutorial I am using, mentions that for tutorial example purposes they use document.write() however it suggests that I avoid using this as it will overwrite the whole HTML page. I know that I can use document.getElementById() for some things... however this begs my question: When do you use document.write(), when do you use document.getElementById() and is there also another method you use to change/write to the HTML Document using JavaScript? Otherwise, do you just use document.getElementById() quite a lot in JavaScript? Like I said, I'm very new to JavaScript, so it's all still very new to me. Cheers, Asher I need to detect the "name" of the constructor of an object. For example, myArray.constructor === Array is true, but I want something where that === 'Array' is true. I've heard of Object.constructor.name, but it's not widely compatible. Any ideas (preferably without involving regular expressions)? Thanks in advnce, Julian Hey guys. So right now I'm able to execute javascript code on my website without the use of <script> tags. Example: <body onload=alert("cool");></body> What I want to be able to do is insert an external javascript file located at another website using JavaScript code (not script tags). How can this be done? Thanks I'm working on code for my forums that will allow users to post text which can be moused over to display an image that will follow the cursor (provided the cursor is hovering above the specific text). The code works, but it obviously can't be used for more than one picture per page because getElementById finds the first div and always displays it onmouseover of any attempted mouseover text. The Javascript in <head> is Code: <script type="text/javascript">
// Pop up code begin
function ShowPopup(hoveritem)
{
hp = document.getElementById("hoverpopup");
// Set popup to visible
hp.style.visibility = "Visible";
}
function HidePopup()
{
hp = document.getElementById("hoverpopup");
hp.style.visibility = "Hidden";
}
// Follow mouse script begin
var divName = 'hoverpopup'; // div that is to follow the mouse
// (must be position:absolute)
var offX = 5; // X offset from mouse position
var offY = 5; // Y offset from mouse position
function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}
function follow(evt) {if (document.getElementById) {var obj = document.getElementById(divName).style;
obj.left = (parseInt(mouseX(evt))+offX) + 'px';
obj.top = (parseInt(mouseY(evt))+offY) + 'px';}}
document.onmousemove = follow;
</script>
So the display code is Code: <a id="hoverover" style="cursor:default;" onMouseOver="ShowPopup(this);" onMouseOut="HidePopup();">text here</a> <div id="hoverpopup" style="visibility:hidden; position:absolute;"><img src="url here"></div> I just want to be able to have more than one instance on each page and still be able to declare the image url in the body and not within the javascript. After much research i understand that Safari isn't able to call the onClick Event like the other browsers do. So how do i get Safari to act like the other browsers is my question? I have see no real alternative. Can any of you help? My current code is below. It works in all browsers except Safari (haven't checked Chrome, but it should be same as Safari what i read). Thanks much. Code: <script language="Javascript">
<!--
$(document).ready(function() {
$('.create_project').click(function(){
alert('its working');
});
});
//-->
</script>
Code: a href="javascript:void(0);" class="create_project"><img src="b.create.off.gif" width="99" height="45" border="0" id="Image51" onMouseOver="MM_swapImage('Image51','','b.create.on.gif',1)" onMouseOut="MM_swapImgRestore()">
Hi! I want the result of a fileld to appear bellow the form and not in a new blank page (witch happens when you have document.write?). I guess it has something to do with "innerHTML"? Can anyone of you help me to make the result of this IF to appear bellow the form? if (document.Form.TypedInField.value == "The Cable Guy") { document.write("You just wrote a title of a nice movie") } I have the form and everything works perfect, except of that the result of what the user have wrote (beacuse of docuemnt.write) land in blank window. I would be very happy of any of you could solve this for me Two things: I'm making a website for my online portfolio for Uni... 1. I want to make a prev|next (preferably with the numbers after too if possible) to flick through my work so I don't have to scroll around the page. 2. I want to create a slide down menu that stays open when an option is selected. Hope I've explained it well! Thanks in advance I am making an webpage where you get two random photos and you click using the arrow keys which one you like best and that one stays and goes on the versus the next random photo. I got it so far when you start the page it sets two random pictures but i dont know how to do key inputs on html Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Which Is better?</title>
<h1 align = center>Which is better?</h1>
<script language="JavaScript">
var theImages = new Array()
var thePictures = new Array()
thePictures[1] = 'untitled-1.jpg'
thePictures[2] = 'untitled-2.jpg'
thePictures[3] = 'untitled-3.jpg'
thePictures[4] = 'untitled-4.jpg'
thePictures[5] = 'untitled-5.jpg'
thePictures[6] = 'untitled-6.jpg'
thePictures[7] = 'untitled-7.jpg'
thePictures[8] = 'untitled-8.jpg'
thePictures[9] = 'untitled-9.jpg'
thePictures[10] = 'untitled-10.jpg'
thePictures[11] = 'untitled-11.jpg'
thePictures[12] = 'untitled-12.jpg'
thePictures[13] = 'untitled-13.jpg'
thePictures[14] = 'untitled-14.jpg'
thePictures[15] = 'untitled-15.jpg'
thePictures[16] = 'untitled-16.jpg'
thePictures[17] = 'untitled-17.jpg'
thePictures[18] = 'untitled-18.jpg'
thePictures[19] = 'untitled-19.jpg'
thePictures[20] = 'untitled-20.jpg'
thePictures[21] = 'untitled-21.jpg'
thePictures[22] = 'untitled-22.jpg'
thePictures[23] = 'untitled-23.jpg'
thePictures[24] = 'untitled-24.jpg'
thePictures[25] = 'untitled-25.jpg'
thePictures[26] = 'untitled-26.jpg'
thePictures[27] = 'untitled-27.jpg'
thePictures[28] = 'untitled-28.jpg'
thePictures[29] = 'untitled-29.jpg'
thePictures[30] = 'untitled-30.jpg'
thePictures[31] = 'untitled-31.jpg'
thePictures[32] = 'untitled-32.jpg'
thePictures[33] = 'untitled-33.jpg'
thePictures[34] = 'untitled-34.jpg'
thePictures[35] = 'untitled-35.jpg'
thePictures[36] = 'untitled-36.jpg'
thePictures[37] = 'untitled-37.jpg'
thePictures[38] = 'untitled-38.jpg'
thePictures[39] = 'untitled-39.jpg'
thePictures[40] = 'untitled-40.jpg'
thePictures[41] = 'untitled-41.jpg'
thePictures[42] = 'untitled-42.jpg'
thePictures[43] = 'untitled-43.jpg'
thePictures[44] = 'untitled-44.jpg'
thePictures[45] = 'untitled-45.jpg'
thePictures[46] = 'untitled-46.jpg'
thePictures[47] = 'untitled-47.jpg'
thePictures[48] = 'untitled-48.jpg'
thePictures[49] = 'untitled-49.jpg'
thePictures[50] = 'untitled-50.jpg'
thePictures[51] = 'untitled-51.jpg'
thePictures[52] = 'untitled-52.jpg'
thePictures[53] = 'untitled-53.jpg'
thePictures[54] = 'untitled-54.jpg'
thePictures[55] = 'untitled-55.jpg'
thePictures[56] = 'untitled-56.jpg'
thePictures[57] = 'untitled-57.jpg'
thePictures[58] = 'untitled-58.jpg'
thePictures[59] = 'untitled-59.jpg'
thePictures[60] = 'untitled-60.jpg'
thePictures[61] = 'untitled-61.jpg'
thePictures[62] = 'untitled-62.jpg'
thePictures[63] = 'untitled-63.jpg'
thePictures[64] = 'untitled-64.jpg'
thePictures[65] = 'untitled-65.jpg'
thePictures[66] = 'untitled-66.jpg'
thePictures[67] = 'untitled-67jpg'
thePictures[68] = 'untitled-68.jpg'
thePictures[69] = 'untitled-69.jpg'
thePictures[70] = 'untitled-70.jpg'
thePictures[71] = 'untitled-71.jpg'
thePictures[72] = 'untitled-72.jpg'
thePictures[73] = 'untitled-73.jpg'
thePictures[74] = 'untitled-74.jpg'
thePictures[75] = 'untitled-1.jpg'
thePictures[76] = 'untitled-2.jpg'
thePictures[77] = 'untitled-77.jpg'
thePictures[78] = 'untitled-78.jpg'
thePictures[79] = 'untitled-79.jpg'
thePictures[80] = 'untitled-80.jpg'
thePictures[81] = 'untitled-81.jpg'
thePictures[82] = 'untitled-82.jpg'
thePictures[83] = 'untitled-83.jpg'
thePictures[84] = 'untitled-84.jpg'
thePictures[85] = 'untitled-85.jpg'
thePictures[86] = 'untitled-86.jpg'
thePictures[87] = 'untitled-87.jpg'
thePictures[88] = 'untitled-88.jpg'
thePictures[89] = 'untitled-89.jpg'
thePictures[90] = 'untitled-90.jpg'
thePictures[91] = 'untitled-91.jpg'
thePictures[92] = 'untitled-92.jpg'
thePictures[93] = 'untitled-93.jpg'
thePictures[94] = 'untitled-94.jpg'
thePictures[95] = 'untitled-95.jpg'
thePictures[96] = 'untitled-96.jpg'
thePictures[97] = 'untitled-97.jpg'
thePictures[98] = 'untitled-98.jpg'
thePictures[99] = 'untitled-99.jpg'
thePictures[100] = 'untitled-100.jpg'
thePictures[101] = 'untitled-101.jpg'
thePictures[102] = 'untitled-102.jpg'
thePictures[103] = 'untitled-103.jpg'
thePictures[104] = 'untitled-104.jpg'
thePictures[105] = 'untitled-105.jpg'
thePictures[106] = 'untitled-106.jpg'
thePictures[107] = 'untitled-107.jpg'
thePictures[108] = 'untitled-108.jpg'
thePictures[109] = 'untitled-109.jpg'
thePictures[110] = 'untitled-110.jpg'
thePictures[111] = 'untitled-111.jpg'
thePictures[112] = 'untitled-112.jpg'
thePictures[113] = 'untitled-113.jpg'
thePictures[114] = 'untitled-114.jpg'
thePictures[115] = 'untitled-115.jpg'
thePictures[116] = 'untitled-116.jpg'
thePictures[117] = 'untitled-117.jpg'
thePictures[118] = 'untitled-118.jpg'
thePictures[119] = 'untitled-119.jpg'
thePictures[120] = 'untitled-120.jpg'
thePictures[121] = 'untitled-121.jpg'
thePictures[122] = 'untitled-122.jpg'
thePictures[123] = 'untitled-123.jpg'
thePictures[124] = 'untitled-124.jpg'
thePictures[125] = 'untitled-125.jpg'
thePictures[126] = 'untitled-126.jpg'
thePictures[127] = 'untitled-127.jpg'
thePictures[128] = 'untitled-128.jpg'
thePictures[129] = 'untitled-129.jpg'
thePictures[130] = 'untitled-130.jpg'
thePictures[131] = 'untitled-131.jpg'
thePictures[132] = 'untitled-132.jpg'
thePictures[133] = 'untitled-133.jpg'
thePictures[134] = 'untitled-134.jpg'
thePictures[135] = 'untitled-135.jpg'
thePictures[136] = 'untitled-136.jpg'
thePictures[137] = 'untitled-137.jpg'
thePictures[138] = 'untitled-138.jpg'
thePictures[139] = 'untitled-139.jpg'
thePictures[140] = 'untitled-140.jpg'
thePictures[141] = 'untitled-141.jpg'
thePictures[142] = 'untitled-142.jpg'
thePictures[143] = 'untitled-143.jpg'
thePictures[144] = 'untitled-144.jpg'
thePictures[145] = 'untitled-145.jpg'
thePictures[146] = 'untitled-146.jpg'
thePictures[147] = 'untitled-147.jpg'
thePictures[148] = 'untitled-148.jpg'
thePictures[149] = 'untitled-149.jpg'
thePictures[150] = 'untitled-150.jpg'
theImages[1] = 'untitled-1.jpg'
theImages[2] = 'untitled-2.jpg'
theImages[3] = 'untitled-3.jpg'
theImages[4] = 'untitled-4.jpg'
theImages[5] = 'untitled-5.jpg'
theImages[6] = 'untitled-6.jpg'
theImages[7] = 'untitled-7.jpg'
theImages[8] = 'untitled-8.jpg'
theImages[9] = 'untitled-9.jpg'
theImages[10] = 'untitled-10.jpg'
theImages[11] = 'untitled-11.jpg'
theImages[12] = 'untitled-12.jpg'
theImages[13] = 'untitled-13.jpg'
theImages[14] = 'untitled-14.jpg'
theImages[15] = 'untitled-15.jpg'
theImages[16] = 'untitled-16.jpg'
theImages[17] = 'untitled-17.jpg'
theImages[18] = 'untitled-18.jpg'
theImages[19] = 'untitled-19.jpg'
theImages[20] = 'untitled-20.jpg'
theImages[21] = 'untitled-21.jpg'
theImages[22] = 'untitled-22.jpg'
theImages[23] = 'untitled-23.jpg'
theImages[24] = 'untitled-24.jpg'
theImages[25] = 'untitled-25.jpg'
theImages[26] = 'untitled-26.jpg'
theImages[27] = 'untitled-27.jpg'
theImages[28] = 'untitled-28.jpg'
theImages[29] = 'untitled-29.jpg'
theImages[30] = 'untitled-30.jpg'
theImages[31] = 'untitled-31.jpg'
theImages[32] = 'untitled-32.jpg'
theImages[33] = 'untitled-33.jpg'
theImages[34] = 'untitled-34.jpg'
theImages[35] = 'untitled-35.jpg'
theImages[36] = 'untitled-36.jpg'
theImages[37] = 'untitled-37.jpg'
theImages[38] = 'untitled-38.jpg'
theImages[39] = 'untitled-39.jpg'
theImages[40] = 'untitled-40.jpg'
theImages[41] = 'untitled-41.jpg'
theImages[42] = 'untitled-42.jpg'
theImages[43] = 'untitled-43.jpg'
theImages[44] = 'untitled-44.jpg'
theImages[45] = 'untitled-45.jpg'
theImages[46] = 'untitled-46.jpg'
theImages[47] = 'untitled-47.jpg'
theImages[48] = 'untitled-48.jpg'
theImages[49] = 'untitled-49.jpg'
theImages[50] = 'untitled-50.jpg'
theImages[51] = 'untitled-51.jpg'
theImages[52] = 'untitled-52.jpg'
theImages[53] = 'untitled-53.jpg'
theImages[54] = 'untitled-54.jpg'
theImages[55] = 'untitled-55.jpg'
theImages[56] = 'untitled-56.jpg'
theImages[57] = 'untitled-57.jpg'
theImages[58] = 'untitled-58.jpg'
theImages[59] = 'untitled-59.jpg'
theImages[60] = 'untitled-60.jpg'
theImages[61] = 'untitled-61.jpg'
theImages[62] = 'untitled-62.jpg'
theImages[63] = 'untitled-63.jpg'
theImages[64] = 'untitled-64.jpg'
theImages[65] = 'untitled-65.jpg'
theImages[66] = 'untitled-66.jpg'
theImages[67] = 'untitled-67.jpg'
theImages[68] = 'untitled-68.jpg'
theImages[69] = 'untitled-69.jpg'
theImages[70] = 'untitled-70.jpg'
theImages[71] = 'untitled-71.jpg'
theImages[72] = 'untitled-72.jpg'
theImages[73] = 'untitled-73.jpg'
theImages[74] = 'untitled-74.jpg'
theImages[75] = 'untitled-75.jpg'
theImages[76] = 'untitled-76.jpg'
theImages[77] = 'untitled-77.jpg'
theImages[78] = 'untitled-78.jpg'
theImages[79] = 'untitled-79.jpg'
theImages[80] = 'untitled-80.jpg'
theImages[81] = 'untitled-81.jpg'
theImages[82] = 'untitled-82.jpg'
theImages[83] = 'untitled-83.jpg'
theImages[84] = 'untitled-84.jpg'
theImages[85] = 'untitled-85.jpg'
theImages[86] = 'untitled-86.jpg'
theImages[87] = 'untitled-87.jpg'
theImages[88] = 'untitled-88.jpg'
theImages[89] = 'untitled-89.jpg'
theImages[90] = 'untitled-90.jpg'
theImages[91] = 'untitled-91.jpg'
theImages[92] = 'untitled-92.jpg'
theImages[93] = 'untitled-93.jpg'
theImages[94] = 'untitled-94.jpg'
theImages[95] = 'untitled-95.jpg'
theImages[96] = 'untitled-96.jpg'
theImages[97] = 'untitled-97.jpg'
theImages[98] = 'untitled-98.jpg'
theImages[99] = 'untitled-99.jpg'
theImages[100] = 'untitled-100.jpg'
theImages[101] = 'untitled-101.jpg'
theImages[102] = 'untitled-102.jpg'
theImages[103] = 'untitled-103.jpg'
theImages[104] = 'untitled-104.jpg'
theImages[105] = 'untitled-105.jpg'
theImages[106] = 'untitled-106.jpg'
theImages[107] = 'untitled-107.jpg'
theImages[108] = 'untitled-108.jpg'
theImages[109] = 'untitled-109.jpg'
theImages[110] = 'untitled-110.jpg'
theImages[111] = 'untitled-111.jpg'
theImages[112] = 'untitled-112.jpg'
theImages[113] = 'untitled-113.jpg'
theImages[114] = 'untitled-114.jpg'
theImages[115] = 'untitled-115.jpg'
theImages[116] = 'untitled-116.jpg'
theImages[117] = 'untitled-117.jpg'
theImages[118] = 'untitled-118.jpg'
theImages[119] = 'untitled-119.jpg'
theImages[120] = 'untitled-120.jpg'
theImages[121] = 'untitled-121.jpg'
theImages[122] = 'untitled-122.jpg'
theImages[123] = 'untitled-123.jpg'
theImages[124] = 'untitled-124.jpg'
theImages[125] = 'untitled-125.jpg'
theImages[126] = 'untitled-126.jpg'
theImages[127] = 'untitled-127.jpg'
theImages[128] = 'untitled-128.jpg'
theImages[129] = 'untitled-129.jpg'
theImages[130] = 'untitled-130.jpg'
theImages[131] = 'untitled-131.jpg'
theImages[132] = 'untitled-132.jpg'
theImages[133] = 'untitled-133.jpg'
theImages[134] = 'untitled-134.jpg'
theImages[135] = 'untitled-135.jpg'
theImages[136] = 'untitled-136.jpg'
theImages[137] = 'untitled-137.jpg'
theImages[138] = 'untitled-138.jpg'
theImages[139] = 'untitled-139.jpg'
theImages[140] = 'untitled-140.jpg'
theImages[141] = 'untitled-141.jpg'
theImages[142] = 'untitled-142.jpg'
theImages[143] = 'untitled-143.jpg'
theImages[144] = 'untitled-144.jpg'
theImages[145] = 'untitled-145.jpg'
theImages[146] = 'untitled-146.jpg'
theImages[147] = 'untitled-147.jpg'
theImages[148] = 'untitled-148.jpg'
theImages[149] = 'untitled-149.jpg'
theImages[150] = 'untitled-150.jpg'
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}
var j = 0
var p = thePictures.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = thePictures[i]
}
var whichPicture = Math.round(Math.random()*(p-1));
function showPicture(){
document.write('<img src="'+thePictures[whichPicture]+'"align = right >');
}
// End -->
</script>
</head>
<body>
<script language="JavaScript">
showImage();
</script>
<script language="JavaScript">
showPicture();
</script>
<h4 align = center> Click Left or Right arrow key to select which one is better. </h4>
</body>
</html>
Ok, problem has been solved! ^^
Help with JavaScript in HTML? Okay, I have done everything that I can to try and figure this one out...I am stumped. I need to display the flag of the specific country when the radio button of that flag is clicked. The book states: Create a Web Page that contains a table with two columns in a single row. In the first column, create a list of radio buttons that contains the name of each of the 10 countries. In the second column, display the flag of the selected country in an anchor element. Use onclick even handlers to display the flag image for each selected country. When the page first loads, the image should be blank. Here is my code: Code: <!DOCTYPE HTML> <!--My Name--> <!--Chapter 8 Page 478--> <!--October 28, 2011--> <html> <head> <title>Country Flags</title> <script type="text/javascript"> /* <![CDATA[ */ var argentina = "argentina.jpg" var australia = "australia.jpg" var bolivia = "bolivia.jpg" var cuba = "cuba.jpg" var finland = "finland.jpg" var france = "france.jpg" var italy = "italy.jpg" var peru = "peru.jpg" var syria = "syria.jpg" var tunisia = "tunisia.jpg" /* ]] */ </script> </head> <body> <form name="flags" action=" " method="get"> <table style="border: 1; width: 100%"> <tr valign="top"> <td> <input type="radio" name="flags" onclick= "document.argentina.jpg" /> Argentina <input type="radio" name="flags" onclick= "document.flags.country.value=austra… /> Australia <input type="radio" name="flags" onclick= "document.flags.country.value=bolivi… /> Bolivia <input type="radio" name="flags" onclick= "document.flags.country.value=cuba" /> Cuba <input type="radio" name="flags" onclick= "document.flags.country.value=finlan… /> Finland <input type="radio" name="flags" onclick= "document.flags.country.value=france… /> France <input type="radio" name="flags" onclick= "document.flags.country.value=italy" /> Italy <input type="radio" name="flags" onclick= "document.flags.country.value=peru" /> Peru <input type="radio" name="flags" onclick= "document.flags.country.value=syria" /> Syria <input type="radio" name="flags" onclick= "document.flags.country.value=tunisi… /> Tunisia </td> </p> <td> <textarea name="country" cols="75" rows="20" style="background-color: Transparent; border: none; overflow: hidden"></textarea> </td> </tr> </table> </form> </p> </body> </html> Can someone please help me out here. Thanks |
|||||||