JavaScript - Could Someone Please Help, I Have An Issue With A Login Form Popup

Hello, I have been trying to get my html form to submit to a php pop up window so that I can use the user entered data there... so far with little to no success.

Here is my current code -

Index.html
Code:

<script>
function popup() {
	win = window.open('','myWin','toolbars=0');
	document.post.action='popup.php';
	document.post.rel="nofollow" target='myWin';
	document.post.submit();
}
</script>

 <div align="center">
<form name="post" action="popup.php" method="post" rel="nofollow" target="_self">
    <input type="text" size="85" style="text-align: center" name="txttesturl" />
    <br>
    <input type="button" name="post" class="submit" Value="Pop up" onclick"popup(); " />
  </div>
</form>

popup.php

Code:

<?php
$Testurl = $_POST["txttesturl"];

//Various bits of code
?>

Any help would be greatly appreciated, as it stands I am getting NO response from the button.

Edit - Nevermind..... I was missing an equals sign in the form ...

I would like you to ask for a ltl bit assistance. Here is my problem:
I have a form with few input lines and textarea, and after a form i have three buttons: [Close] [Preview] [Submit]
And here is what i need:
Then visitor click [Preview]- the forms data should be passed to pop_up window for preview (something like submited to pop up window) for example "pop_up_preview.php" but the main page should be left at it is (for editing data)

But then user clicks [Submit], a forms data is passed to another regular page, for example "validate_data.php"

Thank you in advance for assistance and i hope soon to see example how to deal with that
And sorry for my poor english

Hi, I'm trying to make a form that when you click "submit", the original page goes somewhere, and it also creates a popup for the action URL.

Currently, I can get the popup portion, but the can't get the original window to redirect somewhere else.

this is what I have in the head.

Code:

<SCRIPT TYPE="text/javascript">
<!--
function popupform(myform, windowname)
{
if (! window.focus) return true;
window.open('', windowname, 'height=200,width=400,scrollbars=no');
myform.target=windowname;
return true;
}
//-->
</SCRIPT>

And this is what I have in the body

Code:

<form id="update" action="update.php" method="POST" name="update" onSubmit="popupform(this, 'join')">

Hi there

i have a simple form in a popup window that was called like this:
Code:

document.onkeyup = KeyCheck;       
 
function KeyCheck(e)
{
 var KeyID = (window.event) ? event.keyCode : e.keyCode;
	switch(KeyID)
	{
		      case 40:
window.open("?page_id=9","MS_PopUp","width=800,left=100,top=100,height=630,toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=0,copyhistory=1");
		      break;
        }
}

This works well enough. The form has a four fields:
Code:

<form name="contact_form" id="form1" method="post" action="?page_id=41">
 <fieldset>
  <label class="label" for="name">Your Name: </label>
  <input tabindex="1" type="text" id="name" name="name" class="input" onload="focus()" /><span id="error_name">&nbsp;</span><br />
  <label class="label" for="email">Your Email: </label>
  <input tabindex="2" type="text" id="email" name="email" class="input" /><span id="error_email">&nbsp;</span><br />
  <label class="label" for="website">Your Website: </label>
  <input tabindex="3" type="text" id="website" name="website" class="input" /><span id="error_website">&nbsp;</span><br />
  <label class="label" for="problem">Your Problem: </label>
 <textarea tabindex="4" class="textarea" name="problem" id="problem" rows="5" cols="10"></textarea><span id="error_problem">&nbsp;</span><br />
</fieldset>
<div class="buttons">
 <input tabindex="6" type="button" value="Reset" onclick="resetForm()" />
 <input tabindex="5" type="button" value="Send" onclick="popupmail()" />
</div>
</form>

and the function 'popupmail()' ends with
Code:

document.contact_form.submit() ;

which i used on numerous forms before.
after submit, the action URL (?page_id=41) is displayed in the popup window location bar but the page is not! 'page not found'. if i copy & paste the URL and refresh, the page is found.

this may not be a JS problem but maybe a popup window limitation. but what do i know? also, this is a wordpress site but i cant see how this is related to wordpress. any idea?

I have three buttons on my form. The user has to be logged in for the buttons to do anything. Is it possible to get an alert to popup on the form page without the form action occuring? If so, how do I go about it?

I'm trying to create a popup sign up form that will only popup every week. I don't want it to popup every time someone visits the site.

I'm new to Javascript as a whole and can't seem to figure out how to set a cookie for a week and if there is no cookie (or the cookie has expired) it will popup automatically.

If anyone can point out what I'm doing wrong it would be greatly appreciated. I feel like I'm so close and that the solution is staring me in the face.

