JavaScript - Pop Up Login Form At My Index.php

I am having trouble getting this code to work correctly. What I am trying to do is on my site i will have a button that will open this popup window with a login form and what i would like it to do is when the form is submitted i want the window to close and the main page to redirect to whatever page i would like it sent to. And if the login information is wrong i would like the popup window to stay open and say that it is wrong in red letters at the top.

Here is the code for the popup window:

PHP Code:
<?php
if($target == "LogIn") {

if($view == "Form") {
echo '
<script language="JavaScript" src="window.js">
</SCRIPT>
<style type="text/css">
<!--
body {
    background-color: #000000;
}
-->
</style>
<FORM action="index.php?act=Login&CODE=50" onSubmit="javascript:login();" method="post" name="mlogin">
  <p>
    <font face="verdana" color="#76a5d5" size="1"><B> Username: </b></font><INPUT class="textInput1" style="border: 1px solid #76A5D5; font-family: verdana, helvetica, sans-serif; font-size: 11px; padding: 2px; vertical-align: middle; margin: 0; width: 80px" type="username" size="25" name="username" value="Username"/>
    <br>    
    <FONT face="verdana" color="#76a5d5" size="1"><B> Password:&nbsp; </b></font><INPUT class="textInput1" style="border: 1px solid #76A5D5; font-family: verdana, helvetica, sans-serif; font-size: 11px; padding: 2px; vertical-align: middle; margin: 0; width: 80px" type="password" size="25" name="password" value="*******"/> <INPUT type="image" src="images/login.jpg" ALT="Click Here to Login!" BORDER="0" ALIGN="middle" value="submit" name="submit">
  </p>
</form>';
}
}
?>

Code for the javascript:

PHP Code:
//Open up a new window with specific dimensions
function info(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=300,height=100,left = 300,top = 500');");
}

<!--
    function login() {
        setTimeout('window.close()',2000);
        opener.location.href='/main/index.php';
    }
//--> 


Any help would be greatly appreciated

Hello, could anyone help me with the javascript code? i have the HTML form code below and i want to create a javascript to work with it. Please see the code below:

Code:

<form method="post" name="login_form">
Name: <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" VALUE="@camintel.com">@camintel.com<BR>
<INPUT NAME="domain" TYPE="radio" VALUE="@camintel.com.kh">@camintel.com.kh<BR>
<input type="submit" value="Login" /><br>
</form>

I have two domain "camintel.com" and "camintel.com.kh" with one email login form. could anyone write me a javascript that have the following option.

1. when user select camintel.com , it will login to http://users.camintel.com/squirrelmail/src/redirect.php
2. when user select camintel.com.kh, it will login to http://www.camintel.com.kh/webmail/src/redirect.php


Please help me with this, i tried to code my self. But none is working. And Last Sorry for my bad english.


Best Regards,
Kenshin

Hello i need help with a simple single field javascript login form, i am building a small website for I and my classmates.
i want it to be able to redirect each user to a specific page when a corresponding passcode is entered, i know its unsafe but we dont plan on keeping valuable information on the site, i dont know about MSQL and dont even wish to use it, the code works at this level but am unable to add users since i dont understand javascript if someone could help me i will be very grateful
thanks in advance

/*here is the code i got so far*/

<tittle>
Enter Passcode to proceed
</title>
<h1 style="font-family:Comic Sans Ms;text-align="center";font-size:20pt;
color:#00FF00;>
</h1>
<form name="login">
Passcode: <input type="text" name="userid"/>
<input type="button" onclick="check(this.form)" value="Login"/>
<input type="reset" value="Cancel"/>
</form>
<script language="javascript">
function check(form)/*function to check userid */
{
if(form.userid.value == "JohnDoe") /* checkes userid */
{
window.open("johndoe.php")/*target page */
}
else
{
alert("Invalid Passcode, please try again!")/*error message*/
}
}

From my main page, I have a dropdown-login box.

Is it possible login form go to my user's control panel if the login was successful, or go to the login page if it's not? Ideally, I don't want to use a re-direct. Do I need to use ajax?

Thank you!

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 there guys!

Thanks for taking time to view this thread. It's appriciated!

I found a really nice menu (Javascript, JQuery) im not so high tech on this myself, and not the best coder either but whenever I use this menu it gives the login box on the website an error, it doesn't let people login..

