JavaScript - Displaying Username

I trying to modify that username password script so that only a password is needed,and if entered correctly, it takes you to a certain webpage but the script seems to break when I take out the username variables..is there any way I can do this?

Heres the script, its from the resources on javascriptkit. How would I do this?

Any help would be appreciated!

Heres the script I found.
<script type = "text/javascript">


var count = 2;
function validate() {
var un = document.myform.username.value;
var pw = document.myform.pword.value;
var valid = false;

var unArray = ["Philip", "George", "Sarah", "Michael"]; // as many as you like - no comma after final entry
var pwArray = ["Password1", "Password2", "Password3", "Password4"]; // the corresponding passwords;

for (var i=0; i <unArray.length; i++) {
if ((un == unArray[i]) && (pw == pwArray[i])) {
valid = true;
break;
}
}

if (valid) {
alert ("Login was successful");
window.location = "http://www.google.com";
return false;
}

var t = " tries";
if (count == 1) {t = " try"}

if (count >= 1) {
alert ("Invalid username and/or password. You have " + count + t + " left.");
document.myform.username.value = "";
document.myform.pword.value = "";
setTimeout("document.myform.username.focus()", 25);
setTimeout("document.myform.username.select()", 25);
count --;
}

else {
alert ("Still incorrect! You have no more tries left!");
document.myform.username.value = "No more tries allowed!";
document.myform.pword.value = "";
document.myform.username.disabled = true;
document.myform.pword.disabled = true;
return false;
}

}

</script>

<form name = "myform">
<p>ENTER USER NAME <input type="text" name="username"> ENTER PASSWORD <input type="password" name="pword">
<input type="button" value="Check In" name="Submit" onclick= "validate()">
</p>

</form>

One more thing, how would I do it so it enables the submit button once the message is Avaliable username.

I have this code:

PHP Code:
 <script type="text/javascript">
  //function to create ajax object
  function pullAjax(){
    var a;
    try{
      a=new XMLHttpRequest()
    }
    catch(b)
    {
      try
      {
        a=new ActiveXObject("Msxml2.XMLHTTP")
      }catch(b)
      {
        try
        {
          a=new ActiveXObject("Microsoft.XMLHTTP")
        }
        catch(b)
        {
          alert("Your browser broke!");return false
        }
      }
    }
    return a;
  }
 
  function validate()
  {
    site_root = '';
    var x = document.getElementById('uname');
    var msg = document.getElementById('msg');
    var submituser = document.getElementById('submituser');
    user = x.value;
 
    code = '';
    message = '';
    obj=pullAjax();
    obj.onreadystatechange=function()
    {
      if(obj.readyState==4)
      {
        eval("result = "+obj.responseText);
        code = result['code'];
        message = result['result'];
 
        if(code <=0)
        {
          x.style.border = "1px solid red";
          msg.style.color = "red";
        
        }
        else
        {
          x.style.border = "1px solid #000";
          msg.style.color = "green";
          usersubmit.style.display = 'block';
        }
        msg.innerHTML = message;
      }
    }
    obj.open("GET",site_root+"js/user_availability.php?username="+user,true);
    obj.send(null);
  }
</script> 


and the form is he
PHP Code:
echo "<form action='' method='POST'>";
    echo '
    User Name : 
    <input type="text" onblur="validate();" id="uname" name="uname" value="" />
<div id="msg"></div>';

    echo "next info";         

    echo "<input name='step3' value='Next' id='submituser' style='display:none' type='submit' />";
    echo "</form>"; 


I set it as display none as a default and then when the box is green for the box to show as a block.

Its not showing up tho after the box becomes green

Hello,

First time on the forum and I am admittedly a complete noob, so forgive me for any grievous misconceptions.

I am a teacher trying to create a bulletin board on my website where students, teachers, and parents can post messages. I am trying to use the site linoit.com I am trying to embed that site on my website using an iframe url: http://www.capretto.net/stickyboard.shtml

My problem is that when you go to the message board on my site it asks your for a username and password to login to access my message board from linoit. I was hoping there is a scripts or other trick that will auto fill the username and password when the page loads so that the message board opens automatically.

Not too worried about privacy, but I could distribute the username and password to all interested parents, teachers, etc. but in my experience one more step between students and the information they need can be the difference between them not receiving the info.

I'd be happy to give any contributors credit on my site for their coding help. Thanks in advance.

Hello, could anyone help me to write the javascript code? .. i have the code below:

Code:

<script>
var urls = [ "http://users.camintel.com/squirrelmail/src/redirect.php",
             "http://www.camintel.com.kh/webmail/src/redirect.php" ];