Here's the code that I have so far:

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + 5);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function checkCookie()
{
var username=getCookie(exdate);
if (exdate!=null && exdate!="")
{
//Do Nothing
}
else
{

$(document).ready(function() {

var id = '#dialog';

//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();

//Set heigth and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});

//transition effect
$('#mask').fadeIn(1000);

//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();

//Set the popup window to center
$(id).css('top', winH/100-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);

//transition effect
$(id).fadeIn(1000);
$(id).animate({top:"+=300px"},1000);

//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('.window').animate({right:"+=150px"}).animate({left:"1500px"}).fadeOut(50);
$('#mask').hide();
});

//if NO Thanks button is clicked
$('.window .noThanks').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('.window').animate({right:"+=150px"}).animate({left:"1500px"}).fadeOut(50);
$('#mask').hide();
});

//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});

function hideHolder() {
$('.place-holder').hide();
}
function showHolder() {
if($('.name-field').val() == '') {
$('.place-holder').show()
}
}
$('.name-field').focus(hideHolder);
$('.name-field').blur(showHolder);
$('.place-holder').click(function () {
$('.name-field').trigger('focus');
});
});
}
}

Thank you for your help. :-)

Hello Im looking for help with my login form...So far I have coded that if I put in the correct password and username then I will getinto my site. I would like to have something whereby if I put in 3 failed attempts I get a message each time telling me how many attempts I have left and then no access.
After every failed attempt I want the textbox to clear aswel so i can enter in the next attempt......Thanks guys

All help would be very helpful...I have tried this for a few days now with success ......

here is my cose so far

<script language="javascript">

function passuser(form)
{
if (form.user.value=="tony" &&form.password.value=="hello")
{
window.alert("Hello tony")
location='http://www.google.com'

}
}
</script>
</head>

<body><center><br />



<form action="name" method="get">
<table width="300" height="200" border="1" cellpadding="5"cellspacing="5">
<tr>
<th colspan="2" scope="col"bgcolor="#6699FF"><center>LOGIN FORM</center></th>
</tr>
<tr>
<td width="120" align="center"> User Name</td>
<td width="140"><label>
<input type="text" name="user" id="user" />
</label></td>
</tr>
<tr>
<td align="center">Password</td>
<td><label>
<input type="password" name="password" id="password" />
</label></td>
</tr>
<tr>
<td align="center"><label>
<input type="reset" name="cmdClear" id="cmdClear" value="Reset" />
</label></td>
<td align="center"><label>
<input type="submit" name="enter" id="log" value="Login" onclick="passuser(this.form)" />
</label></td>
</tr>
</table>
</form>
</center>
</body>

I found his basic code online for a popup login but I don't know how to get the information from it either into php variables or whatever i need to do

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <title></title>
  <style type="text/css">
  #popupbox{
  margin: 0; 
  margin-left: 40%; 
  margin-right: 40%;
  margin-top: 50px; 
  padding-top: 10px; 
  width: 20%; 
  height: 150px; 
  position: absolute; 
  background: #FBFBF0; 
  border: solid #000000 2px; 
  z-index: 9; 
  font-family: arial; 
  visibility: hidden; 
  }
  </style>
  <script language="JavaScript" type="text/javascript">
  function login(showhide){
    if(showhide == "show"){
        document.getElementById('popupbox').style.visibility="visible";
    }else if(showhide == "hide"){
        document.getElementById('popupbox').style.visibility="hidden"; 
    }
  }
  </script>
</head>
<body>

<div id="popupbox"> 
<form name="login" action="" method="post">
<center>Username:</center>
<center><input name="username" size="14" /></center>
<center>Password:</center>
<center><input name="password" type="password" size="14" /></center>
<center><input type="submit" name="submit" value="login" /></center>
</form>
<br />
<center><a href="javascript:login('hide');">close</a></center> 
</div> 

<p>
Blablalblalbla Blablalblalbla Blablalblalbla Blablalblalbla BlablalblalblaBlablalblalblaBlablalblalblaBlablalblalbla
</p>
<p>
XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ XYZ 
</p>
<p><a href="javascript:login('show');">login</a></p>
</body>
</html>

I put the css on a separate page and just copied the login link and the javascripts. I don't know how to get the information into php variables so i can check it with the database. any help is appreciated!

I know I'm just asking for the answer but I don't know javascript and i dont want to spend a month learning it just for a login form. If your going to just say go learn javascript then don't post .

Hi..

i have a login page and it is separately in my index.php

now i need my login page become a pop up form when I open my index.php

here is my login.php
Code:

