JavaScript - Accordion Menu Bugs The Login System So People Cant Login

I’m trying to implement a JavaScript that creates an accordion menu. As the script currently stands, your able to tell the first list within the menu to expand when the page loads. You do this by adding .expandfirst into the ul class tag.

My question is... Does anyone know how to edit the JavaScript so that I can also tell the menu (on some pages) to expand the second or third list? I only need one list to be expanded at any one time. Here's the script...

Code:

function initMenus() {
	$('ul.menu ul').hide();
	$.each($('ul.menu'), function(){
		$('#' + this.id + '.expandfirst ul:first).show();
	});
	$('ul.menu li a').click(
		function() {
			var checkElement = $(this).next();
			var parent = this.parentNode.parentNode.id;

			if($('#' + parent).hasClass('noaccordion')) {
				$(this).next().slideToggle('normal');
				return false;
			}
			if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
				if($('#' + parent).hasClass('collapsible')) {
					$('#' + parent + ' ul:visible').slideUp('normal');
				}
				return false;
			}
			if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
				$('#' + parent + ' ul:visible').slideUp('normal');
				checkElement.slideDown('normal');
				return false;
			}
		}
	);
}
$(document).ready(function() {initMenus();});

Hope someone can help!?

Hi, I mainly do PHP/MySQL coding, but I wanted to add this Javascript Accordion Menu to my site:

Javascript And CSS Tutorial - Accordion Menus | Switch on the Code

It works fine, but I was wondering if there was a simple way to modify the code so that the currently open menu stays open from page to page instead of closing upon each page reload?

Thanks for the help,

--Anamaniac

Hey,

I'm having trouble with this site http://bit.ly/hL0u0w...

If you go to the services section you will see a sub navigation on the left of the box. The idea of this is to have sub sections within the main headings that expand/collapse when selected. Insted when any one link is clicked the whole menu expands and not just the related sub sections.

This is the javascript

Quote:
<script type="text/javascript">
$(document).ready (function() {
$('#link1').click(function() {
$('.slide').slideToggle('fast'); });
$('.close').click(function() {
$('.slide').slideUp('fast'); });

$(document).ready (function() {
$('#link2').click(function() {
$('.slide').slideToggle('fast'); });
$('.close').click(function() {
$('.slide').slideUp('fast'); });
});
$(document).ready (function() {
$('#link3').click(function() {
$('.slide').slideToggle('fast'); });
$('.close').click(function() {
$('.slide').slideUp('fast'); });
});
});
</script>

and here is the html

Quote:
<div id="subnav4">
<ul class="navigation4 pagination">

<li class="tab4"><a rel="1" id="link1" href="#">heading 1</a></li>
<li style="display: none;" class="dome slide"><a href="#">corporate id</a></li>
<li style="display: none;" class="dome slide"><a href="#">branding</a></li>
<li style="display: none;" class="dome slide"><a href="#">brochures</a></li>
<li style="display: none;" class="dome slide"><a href="#">direct mail</a></li>

<li class="tab4"><a id="link2" href="#">heading 2</a></li>
<li style="display: none;" class="dome slide"><a href="#">email marketing</a></li>
<li style="display: none;" class="dome slide"><a href="#">websites</a></li>


<li class="tab4"><a id="link3" href="#">heading 3</a></li>
<li style="display: none;" class="dome slide"><a href="#">advertising</a></li>
<li style="display: none;" class="dome slide"><a href="#">audiovisual</a></li>

<li class="tab4"><a id="heading 3" href="#">exhibitions</a></li>

</ul>
</div>
Hope someone can help with this!

Many thanks!

Hi,

I have a browser related problem that affects my accordion menu. I used a menu from dynamic drive:

http://www.dynamicdrive.com/dynamici...enu-bullet.htm

Only one of 4 headers in the menu expand, and that has another level inside.

The issue is that in safari, when you click on 'portfolio' to expand and load a page, when the page loads the menu fully collapses, rather than staying open with the sub menu visible. I have tried increasing the delay between opening the menu and then navigating to the page, but this hasn't helped.

this is a link to the site, to see desired behavior firefox does a good job.

http://www.wadmanlimited.co.uk/bestudioweb

thanks for any help.

hey guys

im not sure if this is javascript or not,
but how do i make this?