I've tried to localize the error myself, but I just dont know how to fix it, I think the issue is that the site system i use doesn't support these type of scripts which gives the login errors! I'm currently using a free website system, which allows you to customize anything you want called "uCoz"

The menu i used was: http://www.dynamicdrive.com/dynamici...enu-glossy.htm

And I think it's the jquery that gives the login box errors..

I'm thankfull for answers if anyone knows

Hello everyone. I have a a html page that is used as a login page. I know it is not secure but this is just for learning purposes, I'm not using it for anything important.

My problem is that when I put in the correct login all that happens is the page just clears the text boxes as if you were starting over.

I am trying to get it to go to register.html which is located in the same directory as the login page.

Help with what I'm doing wrong would be greatly appreciated.

Here is the code:
Code:

<html>
<head>
<title>Login Page</title>
</head>
<body>
<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 = "register.html";
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>
<table border ="5">
<tr>
	<th colspan="2">Login</th>
</tr>
<tr>
	<td>Username:</td>
	<td><input type="text" name="username" /></td>
</tr>
<tr>
	<td>Password:</td>
	<td><input type="password" name="pword" /></td>
</tr>
<tr>
	<th colspan="2"><input type="Submit" value="Login" name="Submit" onClick="validate()" /><input type="Reset" value="Reset" /></th>
</tr>
</table>
<p>
<a href="register.html">New users click here to register</a>
</p>
</form></body></html>

Hi i can't seem to get a drop downs selected index.

This is my drop down box:

Code:

<select name="queba" id="queeba">
<option value="ban1">Bank1
<option value="ban2">Bank2
<option value="ban3">Bank3
<option value="ban4">Bank4
</select>

thanks

i want to find the index of array through user defined function .
my function is.

Code:

var Month_Label = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
function index()
{
var p=-1;
for(i=0;i<Month_Label.length;i++)
{
if(Month_Label[i]=="February")
{
p=i;
break;
}

}
alert(p);
}

but it is not working.
any body can help me. what is wrong with my code

Hi All,

I have this table with a repeat region (this pulls a series of records from my database and displays them in the table). I have a button in one of the table cells that calls a function to delete the current row where the button is pressed (I am trying to pass the row index to the function). Here is what I have which is clearly wrong but I am hoping someone can offer an option that will work.

Code:

<script type="text/javascript>
function deleteRow(tableID,tr) {
	//alert('tableID is '+tableID+' and rowCount is '+tr);
	if (document.getElementById(tableID)) {
    try {             
	  var table = document.getElementById(tableID);               
	  var rowCount = table.rows.length;                 
        for(var i=0; i<rowCount; i++) {                 
            var row = table.rows[i];  
			//alert ("row is "+i);               
            if(i == tr) {                     
                table.deleteRow(i);                     
                i++; 
                if(rowCount==0){
                  table.parentNode.removeChild(table); 
                }
            }               
        }             
    }catch(e) {                 
        alert(e);             
    }         
  }
}
</script>

<table id="dataTable" width="100%" border="0">
  <?php do { ?>
  <tr>
    <td width="33%"><?php echo $row_rstRequestedEquip['EquipNeeded']; ?></td>
    <td width="33%"><?php echo $row_rstRequestedEquip['Quantity']; ?></td>
    <td width="33%"><input type="button" name="remove" value="Remove" class="button" onclick = "deleteRow(dataTable,this.rowIndex)" /></td>
  </tr>
  <?php } while ($row_rstRequestedEquip = mysql_fetch_assoc($rstRequestedEquip)); ?>
  </table>

Thanks in advance for any help.

Kind regards,

Ken

Hi all..

I have a modal window I'm working on, but the flash below it comes over the top of the modal window. I'm assuming it's a z-index issue. I'm using Tinybox2 for the modal window, and it's CSS styles use 800 and 900 for z-index.

Code:

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

The flash itself isn't in a div but in a table. Is there a way to give it a lower z-index?

Thanks in advance!

carrie

Here is some code i use in one of my functions. I was wondering if the text would be found by google and indexed? (It replaces text with another piece of text and a link)

Code:

$("#replace").html('<a href="javascript:location.reload(true)">Back Home</a>Apparently, Voynich wanted to have the mysterious manuscript deciphered and provided photographic copies to a number of experts.');