</script>
<form method="post" name="login_form" 
 onsubmit="this.action=urls[this.domain[0].checked ? 0 : 1]; return true;">

Username: <input type="text" name="login_username" value="" /><br>
Password: <input type="password" name="secretkey" /><br>
<input type="hidden" name="js_autodetect_results" value="0" />
<input type="hidden" name="just_logged_in" value="1" />
<INPUT CHECKED NAME="domain" TYPE="radio">@camintel.com<BR>
<INPUT NAME="domain" TYPE="radio">@camintel.com.kh<BR>
<input type="submit" value="Login" /><br>
</form>

I want to add javascript to cut the string in Username. When the use type full domain address it will cut the string from "@camintel.com" and "@camintel.com.kh" . So if user type "test@camintel.com" in Username, the input will be "test". I tried to code it my self, but none is working.

So please, could u help me to code this?
Thanks alots.


Best Regards,
Kenshin

Hello,

for some reason this code isnt showing anything:

Code:

<span id = "message" style="color:black; font-size:12pt; font-family:arial,verdana,sans-serif"></span>
<script type = "text/javascript">

var targetURL="#";
var countdownfrom = 10;
var currentsecond = countdownfrom +1;
function countredirect() {
if (currentsecond !=1 ){
currentsecond -=1;
var mess = "You will be redirected to Points2shop in " + currentsecond + " seconds.";
document.getElementById("message").innerHTML = mess;
}
else{
window.location=targetURL;
}
setTimeout("countredirect()",1000);
}

countredirect();

</script>

ive tried:

Code:

<form name="message">
<span id = "message" style="color:black; font-size:12pt; font-family:arial,verdana,sans-serif"></span>
</form>
<script type = "text/javascript">

var targetURL="#";
var countdownfrom = 10;
var currentsecond = countdownfrom +1;
function countredirect() {
if (currentsecond !=1 ){
currentsecond -=1;
var mess = "You will be redirected to Points2shop in " + currentsecond + " seconds.";
document.getElementById("message").innerHTML = mess;
}
else{
window.location=targetURL;
}
setTimeout("countredirect()",1000);
}

countredirect();

</script>

Anyone know why?

Thanks

Hello all,

I'm trying to create a sub menu that displays based on what the user clicks on the main nav.

Here's an image of what I'm trying to accomplish. The main nav is at the top right corner, when the click on one of the links, I want the sub nav to display in the gray area....how would I do this.

Would it be through an if/else statement using document.getElementById with inner HTML? Or would there be a better way. I'm really trying to do this by myself, so please don't do it for me...just give me a couple of suggestions if you don't mind. THanks

I thought I knew how, but I'm unclear how to get this function to display: "document.getElementById("txtHint").innerHTML=xmlhttp.responseText;" inside the div. Will you show me please?

Code:

xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
      var div = document.createElement('div');
      div.setAttribute('id', 'txtHint');
      div.setAttribute("style","background-color:red;");
      div.style.width = '300px';
      div.style.height = '100px';
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
      //var txt='hello world!';
      document.getElementsByTagName('body')[0].appendChild(div);
      document.getElementById('textHint').innerHTML=txt;
    }
  }

I'm not sure if java is the best way to go with this, I'm pretty inexperienced with java, but I have a workable knowledge of html, and couldn't see a way to do it that way... so here goes:

For my job I work with a ton of different deadlines all the time. What I want to do is to make a webpage that displays the date N days ago, and N days into the future. So something like 7 days ago, 30 days ago, 60 days ago 75 days ago, 30 days from now, 60 days from now, 75 days from now. etc. I've found brief snippets for how to display today's date, but i'm having trouble with the calculations. Then I also need one that displays 18 years ago, I'm not sure if the change from days to years makes any kind of difference, but I suppose it's easy enough to convert years to days anyway....

How would I go about doing that?

Thank you!!!

I can't seem to get my innerHTML to display my content.

This works fine, if I was to put it all in one line.
Code:

document.getElementById('addedText').innerHTML =  '<table><tr><td>'+"My text goes here"+'</tr></td></table>';

If I was to break it up, which I wanted then nothing seem to show up.
Code:

   document.getElementById('addedText').innerHTML = '<table><tr><td>';
   document.getElementById('addedText').innerHTML = "My text goes here";
   document.getElementById('addedText').innerHTML = '</tr></td></table>';

Here's my code
Code:

<html>
<head>
<script type="text/javascript"> 
function display() {
   document.getElementById('addedText').innerHTML = '<table border=1><tr><td>';
   document.getElementById('addedText').innerHTML = "My text goes here";
   document.getElementById('addedText').innerHTML = '</tr></td></table>';
}
</script>
</head>