i only want one username/password to catch spam

Could somebody please help get this login script working(I know it's vulnerable):
Code:

<html>
<body>
<script type = "text/javascript">
function validate() {
var F_F_F2318797AS$ = document.GENERATOR.color.value;
var color = "#FFFF9B"
if (F_F_F2318797AS$ == color && 1==1 && 2==2) {
alert ("Login was successful");
return false;
}
else{
alert ("Incorrect password");
return false;
}
</script>
<h1> Welcome to the realm of <big style="color:red">confusing</big> Javascript <h1>
<form name = "GENERATOR">
ENTER PASSWORD <input type="password" name="color">
<input type="button" value="Submit" name="Submit" onclick= "validate()">
<
</form>
</body>
</html>

Thanks in advance!

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'm sure there are people here who are familiar with the Facebook javascript library. It's pretty straight forward, but I'm having one issue with my program and I don't see the best way around it.

I have two logins for my website. A user can log in with their facebook, and it's encouraged as I'm implementing facebook features through out it, but I also need to have a very strict control over who is able to actually modify the database. Basically, if a user comes to the site and logs in with facebook, I check for their email, if it doesn't exist, an account is created, but it's level one and theres also an isReg field that's set to 0. If the email address is already found, I simply add the facebook data to the existing account. If a facebook user wants to become an actual client, I then send them through my traditional registration process. Pretty basic as far as facebook implementation goes.

My problem, however, is with the facebook javascript itself. Since the program is mostly PHP based, I have the facebook login fire the script I talked about above, and it sets up the session variables I use to control who has access to what. The problem is after the ajax call, I need the page to refresh so it shows the user access stuff that's tied into the PHP program. The logout refresh works great, but as you can see with this code, if I put something like "window.location="ect"", it would send the browser into an endless loop. I need some advice on how to refresh this page so the php session stuff gets added after a Facebook login.

Code:

			<script type="text/javascript">
				window.fbAsyncInit = function() {
					FB.init({appId: '215993265079207', status: true, cookie: true, xfbml: true});
	 
					/* All the events registered */
					FB.Event.subscribe('auth.login', function(response) {
						// do something with response
						login();
					});
					FB.Event.subscribe('auth.logout', function(response) {
						// do something with response
						logout();
					});
	 
					FB.getLoginStatus(function(response) {
						if (response.session) {
							// logged in and connected user, someone you know
							login();
						}
					});
				};
				(function() {
					var e = document.createElement('script');
					e.type = 'text/javascript';
					e.src = document.location.protocol +
						'//connect.facebook.net/en_US/all.js';
					e.async = true;
					document.getElementById('fb-root').appendChild(e);
				}());
				function fbloginClick(){
					FB.login(function(response) {
						 if (response.session) {
    						if (response.perms) {
							  // user is logged in and granted some permissions.
							  // perms is a comma separated list of granted permissions
							} else {
							  // user is logged in, but did not grant any permissions
							}
						  } else {
							// user is not logged in
						  }
						}, 
					{perms:'email,user_birthday'}
					);
				}
				function login(){
					//Fire the PHP Facebook Auth Script
					var xmlhttp;
					if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
						xmlhttp=new XMLHttpRequest();
					}else{// code for IE6, IE5
						xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
					}					
					xmlhttp.open("POST","http://www.thehoppr.com/clients/facebook/facebook_auth.php",true);
					xmlhttp.send();
				}
				function fblogoutClick(){
					FB.logout(function(response) {
					  	// user is now logged out
					});	
				}
				function logout(){
					//Fire the PHP Logout Script
					var xmlhttp;
					if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
						xmlhttp=new XMLHttpRequest();
					}else{// code for IE6, IE5
						xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
					}					
					xmlhttp.open("POST","http://www.thehoppr.com/clients/logout.php",true);
					xmlhttp.send();
					window.location.reload;
				}
			</script>

Anyone got any ideas for me here?

Guys,

we are 2 guys working on an android app. Once installed on an android phone the authentication sends back a "failed to login" 80% of the time and around 20% of the time there is no issue at all.

We checked with the host (godaddy) n no issue on their side.

We feel pretty stuck and wonder where we should look at. Would you have any advise on what to check given that sometimes it works fine n other it fails (without touching the code) ?

BR,
Ju

