|
JavaScript - Passwords In Html
Pls help me as to how to code for the password form in html and then make it to be recognized in a notepad. what i mean is... when logging in or when entering a password the html should look or match it in a notepad and see if its the correct one. and to at least allow people to register and save the passwords in that same notepad.
Thanks in advance Similar TutorialsOk, I have no idea how to really even explain what's been asked of me, but it's seems to me that this could be a bit beyond my knowledge. We're creating an alternate reality game which starts with a series of questions that people can choose from two answers. The answers will determine which path the person will travel. They'll be given a password at the end of the series of questions. There are three possible paths, which means three possible passwords given. On the same page, beneath the questions would be a text box with a "submit" button. The password they are given would be typed in there, and then they'd proceed to the proper page. This keeps from people being able to "skip" the questions portion. What they'd proceed to next is a video which is currently being made for our event, which has hidden puzzles and clues in it to find the next password. Rinse and repeat... My problem? How the heck do I make that box and submit button and password all work together when I have more than one password? Even more so, how do I make the password/submit button direct someone to the correct URL (without revealing the URL, and also prevents anyone from copying the URL and sharing it to bypass the password request)? For example: Questions are complete and the password "invention" is given. The person types in the word invention and presses submit. It directs the to www.url.com/game1 automatically. While someone else will come in, answer the questions, and the password "intelligence" would be given. That person types in the word intelligence and presses submit into the same box, using the same button that the person who typed in the word invention typed in. But this person would instead be directed to www.url.com/game2 If either person shared the link they were directed to, then it'd prompt people to put in a password before letting them in. How in the darn world do I make this happen?? LOL! Thanks in advance for any time, advice, or tutorials provided! ---------------------------------------- Added later.... I might need to go ahead and ask this as well.. since it got me to thinking.. How would I go about hiding the URL as well. I'm only interested in doing it for the game side of the site to keep from people sharing that URL and stripping the "fun" away from the game. Hopefully it is something simple? I'm fairly new at coding. My knowledge is no where as vast as I see many others here are. So if you should decide to have the patience to assist me, please be specific in steps like you are describing this to your kid who has no idea what you're talking about. I hate to present it that way, but I don't want to annoy anyone by stating I don't understand. Hi all, I'm trying to match two passwords to one another. The user enters the password into two fields and onblur from the second field, the function runs. Here is my code: Code: function validatePassword(inputField, inputField2, helpText, helpMessage) {
// First see if the input value contains data
if (!validateNonEmpty(inputField, helpText))
return false;
var inputField = document.getElementById('inputField').firstChild.nodeValue
var inputField2 = document.getElementById ('inputField2').firstChild.nodeValue
}
if (inputField !== inputField2) {
// The data is invalid, so set the help message and return false
if (helpText != null)
helpText.innerHTML = helpMessage;
}
else {
// The data is OK, so clear the help message and return true
if (helpText != null)
helpText.innerHTML = "";
}
};
Code: document.getElementById('password2').onblur = function() {
validatePassword(this, document.getElementById('password'), document.getElementById('password2_help'), "<p>Passwords don't match</p>'");
};
I am passing a help text to a span element inside the form: Code: <div class="fieldset"> <label for="password2">Confirm:</label> <input type="password" id="password2" name="password2" /> <span id="password2_help" class="help"></span><br/> </div><!--fieldset--> What's going on here? As far as I can tell it this should be working. Thanks, Andrew Need to write a script that will ask for password and then give an alert with either successful login or unsuccessful login. It needs to use the while loop and I need for the script to accept four different passwords. I can script it for one password but can not figure out how to get it to work for other the passwords. Unfortunately I don't know computer programming and very little html and was allowed to sign up for a course that is too advanced for me and I can't drop it because I will lose my financial aid so with I am really struggling in this class and the assignments do not really go with the textbook and examples provided. Here is the code I have so far: <html> <body> <script type="text/javascript"> var password = new Array ("midland", "baycity", "saginaw", "delta"); var tries = 3; password = prompt("Enter password", ""); while (password != "midland" && tries > 0) { alert("Incorrect password - You have " + tries + " more tries"); password = prompt("Enter password", ""); tries--; } if (password == "midland") alert("Login Successful"); else alert ("Login Failed - Please Try Later"); </script> </body> 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! If I have a javascript var in a webpage(html form textarea VALUE - yui) that contains html code, and want to appear it, in confirmformpage.php, then how to transfer it...? is it really needed go via PHP ...? and ofcourse use innerHTML to write it....yes I usually use an intermitened processform.php script. http://developer.yahoo.com/yui/editor I have this function: Code: function thirdLevelElements()
{
var name=prompt("Name of XML file you wish to load","")
var xmlDoc=loadXML(name)
x=xmlDoc.documentElement.firstChild.nextSibling.childNodes;
for (i=0;i<x.length;i++)
{
if (x[i].nodeType==1)
{
document.write(x[i].nodeName);
}
}
document.getElementById("display").innerHTML=x
}
Designed to cycle through an XML file and list all the third level elements, the problem being that instead of linking to a new page, I want to insert it in inner HTML, which is something I don't use a lot. Anyway, anyone know how you fit the loop that prints the xml node names into the innerHTML statement correctly, I'm getting a bit frustrated with this, like I said I never really use innerHTML. Thanks. 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>
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 So I have this timeline that runs from 1991 to 2011, and it's broken into two parts. What I want to happen is when a user clicks the links to each section the slider will respond. This is an example of how I want it to function: http://www.stevenserna.com/test2 And after some modification and implementation this is what I have so far(the links to change the timeline are in the top left): http://www.stevenserna.com/test It seems like the second section doesn't want come up and stay next to the first section and instead stays below it. If you increase the height of the mask in the style file you can see the second section hanging out below. This kind of seems more like a CSS issue but I thought I would post it in here since has to do with a javascript based slider. Any help would be awesome! Thanks! Hi, am new to Java, Jquery and Java Script and I am finding my way through recently... I have this HTML code Code:
<html:text styleClass="ui-inputText" size="12" styleId="fromDate" property="fromDate" name="HomePageForm" readonly="readonly" />
<script>
initDatePicker("fromDate");
</script>
I want to perform this action using JS. This will create a text-box with a calender affixed to it if used in Plain HTML... This is the initdatepicker function Code: function initDatePicker(dateFieldId){
var format = '<%=ctx.getDateFormat()%>';
if (format == "yyyy-MM-dd"){
format= "yy-mm-dd";
}else if (format == "MM/dd/yyyy"){
format= "mm/dd/yy";
}else if (format == "dd-MMM-yyyy"){
format= "dd-M-yy"
}
$("#"+dateFieldId).datepicker({
showOn: 'button',
buttonImage: 'include/images/icons/calendar.png',
buttonImageOnly: true,
changeMonth: false,
changeYear: false,
buttonText: 'Select date' ,
dateFormat: format
});
}
I have done a few things, but, could not get the result I need... Code: cellIndex++;
var cellObj=$('#genericRules tr:eq('+index+') td:eq('+cellIndex+')');
cellObj.html('');
var table = document.getElementById("genericRules");
var rowElem = table.rows[index];
var cell = rowElem.insertCell(3);
var txtInp = getTextField(indexName,index,'8');
cell.appendChild(txtInp);
var dateImg = getImage(index);
cell.appendChild(dateImg);
cell.align="center";
initDatePicker(indexName + '['+index+'].'+name+'from');
function getTextField(indexName, index, size) { //, maxlength
var txtInp = document.createElement('input');
txtInp.setAttribute('type', 'text');
txtInp.setAttribute('class', 'ui-inputText');
txtInp.setAttribute('indexed', 'true');
txtInp.setAttribute('name', indexName + '['+index+'].'+name+'from');
txtInp.setAttribute('id', indexName + '['+index+'].'+name+'from');
txtInp.setAttribute('size',size);
txtInp.className = "ui-inputText";
txtInp.name=indexName+'['+index+'].'+name;
txtInp.indexed ='true';
return txtInp;
}
function getImage(index){
var image = document.createElement("img");
image.src = "<%=request.getContextPath()%>/include/images/icons/calendar.png";
image.setAttribute('class', 'inputCalendar');
image.className = "inputCalendar";
image.name = "imgDatevalue"+index;
image.id = "imgDatevalue"+index;
return image;
}
My application is now showing me the image but, am not able to get the calender when i click on it.. I need help on this thing... Please try to provide me with soem intel... 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 Hi i would like to get my script working in a netbeans project in a .jsp format what changes do i have to make, i stored the images the same place as the .jsp but they don't show Code: <%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>index</title>
<script language="JavaScript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
</head>
<body>
<h1>slide show</h1>
<a href="javascript:gotoshow()"><img src="img1.jpg" name="slide" border=0 width=200 height=200></a>
<script>
<!--
slideshowimages("img1.jpg","img2.jpg","img3.jpg","img4.jpg")
slideshowlinks("")
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
</body>
</html>
sorry if this is in the wrong place -is a noob- Hi, I have read (and been told) that the current standard/fashion is to have separate files for html, css and javascript but nobody has ever said why that is... it would seem to me to be easier to keep everything in one file, but there must be advantages to separating them out. Does anybody feel like breaking them down for me? thanks in advance. It's a sort of mad lib. I have written codes for both windows. I just don't know what code to write in, or outside the tellStory function to display the actual story once the other window is called open.... <html> <head> <title>Silly Storey About You</title> </head> <script> function tellStorey() { setupStoryWindow(); } function setupStoryWindow(name, contentString) { var header = "<head><title>" + name + " 's story</title><head>" + "<h1>" + name + " 's story</h1>"; var storyWindow = window.open('', 'storyWindow'); storyWindow.document.write(header); storyWindow.document.write(contentString); storyWindow.document.close(); storyWindow.focus(); } </script> <body> <h1>Tell Your Storey</h1> <form name="input" method="get"> <p>Your first name: <input type="text" name="yourFirstName" /></p> <p>Your gender: <select name=yourGenderList> <option value="girl">girl <option value="guy">guy </select></p> <p>City you'd like to visit some day: <input type="text" name="city"/></p> <p>A fruit (plural form): <input type="text" name="fruit"/></p> <p>Your favorite teacher's name: <input type="text" name="teacher" /></p> <p>Your best friend's name: <input type="text" name="friend" /></p> <p>Your favorite actor's name: <input type="text" name="actor" /></p> <p>A large animal: <input type="text" name="animal" /></p> <p><input type=button value="Tell a Storey" onclick='tellStorey();'</p> </form> </body> </html> //here's the story "One fine morning on valentine's day a" + yourGenderList + "named" + yourFirstName + "woke up so excited. For today was going to be a single's date night in" + city + ", which is well known for "+ fruit + "." + name + "'s friend" + friend + "recommended that I go because they ended up, curiously enough, meeting and marrying my high school teacher" + teacher + ". I'm just hoping to meet someone that looks like" + actor + ". I've had a crush on"+ actor + "for too many years now. Well, realistically, that probably won't happen, but as long as they look like a" + animal + ", then my night will be worth while!" First post here and its a "is this possible to do question?" html code: Move a div into an other div. Same thing as u move a file on the desktop into an other file. Im going to try to do this in this way html <- heres the divs, file divs and folder divs, all of them got uniqe ids java <- making it possible to move the divs, and handling what div i move where ajax <- calling a php script with the divid i moved and to what div i moved it to I know nothing about ajax and im kinda bad at javascript to, know how to move a div, and how to see what div i moved it to but nothing more. My questions is as follows, is it possible to do this? anyone know where to start? or got any good links i can watch, learn ajax from scratch or try with some Opensourceproject and learn from them? Thanks all for ur time. Okay, lets say I have this simple code he Code: var container = document.getElementById(con);
var obj = container.getElementsByTagName('img');
and I want to get the full HTML image tag using the obj value, if you get what I mean. How would I do this? So I want to get this: Code: <img src="images/image_209948045.jpg" /> by using this: obj[0]; hi i have a hidden variable in html like this <input type="hidden" name="searchword" value=""> and i need to change the value using javascript. You can do it in vbscript with searchword.value="test" but i dont know how to in javascript ive tried document.searchword.value=cookie_text; cookie_text is a variable by the way thanks Ok, problem has been solved! ^^
|
|||||||