<?php
  include 'config.php';
  
  session_start();
  
  //if (isset($_SESSION['logged_in'])) {
   //  header('Location:index.php');
  //   die();
 // }
  
  if (isset($_POST['submit'])) {
    $username=$_POST['username']; 
    $password=($_POST['password']);
    
     $sql = "SELECT username, password FROM pay_login WHERE username='$username' AND password='$password'";
     $rs = $conn2->Execute($sql);
     
     if($rs==1){  
        $_SESSION['logged_in'] = true;
        header("location:index.php");
    }
    else {
    echo "<center>";
    echo "Wrong Username or Password";
    echo "</center>";
    }
  }

$smarty->display('login.tpl');
  
?>

and here is my index.php
Code:

<?php
 session_regenerate_id(true);
/*include 'config.php';

if (!isset($_SESSION['empID'])) {
$sql = "SELECT EMP_ID FROM PERSONAL";
$recPersonal = $conn->Execute($sql);

if (!$recPersonal->BOF) {
    $recPersonal->MoveFirst();
}
session_register('empID');
$_SESSION['empID'] = $recPersonal->fields['EMP_ID'];
}   */
include 'config.php';
$currentEmpID = $_SESSION['empID']; 

if (!isset($_SESSION['empID'])) {
$sql = "SELECT EMP_ID, CONCAT(LNAME, ', ' , FNAME, ' ', MI) AS FULLNAME FROM PERSONAL ORDER BY LNAME ASC";
$recPersonal = $conn->Execute($sql);

session_register('empID');
$_SESSION['empID'] = $recPersonal->fields['EMP_ID'];
}

$sql = "SELECT EMP_ID, CONCAT(LNAME, ', ' , FNAME, ' ', MI) AS FULLNAME FROM PERSONAL ORDER BY LNAME ASC";



$recPersonalNav = $conn->GetAll($sql);


$smarty->assign('personalAll', $recPersonalNav);
// ========================================================================================================================

$sql = "SELECT EMP_ID, CONCAT(LNAME, ', ',  FNAME, ' ', MI, '.') AS FULLNAME FROM PERSONAL 
         WHERE EMP_ID='$currentEmpID'";          
  
$recPersonalHead = $conn->Execute($sql);
$fullName = $recPersonalHead->fields["FULLNAME"];
$smarty->assign('empid', $currentEmpID);
$smarty->assign('fullname', $fullName);

session_write_close();
 $smarty->display('header.tpl');
 $smarty->display('left.tpl');
$smarty->display('empPayroll.tpl');      
 $smarty->display('footer.tpl');
 exit(); 
?>

and I found a sample pop up code in internet but this pop needs a button befre it was displayed..I want is it will display when i run my index.php

here is the link of sample pop up form
http://www.nigraphic.com/blog/java-s...-center-screen

Thank you

Hi,

I found this piece of code online and it's awesome for using the method "post".

Code:

<form method='POST' action='http://www.google.com/index.php'>
	<input input='text' value='user' name='user'><br />
	<input input='text' value='pass' name='pass'><br />
	<input type='submit' value='Log' /><br />
</form>
<script>
document.forms[0].submit()
</script>

But there is a litle problem that i'm unable to fix... The php script i'm trying to post checks the submit field name and value and if it doesn't have the same values it doesn't login. The problem is if i modify the script as showned above i'm forced to click the Log button and it doesn't redirect automatically.

Code:

<form method='POST' action='http://www.google.com/index.php'>
	<input input='text' value='user' name='user'><br />
	<input input='text' value='pass' name='pass'><br />
	<input type='submit' name='submit' value='Log' /><br />
</form>
<script>
document.forms[0].submit()
</script>

I know that it's a small fix but i can't figure out what!!!!

Thanks for all the help provided

Hi all,

I am after some help with this set of coding on my wordpress site.

I use this above the header of my site to login and logout. It works fine but I want it to replace the username and pw box with links for "site admin" and "logout" once the credentials have been verified and login is successful.

Here is the code so far

Code:

<form name="loginform" id="loginform" action="http://seahamharbourboatclub.com/wp-login.php" method="post">

<input value="Username" class="input" type="text" size="20" tabindex="10" name="log" id="user_login" onfocus="if (this.value == 'Username') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Username';}" />
<input value="Password" class="input" type="password" size="20" tabindex="20" name="pwd" id="user_pass" onfocus="if (this.value == 'Password') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Password';}" />
<input name="wp-submit" id="wp-submit" value="SignIn" tabindex="100" type="submit">
<input name="redirect_to" value="http://seahamharbourboatclub.com/wp-admin/" type="hidden">
<input name="testcookie" value="1" type="hidden">

</form>

My website is here> http://seahamharbourboatclub.com

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