PHP - autocomplete with php and javascript

Question

I am working on an autocomplete script where i first read files from a local directory using php as shown below:

<?php
$file = glob('pages/*');
//var_dump($file); 

foreach($file as $value)
{
    $output = substr($value, 6, strlen($value) - 6);
    //echo($output)."<br>";
}
?>

the above script displays all the files in the 'pages' folder i.e pageone.html,pagetwo.html....

i then use a javascript file to dispaly a text field that when entered for example 'page', should show aome autocomplete options say 'pageone.html' or 'pagetwo.html' e.t.c

<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
var availableTags = ["
<?php echo $output; ?>"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>
</body>
</html>

i combine the above php code with this js to a single php file

as shown, i try embedding the '$output' into the js 'availableTags' variable but when i type something on the text field, nothing happens..i'm sure it has to do with the php code embedded in the js so any help would be appreciated

Community · Accepted Answer · 2023-11-17 20:29:45Z

1

Your $output contains only a single value (last file in your list). You can create an array of files like:

$res = array();
foreach($file as $value)
{
    $res[] = substr($value, 6, strlen($value) - 6);
}

and pass it to javascript as: a javascript array (with json_encode function)

<script>
$(function() {
var availableTags = <?=json_encode($res)?>
...

edited Nov 17, 2023 at 20:29

CommunityBot

11 silver badge

answered Mar 25, 2014 at 11:09

mesutozer

2,8591 gold badge15 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Baptiste Donaux · Accepted Answer · 2014-12-06 11:15:17Z

1

You can use autocomplete.js. It's more lite and easy to use that jQuery UI.

edited Dec 6, 2014 at 11:15

answered Mar 25, 2014 at 11:09

Baptiste Donaux

1,3101 gold badge13 silver badges34 bronze badges

Collectives™ on Stack Overflow

PHP - autocomplete with php and javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related