I was wondering if there was an easy way to configure a message box to resemble that of a login form. It would preferably have two text fields for username/password and OK and Cancel buttons as well. I currently have a normal login form on my website designed using PHP but it does not figure into what we need to do now. I'm not sure about going about this and I have tried looking for quite sometime for an example of this but cannot find one.

i am having a simple login system, but i need some help i want to assign an if else statement my code is this :
what i need is if i login to sales if navigates to sales page,
if other then go to other page pls help me It is very important for me
Thanks is advance


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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ENTER USER NAME&nbsp; ENTER PASSWORD</title>
<style type="text/css"> 
.style1 {
text-align: center;
}
</style>
</head>

<body style="background-color: #AFC8C7">
<script type = "text/javascript"> 

 // Note: Like all Javascript password scripts, this is hopelessly insecure as the user can see 
//the valid usernames/passwords and the redirect url simply with View Source. 
// And the user can obtain another three tries simply by refreshing the page. 
//So do not use for anything serious! 

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

var unArray = ["HR", "Admin", "IT", "Sales"]; // as many as you like - no comma after final entry
var pwArray = ["hr123", "admin123", "it123", "sales123"]; // 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 = "index.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 name = "myform">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p class="style1">User Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" name="username" style="width: 131px"> 
</p>
<p class="style1">&nbsp;Password:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp; 
<input type="password" name="pword" style="width: 131px">&nbsp;
</p>
<p class="style1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" value="Log In" name="Submit" onclick= "validate()" style="width: 96px">
</p>

</form>
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 136px; top: 252px" id="layer1">
</div>
<p>&nbsp;</p>
</body>

</html>

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. Firstly I must point out, although I know this probably isnt the best way to create a login system. Its just an example for some of my school work.

Basically, I have a very basic "bare bones" login form.

What I want to be able to do, is to create an IF statement that will allow only 1 pair of values for the username and password.

eg. username = john
password = smith

now, I want the if statement to run, and look for the values entered in the username and password fields. if the value for username is correct, and the password is correct, i want another page to open, however if any other values are entered, i want an alert message to be thrown. "please enter correct login details".

My problem with this, Is i do not know how to write an if statement that will except one value, and reject all others.

Iv included a printscreen of my coding and I warn you, it may be very wrong, but Im confused as to how to make it work.

Heres the image of my code: http://i39.tinypic.com/e8sb9j.png

Thanks for your time.

Hello fellow scriptwriters,

Is it possible to use JavaScript cookies to function the same way as for registering for a site or logging in to a members' area? And if (or not)so, what are some things to help me get started? I'd like to know because I am planning to make an alternative to PHP and MySQL methods.
Code:

function getCookie( name ) {
  var start = document.cookie.indexOf( name + "=" );
  var len = start + name.length + 1;
  if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) {
    return null;
  }
  if ( start == -1 ) return null;
  var end = document.cookie.indexOf( ";", len );
  if ( end == -1 ) end = document.cookie.length;
  return unescape( document.cookie.substring( len, end ) );
}

function setCookie( name, value, expires, path, domain, secure ) {
  var today = new Date();
  today.setTime( today.getTime() );
  if ( expires ) {
    expires = expires * 1000 * 60 * 60 * 24;
  }
  var expires_date = new Date( today.getTime() + (expires) );
  document.cookie = name+"="+escape( value ) +
    ( ( expires ) ? ";expires="+expires_date.toGMTString() : "" ) + //expires.toGMTString()
    ( ( path ) ? ";path=" + path : "" ) +
    ( ( domain ) ? ";domain=" + domain : "" ) +
    ( ( secure ) ? ";secure" : "" );
}

function deleteCookie( name, path, domain ) {
  if ( getCookie( name ) ) document.cookie = name + "=" +
    ( ( path ) ? ";path=" + path : "") +
    ( ( domain ) ? ";domain=" + domain : "" ) +
    ";expires=Thu, 01-Jan-1970 00:00:01 GMT";
}

Source: http://www.JavaScriptSource.com

hi
i was wondering if anybody outhere could refer me to a tut that show how to create a drop down login panel.I've read any tut about drop down from DynamicDrive.com but it's not really what i'm looking forward.I try to change the content in "Drop Down Panel" script released into the relevant tut but it's not working.So help will be welcome.