JavaScript - Trying To Modify A Username/password Script

Hello,

I am currently working on my school's website. The site is laid out with a DIV on the left set up as a menu (called "leftmenu") and a DIV to the right to display the content (called "maincontent"). Clicking a link in leftmenu calls a script which changes the content of "maincontent".

The script currently works as it should except for one small error. The appropriate heading, text and image load for each link, but the formatting between the image and the paragraph is lost. When the page originally loads, the image is set to "float:left" and the paragraph wraps around it to the right. However, when the script runs and changes the contents, the paragraph no longer wraps around the image, but is written below it.

Javascript function:
Code:

var nov12="News for November 12";
var nov11="News for November 11";
var nov10="News for November 10";

function writeNews(title,image,txt) 
{
document.getElementById("newsTitle").innerHTML=title;
document.getElementById("newsImage").src=image;
document.getElementById("newsText").innerHTML=txt;
}

HTML for the links calling the function and maincontent:
Code:

<div class="leftmenu">
		 			<h3>News</h3>
		<ul class="leftmenu">
			<li class="leftmenu"><a class="leftmenu" href="javascript:writeNews('November 12','img1.jpg',nov12)">Nov 12</a></li>
			<li class="leftmenu"><a class="leftmenu" href="javascript:writeNews('November 11','img2.jpg',nov11)">Nov 11</a></li>
			<li class="leftmenu"><a class="leftmenu" href="javascript:writeNews('November 10','img3.jpg',nov10)">Nov 10</a></li>
		</ul>			
		</div>

  <div class="maincontent">
  		 <h3 id="newsTitle">School News</h3>
			 <img id="newsImage" class="newsimagestyle" src="img1.jpg" />
  		 <p id="newsText"><img id="newsImage" class="newsimagestyle" src="" />Select the date from the menu on the left for news posted on that day.</p>
  </div>

I have also attached the "before.jpg" and "after.jpg" screen captures from the relevant section of the website so you can see what changes are happening to the formatting.

BEFO


AFTER:


Any help to keep the formatting in the same would be greatly appreciated. Thanks.

Phil

hi.

in reference to this post:

http://www.codingforums.com/showthread.php?t=226228

can some guru show me how to modify the matching columns script so that it works in html5?

.. with a long center SECTION element and two shorter ASIDE elents .. 1 on each side.

UPDATE .. Houston, we have an answer.