<body onload="display()">
<div id="addedText"></div>
</body>
</html>

thanks

I wrote a function (shown below) that is to take numbers from <div> tags add them up and display the value in a different <div> tag. It also prints the total in a hidden input tag to be sent when submitted.

All was working fine until today I noticed that the total was no longer showing up in either the <div> tag or the hidden input tag.

on change of any of the select menus correctly displays the expected value in its corresponding <div> tag

I have no Idea what might be causing this, so I need fresh eyes.
(My JavaScript skills are way below my php skills, I can't see anything wrong with what I have)

PHP Code:
// I am using a php function that spits out these 
// (one for each item listed in the  JS function:
<select name="body" onchange="document.getElementById('total_body').innerHTML = this.options[this.selectedIndex].getAttribute('cost_body');calcTotal();" id="frm">
    <option value="2" cost_body="0">2</option>
    <option value="3" cost_body="10">3</option>
    <option value="4" cost_body="20">4</option>
    <option value="5" cost_body="30">5</option>
    <option value="6" cost_body="40">6</option>
    <option value="7" cost_body="65">7</option>
</select>

//Which displays in:
<div id="total_body">0</div>

//AND Calls this JavaScript Function:

<script type="text/javascript"> 
function calcTotal(){
    var numVal1=parseInt(document.getElementById("total_body").innerHTML);
    var numVal2=parseInt(document.getElementById("total_agility").innerHTML);
    var numVal3=parseInt(document.getElementById("total_reaction").innerHTML);
    var numVal4=parseInt(document.getElementById("total_strength").innerHTML);
    var numVal5=parseInt(document.getElementById("total_charisma").innerHTML);
    var numVal6=parseInt(document.getElementById("total_intuition").innerHTML);
    var numVal7=parseInt(document.getElementById("total_logic").innerHTML);
    var numVal8=parseInt(document.getElementById("total_willpower").innerHTML);
    var numVal9=parseInt(document.getElementById("total_edge").innerHTML);
    var numVal10=parseInt(document.getElementById("total_magic").innerHTML);

    var totalValue = numVal1 + numVal2 + numVal3 + numVal4 + numVal5 + numVal6 + numVal7 + numVal8 + numVal9 + numVal10;

    document.getElementById("grand_total").innerHTML = totalValue;
    document.getElementById("point_total").value = totalValue;
}
</script>

//Which until today had been displaying in:
<div align="center" id="grand_total">0</div>

//AND 
<input type="hidden" name="point_total" value="" id="point_total"> 


Here is a page that shows what it is (not) doing. http://rpg.5150press.com/test.php

Hi,
I've got this bit if JavaScript that loads a Flash applet. It also has a noscript tag in case the user has JavaScript turned off.
Works great in all browsers I've tried, but it doesn't work at all in IE8 (nor IE7 emulated). Even the noscript content isn't showing up.
W3C validator shows no issues.
No little exclamation point warning in IE's bottom-left corner.
I've even tried lowering the browser security with no change -- but that wouldn't have been a good solution if it had worked anyway; I can't tell my visitors to lower their browser security.

Any ideas of suggestions?
Thanks for any help!

You can see the page he
http://www.girlscoutsmoheartland.org/test/vcattest.html
If you look at the source, that's all there is to it. No undisplayed server-side scripting.
And here's the code if you don't want to visit the page:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="http://www.myvirtualpaper.com/js/miniflipper.js"></script>
</head>
 
<body>
Below this line should be either a Flash applet, or a link if JavaScript is unavailable:<br>
<noscript><a href="http://www.myvirtualpaper.com/doc/gs_missouri_heartland/girlscout2010catalog/">Click here to view all pages.</a></noscript>
<script type="text/javascript"> 
                var miniFlipperOptions = {'uid' : 'bfbe7aa59d'};
                MVP_printMiniflipper(miniFlipperOptions);
</script>
<br>
Above this line should be the mentioned item option.
</body>
</html>

Hi,

I am trying to display some xml elements that are formatted like this:

Code:

<line>
<route>
<dirs>1.	Head west on Calzada Roosevelt</dirs>
<time>4.6 km - about 15 mins</time>
<dirs>2.	Continue on Carretera Interamericana/Pan American Hwy</dirs>
<time>15 km - about 12 mins</time>
<dirs>3.	Look for turnoff at San Lucas and follow signs from there</dirs>
<time>13.5 km - about 15 mins</time>
</route>
</line>

using this js:

Code:

for (var a = 0; a < lines.length; a++) {
routeInfo = lines[a].getElementsByTagName("route");
               for (var p = 0; p < routeInfo.length; p++) {
                  var time = GXml.value(routeInfo[p].getElementsByTagName("time")[0]);
                  var dirs = GXml.value(routeInfo[p].getElementsByTagName("dirs")[0]);

    way+='<b>'+dirs+'</b>'+'<br>'+time+'<br>';

("way" eventually gets passed as the text to display)

Which works OK (as you can see here if you select from Guatemala City to Antigua), but the problem is that it only shows the first set of directions, ie
Code:

<dirs>1.	Head west on Calzada Roosevelt</dirs>
<time>4.6 km - about 15 mins</time>

I can see that this is because of the [0] in the getElementsByTagName - if I change it to 1 or 2 it shows the 2nd or 3rd set of directions. But I want it to show all of them... and I thought that being in a loop it would, but I'm obviously missing something. Any ideas? Thanks in advance.

I am creating a script to display some variable but it won't work. Did I do something wrong?

Code:

<script type="text/javascript">
/* <![CDATA[ */


var yotta = le24;
var zetta = le21;

document.write("<table border='1' width='100%'><tr><th>Prefix</th><th>Decimal Equivalent</th></tr>");
document.write("<tr><td>Yotta</td><td>" + yotta + "</td></tr>");
document.write("<tr><td>Zetta</td><td>" + zetta + "</td></tr>");
document.write("</table>");


/* ]]> */

</script>

Everything looks right, I think. Anyone see something wrong?

Thank you, I am a firefighter of 25 years.

I am having a problem with my homework displaying an iframe using JavaScript.
My homework states:

Insert a script element that does the following:

part a. Insert the following multiline comment:
Display the daily schedule in an inline frame. Daily schedules are stored in the files
sunday.html through saturday.htm.

part b.
Insert a command to write the HTML code
<iframe src="weekday.htm'></iframe>

to the Web page, where weekday is the text string returned by the weekDay() function.

What I have so far:
<script type= "text/javascript">
/* Display part a */

document.write("<iframe src='weekday.htm'></iframe">;
</script>

My Question:
How do I display weekday.htm within my script on a specific day using the function weekDay() function.

below is my weekDay() function:
function weekDay(){
thisDate = new Date();
var thisWDay=thisDate.getDay();
var wdName = new Array("sunday", "monday", "tuesday", "wednesday",
"thursday", "friday", "saturday");
return wdName[thisWDay];
}

Hi guys, I already posted this but it hasn't been approved by a mod or the mods are all at lunch or something lol.

I want to display an image using javascript instead of HTML (or use javascript to change the HTML code dynamically when an update is made). I have created an XML file, which contains text data which is displayed in HTML by using Javascript.

What I am having trouble with is getting Javascript to grab the image URL from the XML file, and then display that image in the correct div. How does one show an image by using javascript? and how do you get javascript to get the url from the XML?

The following is my Javascript code which grabs the text from the XML and displays it in the HTML;

Code:

<script type="text/javascript">

var xmlDoc;
<!--
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  } 
else // Internet Explorer 5/6
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET","SDS.xml",false);
xhttp.send("");
xmlDoc=xhttp.responseXML;

var x=xmlDoc.getElementsByTagName("NEWS");
i=0;

function display()
{
title=(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue.fontsize("5").fontcolor("white").bold());
date=(x[i].getElementsByTagName("DATE")[0].childNodes[0].nodeValue.fontsize("2").fontcolor("white").bold());
stitle=(x[i].getElementsByTagName("STITLE")[0].childNodes[0].nodeValue.fontsize("3").fontcolor("white").italics());
story=(x[i].getElementsByTagName("STORY")[0].childNodes[0].nodeValue.fontsize("3").fontcolor("white"));
txt= title + "<br />" + date + "<br />" + stitle + "<br />" + story;
document.getElementById("show").innerHTML=txt;
}

//-->
</script>

And this is the XML file;

Code:

<?xml version="1.0" encoding="ISO-8859-1"?>

<BULLETIN>
<NEWS>
<PIC>"newssmall.jpg"</PIC>
<DATE>14/3/2010</DATE>
<TITLE>News Story 1</TITLE>
<STITLE>This is a short sentence to describe the story in brief</STITLE>
<STORY>This is the text of the news story</STORY>
</NEWS>
</BULLETIN>

So what I want to do is create a function that grabs the url (relative) from the PIC tag in the XML ("newssmall.jpg") and then uses this URL to display the image on the HTML page. This way, only the XML needs updating when updating the news section of the site.

Thanks for helping if you can,
Dan