[RESOLVED] Help: Click Event Won't Work!

[alternate121]

Hi all,

I have a jquery code that uses AJAX to post the users id to a php page, which then queries the database for the user and then displays the files they are aloud to view. The files they are aloud to view will be display in a li tag that is in the ul tag, the img has an id of root_folders, i cant get it to work using a click event so i made a function, but everytime the if statement runs in the functions it keeps the last displayed in the variable, the function is below, the element is on a php page which is displayed on the main page, i think there is a better way around it but tried everyway i can think of, thank you.

function open_folder(uid,name,lvl,file,pass){
$('#password_field').show();
$('#submit_pass').click(function(){
var check = $('#pass_field').val();
if(check==pass){
alert(pass+': pass '+check);
$('#pass_field').val('');
return;
}else{
alert(pass+': fail '+check);
$('#pass_field').val('');
return;
}
});
$('#close_pass').click(function(){
$('#password_field').hide();
$('#pass_field').val('');
$('#val_pass').html('Please enter a Password');
return;
});
}

[traq]

nothing in your function gets data from the server, nor loads it anywhere. all it does is check the entered password against the one provided in the function call.

among other things: client-side authentication is useless, because your code provides the user with the expected password. they can simply look at the source code and copy the password, or they can just turn javascript off and bypass the check completely.

could you post the rest of your code? specifically, your html markup, and the script where you call this function.

[alternate121]

The data from the server is display to the users as pictures of folders, i put an inline onclick to call the function, the website is for internal business use only, java has to be enabled for employee's, below is the php script, i did want to bind an onclick event to the folders but it wouldn't work. Reading what you said helped me alot as i am now going to post what they type in the text field to a php page for validation and it can return true or false, thank you and heres the php script.

<?php
session_start();
if(isset($SESSION['user_id'])){
$uid=$SESSION['user_id'];
include_once('../config.php');
if(!$querydata=mysql_query("SELECT * FROM reg WHERE id='$uid' "))
{echo "error22";
}else{
$num_data=mysql_num_rows($querydata);
while($row=mysql_fetch_array($querydata)){
$user=$row['username'];
$ff1=$row['ff'];
$jacob1=$row['jacobson'];
$sur1=$row['surplus'];
$lot1=$row['lotus'];
$rav1=$row['ravel'];
$gol1=$row['gola'];
$misc1=$row['misc'];
if($ff1==2||$jacobson1==2||$surplus1==2||$lotus1==2||$ravel1==2||$gola1==2||$misc1==2){
echo "<div id=\"list_folders\">";
if($ff1==2){
echo "<li><img src=\"images/ff_folder.png\" id=\"root_folders\" />FF</li>";
}
if($jacobson1==2){
echo "<li><img src=\"images/jac_folder.png\" ondblclick=\"open_folder('".$row['id']."','jacob','0','jacobf','jadmin');\" />Jacob</li>";
}
if($surplus1==2){
echo "<li><img src=\"images/sur_folder.png\" ondblclick=\"open_folder('".$row['id']."','sur','0','surf','sadmin');\" />Sur</li>";
}
if($lotus1==2){
echo "<li><img src=\"images/lot_folder.png\" ondblclick=\"open_folder('".$row['id']."','lot','0','lotf','ladmin');\" />Lot</li>";
}
if($ravel1==2){
echo "<li><img src=\"images/rav_folder.png\" ondblclick=\"open_folder('".$row['id']."','rav','0','ravf','radmin');\" />Rav</li>";
}
if($gola1==2){
echo "<li><img src=\"images/gol_folder.png\" ondblclick=\"open_folder('".$row['id']."','gol','0','golf','gadmin');\" />Gol</li>";
}
if($misc1==2){
echo "<li><img src=\"images/project_folder.png\" ondblclick=\"open_folder('".$row['id']."','$user','0','$userf','test');\" />$user</li>";
}
echo "</div>";
}else{
echo "You have no folders to view!";
}
}
}
}else{
echo "error21";
}
?>

If sending the data to a php page is the best option please let me know and i will mark it as resolved, thank you for your time.

[alternate121]

Just incase you want to see the main page html markup, here it is below, thank you.

<!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>Home</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/root.js"></script>
<link href="css/root.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="mess">
Welcome to The Site
</div>
<div id="notice">
(The data will automatically refresh every 10 seconds)
</div>
<div id="data"></div>
<div id="password_field"><p id="val_pass">Please enter a Password</p><br />Password: <input type="password" id="pass_field" /><br /><br /><input type="button" id="submit_pass" value="Submit" /><input type="button" id="close_pass" value="Close" />
</body>
</html>

[alternate121]

here is the post data script;

$(document).ready(function(){
root_data();
function root_data(){
$.post('php/root_data.php',function(result){
$('#data').html(result);
if(result=="error21"){
parent.window.location.href=("errors.php?error=mysql_query&no=21&page=root.js");
}
setInterval(root_data,10000);
});
}
});

[alternate121]

I found a solution to the problem, if anyone is stuck on adding a click event to the displayed data through php, heres why. I believe the reason is that the data has not been displayed when the browser reads the script first hand, this means you need to add a click event to a future element, to do that i believe it is .live('click',function(){}); this will add a click event to any elements with the id or class specified, it will also add a click event to any future elements with this id or class. Thank you all for your time.