On the 'Edit Profile' page of my eCommerce Wordpress Theme (http://www.projectdisobey.com/disobeyclothing), no error message appears when I do any of the following in the ''New Password' and 'Confirm New Password' text fields:

1. 'New Password' and 'Confirm New Password' do not match.
2. 'Confirm New Password' field is left empty.
3. New password is less than 5 characters.
4. New password is exactly the same as the current password.

This is the script:

Code:

<script language="javascript" type="application/javascript">
function chk_form_pw()
{
if(document.getElementById('new_passwd').value == '')
{
alert("<?php _e(ENTER_NW_PW_JS_MSG) ?>");
document.getElementById('new_passwd').focus();
return false;
}
if(document.getElementById('new_passwd').value.length &lt; 4 )
{
alert("<?php _e(ENTER_NW_PW_MIN_JS_MSG) ?>");
document.getElementById('new_passwd').focus();
return false;
}
if(document.getElementById('cnew_passwd').value == '')
{
alert("<?php _e(ENTER_CONFIRMNW_PW_JS_MSG) ?>");
document.getElementById('cnew_passwd').focus();
return false;
}
if(document.getElementById('cnew_passwd').value.length &lt; 4 )
{
alert("<?php _e(ENTER_CONFIRMNW_PW_MIN_JS_MSG) ?>");
document.getElementById('cnew_passwd').focus();
return false;
}
if(document.getElementById('new_passwd').value != document.getElementById('cnew_passwd').value)
{
alert("<?php _e(ENTER_NW_AND_CONFIRM_PW_SAME_JS_MSG) ?>");
document.getElementById('cnew_passwd').focus();
return false;
}
}
</script>

I'd be extremely appreciative if anybody could help me fix the script so that it works as it is meant to. Javascript is not something I'm particularly familiar with...

Thanks in advance!

Let me first say I am not a java programmer but I can follow the tutorials and get some things to work. Here I am trying to create a password protected page, realizing the level of security is not very high.

This page of code, link1.html, will be blank and if the correct password is entered then I want to automatically link to another page, barcs.html. I simply cannot find a way to do it.....Thanks

Code:

<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Psw test link 1</title>
  <script language="JavaScript">
<!--hide
var password;
var pass1="cool";
var pass2="awesome";
var pass3="geekazoid";
password=prompt('Please enter your password to view this page!',' ');
if (password==pass1 || password==pass2 || password==pass3)
alert('Password Correct! Click OK to enter!');
else
{
window.location="http://www.acma-rc.com/";
}
//-->
  </script>
</head>
<body>
This is link1.html<br>
</body>
</html>

I'm having trouble getting two password boxes to work on the same page, which I created using the JavaScript Kit Encrypted Password Generator (http://www.javascriptkit.com/epassword/index.htm).

I've used the code that this generator produces, with some modifications as given by cheesebagpipe (http://www.codingforums.com/showthread.php?t=14646). These changes enable the user to press the keyboard's enter key to submit the password (as an alternative to clicking the submit button), and will also refocus the text box and select the text in it if the user enters the wrong password.

The code works fine on pages with just one box (e.g. http://www.mistymusic.co.uk/StLuke's.html), but what changes are needed to make two work on the same page? (I'm new to web design and clueless when it comes to JavaScript, which I know isn't the most secure method of password protection, but will do for now).

At the moment, on pages with two boxes (e.g. http://www.mistymusic.co.uk/BEAP.html), neither of the boxes work; this appears in the address bar instead: 'http://www.mistymusic.co.uk/BEAP.html?password2=help!' ('help!'=whatever has been entered in the text box).

The full code for both boxes is given below.

Code:

<div id="passwordBoxes">
      <div id="password2">
        <form name="password1" onsubmit="submitentry();return false;">
          <span class="WhiteLogin">Keyboard classes login</span> 
          <input name="password2" type="password" class="AlignedFormBoxes" size="15" />
           
          <input type="button" class="AlignedFormBoxes" value="Login" />
        </form>
      </div>
      <div id="password1">
        <form name="password1" onsubmit="submitentry();return false;">
          <span class="WhiteLogin">Community Youth Choir login</span> 
          <input name="password2" type="password" class="AlignedFormBoxes" size="15" />
           
          <input type="button" class="AlignedFormBoxes" value="Login" />
        </form>
      </div>
    </div>
  
<script>

var pass=new Array()
var t3=""
var lim=6
pass[0]="gc3Gu5uygvU8VDA"
pass[1]="aNL6yjrU5AAKyy3"
pass[2]="enSaX8glavp54H"
pass[3]="WF3XUKEpbbMEx"
pass[4]="8Pv7bsEqaIjNdb6b"
pass[5]="35Pv7bsEqaIjNdb6"

//configure extension to reflect the extension type of the target web page (ie: .htm or .html)
var extension=".html"
var enablelocking=0
var numletter="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
var temp3=''
var cur=0


function max(which){
return (pass[Math.ceil(which)+(3&15)].substring(0,1))
}

function testit(input){
temp=numletter.indexOf(input)
var temp2=temp^parseInt(pass[phase1-1+(1|3)].substring(0,2))
temp2=numletter.substring(temp2,temp2+1)
return (temp2)
}


function submitentry(){
t3=''
verification=document.password1.password2.value
phase1=Math.ceil(Math.random())-6+(2<<2)
var indicate=true
for (i=(1&2);i<window.max(Math.LOG10E);i++)
t3+=testit(verification.charAt(i))
for (i=(1&2);i<lim;i++){
if (t3.charAt(i)!=pass[phase1+Math.round(Math.sin(Math.PI/2)-1)].charAt(i))
indicate=false
}
if (verification.length!=window.max(Math.LOG10E))
indicate=false
if (indicate) 
window.location=verification+extension;
else {
alert("That wasn't the correct password. Please check that your CAPS Lock key is turned off and try again.");
document.password1.password2.focus();
document.password1.password2.select();
}
}
</script>
  <script>

var pass=new Array()
var t3=""
var lim=7
pass[0]="Qmsn8tUQZX4T0PC"
pass[1]="DUtntGtFhaTppWO"
pass[2]="JahI7L4JqbxZrwS"
pass[3]="ong1qqnbr9rvV2s"
pass[4]="7BlqC2sc8hQ8bWMK"
pass[5]="15BlqC2sc8hQ8bWM"

//configure extension to reflect the extension type of the target web page (ie: .htm or .html)
var extension=".html"
var enablelocking=0
var numletter="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
var temp3=''
var cur=0


function max(which){
return (pass[Math.ceil(which)+(3&15)].substring(0,1))
}

function testit(input){
temp=numletter.indexOf(input)
var temp2=temp^parseInt(pass[phase1-1+(1|3)].substring(0,2))
temp2=numletter.substring(temp2,temp2+1)
return (temp2)
}


function submitentry(){
t3=''
verification=document.password1.password2.value
phase1=Math.ceil(Math.random())-6+(2<<2)
var indicate=true
for (i=(1&2);i<window.max(Math.LOG10E);i++)
t3+=testit(verification.charAt(i))
for (i=(1&2);i<lim;i++){
if (t3.charAt(i)!=pass[phase1+Math.round(Math.sin(Math.PI/2)-1)].charAt(i))
indicate=false
}
if (verification.length!=window.max(Math.LOG10E))
indicate=false
if (indicate) 
window.location=verification+extension;
else {
alert("That wasn't the correct password. Please check that your CAPS Lock key is turned off and try again.");
document.password1.password2.focus();
document.password1.password2.select();
}
}
</script>

Any help would be a lifesaver - thanks in advance!

How would you make a password feild and a retype password feild and they have to be the same?

Hi. I have a bunch of textboxes that I need to run some JS on with onclick. However, no matter what I do, I cannot get it to work. I have this JS in an external file:
Code:

<script language="javascript" type="text/javascript">
function ClearDefault () {
	if (document.this.value==document.this.defaultValue) 
	{
		document.this.value=''; 
		document.this.style.color='black'
	}
}
</script>

and am using onfocus="ClearDefault()"

Help please. Thanks. :-)

I need help making it possible for the prefixes to be available when the post is being Modify? The user have to go back and change their prefixes to ended after they get the result for the outcome of the buy, sell, trade. When I hit Modify the prefix box was no longer available.

It is on the subject line when I hit modify:
Example. I have a thread title "Testing" and I chose Buy prefix when I started the thread. When I hit Modify, the prefix box is no longer available but the subject does say Buy:Testing. I would have to go and delete the Buy from the subject and manually type Ended.

And also each prefixes a specific color if that's possible (i.e., Buy , Sell , Trade , Ended )

The prefix box now is below the subject line. I would love for it to be next to the subject line like in this forum. THANKS!

<script type='text/javascript'>
/* Add prefixes to posts*/

var prefixes = ['Buy:','Sell:','Trade:','Ended:'];
if( new RegExp('post$','i').test( this.location.href ))
{
document.postForm.nextaction.nextSibling.disabled = true;
var Tab = document.postForm.subject.parentNode.parentNode.parentNode;
var iRow = Tab.insertRow(2);
var iCell;
iCell = iRow.insertCell(0);
iCell.className = 'windowbg';
var Font = document.createElement('font');
Font.size = 2;
Font.appendChild( document.createTextNode('Prefixes:') );
iCell.appendChild( Font );
iCell = iRow.insertCell(1);
iCell.className = 'windowbg';
var Select = document.createElement('select');
Select.id = 'preprepre';
Select.options[0] = new Option('Choose prefix');
for( var s = 0 ; s < prefixes.length ; s ++ )
Select.options[s+1] = new Option(prefixes[s]);
iCell.appendChild( Select );
function checkpre(event)
{
if( document.getElementById('preprepre').selectedIndex == 0 )
document.postForm.nextaction.nextSibling.disabled = true;
else
document.postForm.nextaction.nextSibling.disabled = false;
}
function addpre(event)
{
document.postForm.subject.value = document.getElementById('preprepre').options[ document.getElementById('preprepre').selectedIndex ].innerHTML+document.postForm.subject.value;
}
if(document.addEventListener)
{
document.getElementById('preprepre').addEventListener('change',checkpre,false)
document.postForm.addEventListener('submit',addpre,false);
}else{
document.getElementById('preprepre').attachEvent('onchange',checkpre);
document.postForm.attachEvent('onsubmit',addpre);
}
}
</script>

Hi need help with a loan calculator script, i know the moderator frowns on such requests but i just have to, im willing 2 buy a cup of coffee if it works, i want the code below to display the total loan repayment amount instead of the monthly payment payment = principle * monthly interest/(1 - (1/(1+MonthlyInterest)*Months)) , eg if if l0an is 20$ payment is in 4 months, intrest rate is 15% display = amount to be repaid. thanks

Code:

<script language="JavaScript">
<!--
function showpay() {
 if ((document.calc.loan.value == null || document.calc.loan.value.length == 0) ||
     (document.calc.months.value == null || document.calc.months.value.length == 0)
||
     (document.calc.rate.value == null || document.calc.rate.value.length == 0))
 { document.calc.pay.value = "Incomplete data";
 }
 else
 {
 var princ = document.calc.loan.value;
 var term  = document.calc.months.value;
 var intr   = document.calc.rate.value / 1200;
 document.calc.pay.value = princ * intr / (1 - (Math.pow(1/(1 + intr), term)));
 }

// payment = principle * monthly interest/(1 - (1/(1+MonthlyInterest)*Months))

}

// -->
</script>

The results of this loan payment calculator are for comparison purposes only.
They will be a close approximation of actual loan
repayments if available at the terms entered, from a financial institution. This
is being
provided for you to plan your next loan application. To use, enter values
for the
Loan Amount, Number of Months for Loan, and the Interest Rate (e.g.
7.25), and
click the Calculate button. Clicking the Reset button will clear entered
values.
<p>
<center>
<form name=calc method=POST>
<table width=60% border=0>
<tr><th bgcolor="#aaaaaa" width=50%><font color=blue>Description</font></th>
<th bgcolor="#aaaaaa" width=50%><font color=blue>Data Entry</font></th></tr>
<tr><td bgcolor="#eeeee">Loan Amount</td><td bgcolor="#aaeeaa" align=right><input
type=text name=loan
size=10></td></tr>
<tr><td bgcolor="#eeeee">Loan Length in Months</td><td bgcolor="#aaeeaa"
align=right><input type=text
name=months size=10></td></tr>
<tr><td bgcolor="#eeeee">Interest Rate</td><td bgcolor="#aaeeaa" align=right><input
type=text name=rate
size=10></td></tr>
<tr><td bgcolor="#eeeee">Monthly Payment</td><td bgcolor="#eeaaaa"
align=right><em>Calculated</em> <input
type=text name=pay size=10></td></tr>
<tr><td  bgcolor="#aaeeaa"align=center><input type=button onClick='showpay()'
value=Calculate></td><td bgcolor="#eeeeaa" align=center><input type=reset
value=Reset></td></tr>
</table>
</form>
<font size=1>Enter only numeric values (no commas), using decimal points
where needed.<br>
Non-numeric values will cause errors.</font>
</center>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>

I'm trying to create a form where the user enters data in a field and is redirected to a URL based on that entry - example: user enters 1234 and he is directed to mypage.com/1234/index.htm - if that folder does not exist it would give a 'try again' error.

Any help would be greatly appreciated
Thanks in advance
Cyber-guys

hello, I got this javascript code to avoid bots to fill out with trash the forms I have in my website:

<script type="text/javascript">
var a = Math.ceil(Math.random() * 10);
var b = Math.ceil(Math.random() * 10);
var c = a + b
function DrawBotBoot()
{
document.write("Cuanto es "+ a + " + " + b +"? ");
document.write("<input id='BotBootInput' type='text' maxlength='2' size='2'/>");
}
function ValidBotBoot(){
var d = document.getElementById('BotBootInput').value;
if (d == c) return true;
return false;

}
</script>

<P>Are you human?<br />

<script type="text/javascript">DrawBotBoot()</script>

<P>
<INPUT id="Button1" name="SUBMIT" TYPE="SUBMIT" VALUE="ENVIAR" onclick="alert(ValidBotBoot());"/>
<INPUT name="RESET" TYPE="RESET" VALUE="BORRAR">

My problem is that the form sends itself even if you dont type the correct answer, I would like to Validate first and then allow me to send the form after validation.

You can see the form he http://www.futuros.com/mercados_calientes.html
feel free to play with it, i know is the only way to actually see what i'm trying to accomplish.

Thanks,
Alan

Can someone help me to modify this JS to close if user is no longer hovering over child link after 5 seconds?
Code:

$(document).ready(function () {
	$('#menuHolder ul li a').mouseover(function (event) {
		if (this == event.target) {
			$(this).parent().toggleClass('clicked');
			if ($(this).parent().attr('class').indexOf('clicked') != -1) {
				$(this).siblings('ul').animate({"top": "35px"}, {queue:false,duration:(500)}, "swing");
				}
				else {
				$(this).siblings('ul').animate({"top": "0px"}, {queue:false,duration:(500)}, "swing");
			}
			$(this).parent().siblings().removeClass('clicked').find('ul').animate({"top": "0px"}, {queue:false,duration:(500)}, "swing");
		}
	})
	$('#menuHolder ul li:not(:has(ul)) a').mouseout(function (event) {
		if (this == event.target) {
			$(this).parent().toggleClass('clicked');
			$(this).parent().siblings().removeClass('clicked').find('ul').animate({"top": "0px"}, {queue:false,duration:(500)}, "swing");
		}
	});
});
</script>

Hi

My html document contain many images which has the attribute src of img tag as the flowing :

PHP Code:
http://images.mysite.com/a/p/ap.eba553af4b719.ec03.jpg?x=210&amp;y=83&amp;q=85&amp;sig=Tua1ukyUEVKTPSsz7xGPsg-- 


All those images has the common source folder http://images.mysite.com/a/p
This is an example :




PHP Code:
<img
src = "http://images.mysite.com/a/p/ap.eba553af4b719.ec03.jpg?x=210&amp;y=83&amp;q=85&amp;sig=Tua1ukyUEVKTPSsz7xGPsg--"
width = "105"
height = "73"

> 


I tried during many days to find the solution using RegExp but I didn't arrives. What I want to do is


I - change for all image from the seem folder the src attribute to match the exact url of the image without special characters, for this example :

PHP Code:
http://images.mysite.com/a/p/ap.eba553af4b719.ec03.jpg?x=210&amp;y=83&amp;q=85&amp;sig=Tua1ukyUEVKTPSsz7xGPsg-- 


Became :

PHP Code:
http://images.mysite.com/a/p/ap.eba553af4b719.ec03.jpg 


II - Control the width and height of the image by changing its height and width attributes resp. from two javascript variables :

PHP Code:
var v_width = 320 // Just for example

var v_height = 250 // Just for example 



This is an example of try didn't work for me, for the first issue :

PHP Code:
var element = document.getElementsByTagName("img");
    for(var i=0;i<element.length;) {
    
    var myString = new String();
    
    var myRegExp = new RegExp("http:\/\/d\.images\.mysite\.com\/a\/p[^\?]*(jpg|png|gif)","i");
    var myRegExp0 = new RegExp("\?.*","i");
    myString = element[i].getAttribute("src");
    
    if(myRegExp.test(myString))
        {
            var newString = myString.replace(myRegExp0,"");    
            element[i].setAttribute("src",newString);
            }
    
    } 


Help me please

Think you

Edit: Problem solved.

I need educating please.

I have a javscript page (fred.js) that contains some variables and some code. I want to be able to change the variables (in particular an array) within fred.js on the server and store the new version of fred.js back on the server.

I can write a php routine that stores the array in a MySQL table. Now I want to know how to write some code (and in what language) to read the MySQL table and update fred.js and store it back onto the Server.

Can someone please tell me what language I should be using to do this (Ajax??) so that I can do some reading please.

I could of course simply write some php code to read the table and pass the parameters to a js page and build the array as each person accesses the web page but this would be slow. Hence I would prefer to have the ability to update the js page and store it back onto the server.