I am trying to "swap" the contents of a div(#right_top) depending on which line item you hover over. Awkward, but does work, but.... the problem is that although I can get the code to work, the "right_top" div gets longer (physically on the page) even though each div is supposed to be a different "z-index". I don't know how to correct this, or is there better code? I would appreciate any help! Thank you. Complete code below.....
-------------------------------------------------------------------

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>

<script language="javascript" type="text/javascript">
<!-- Hide script from older browsers
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>

<!------------------------------------------------------------->
<style type="text/css">
#wrapper{
width:800px;
}
#left_top{
background-color:#66FFFF;
width:270px;
padding-top:60px;
padding-left:30px;
float:left;
}
#right_top{
background-color:#66FF33;
padding-top:60px;
width:480px;
padding-left:20px;
float:left;
}

#first_div{
position:relative;
width:450px;
height:300px;
z-index:1;
visibility: hidden;
left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic; color:#FFFFFF;
}
#second_div{
position:relative;
font-size:16px;
width:450px;
height:300px;
z-index:2;
top: -320px; 
visibility: hidden;
left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic; color:#FFFFFF;
}
#third_div{
position:relative;
font-size:16px;
width:450px;
height:300px;
z-index:3;
top: -640px; 
visibility: hidden;
left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic; color:#FFFFFF;
}
</style>
</head>
  <body> 
  <div id="wrapper">                    
<div id="left_top">
			<table width="210" height="483">
            <tr><td width="210" height="477" valign="top">
						
						<div><a title="first div" href="#" class="style1"
						onClick="return false"
						onMouseOver="MM_showHideLayers('Initial','','hide','first_div','','show')"
						onMouseOut="MM_showHideLayers('Initial','','show','first_div','','hide')">show first div</a></div>	
                
                		<div><a title="second div" href="#" class="style1"
						onClick="return false"
						onMouseOver="MM_showHideLayers('Initial','','hide','second_div','','show')"
						onMouseOut="MM_showHideLayers('Initial','','show','second_div','','hide')">show second div</a></div>	
                
 						<div><a title="third div" href="#" class="style1"
						onClick="return false"
						onMouseOver="MM_showHideLayers('Initial','','hide','third_div','','show')"
						onMouseOut="MM_showHideLayers('Initial','','show','third_div','','hide')">show third div</a></div>	                       </td></tr>
			           </table>

</div><!-- end of left_top --> 
                        
   <div id="right_top"> 

<div id="first_div"> 
<p align="justify"><b>first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first first </b></p></div>

<div id="second_div"> 
<p align="justify"><b>second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second second </b></p></div>

<div id="third_div"> 
<p align="justify"><b>third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third third </b></p></div>


   </div><!-- end of right_top div -->                   
</div><!-- end of wrapper -->                  
</body>
</html>

Javascript

I have 3 combolist fields ( A, B and C ) each of which has just "No" and "Confirmed" as their only options.

I have one final combolist ( D ) which has just "Yes" and "No" as options. "No" is the default selected item and Index0 in the list.

The user must select "Confirm" all three ( A, B and C ) lists before they should be allowed to select "Yes" in the final list ( D ).

I want to be able to have the system to automatically select and display "No" in list ( D ) if any of the first 3 selections ( A, B or C ) are "No".

I don't have a problem validating if any of the 3 lists ( A, B or C ) are "No" but I cannot get the final combolist to change from "Yes" ( if previously selected ) to "No".

I have tried setting the selected index of (D) to 0 and tried setting the selected value of (D) to "No" but if (D) currently displays "Yes" when any of the ( A, B or C ) are changed to "No" nothing happens to (D).

Am I trying to do something that cannot be done ?

Any help will be gratefully received.

Tony

I'm not completely sure this is javascript, but is there a way of changing the z-index of my flash object when hovering over it?

Here is a link to my page:
http://aspspider.org/Samii/HireCar.aspx

As you can see, you cannot click on the link in the main content area because the menu is on a higher z-index than the content. I need a way for the content to be on a higher z-index than the menu until the menu is hovered over, in which case the z-index of the menu will be higher.

I hope this makes sense. Please help, this is driving me insane!

Samii
x