Jump to content

[Resolvido] Autocomplete só dá numa aba do acordeão


NunoDinis

Recommended Posts

Bom dia,

Em cada aba do menu, pretende poder adicionar novos utilizadores. Para isso, tenho um script que autocompleta os utilizadores conforme vai digitando na caixa de texto.

O senão é que só dá na primeira aba do acordeão, nas restantes não.

app.png

O index:

<script type="text/javascript">
$().ready(function() {
$("#course").autocomplete("autoCompleteMain.php", {
 width: 260,
 matchContains: true,
 //mustMatch: true,
 //minChars: 0,
 //multiple: true,
 //highlight: false,
 //multipleSeparator: ",",
 selectFirst: false
});
});
</script>

<div id="content">
 <form autocomplete="off">
  <p>
  Utilizador <label>:</label>
  <input type="text" name="user" id="user" />
  <input type="submit" value="Adicionar" />
  </p>
  </form>
</div>

A função que chama o script do index, autocompletemain.php:

<?php
include('../conn.php');
$q = strtolower($_GET["q"]);
if (!$q) return;
$sql = "select DISTINCT username as username from users where username LIKE '%$q%'";
$rsd = mysql_query($sql);
while($rs = mysql_fetch_array($rsd)) {
$cname = $rs['username'];
echo "$cname\n";
}
?>

Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro.

ndsotware.org

Link to comment
Share on other sites

É possível associar o id do input ao id da aplicação e o selector ser #id ?

Algo assim:

<input type="text" name="user" id="<?php echo "$lista[0]"; ?>" />

$("#id").autocomplete("autoCompleteMain.php", {
Edited by NunoDinis

Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro.

ndsotware.org

Link to comment
Share on other sites

Lá está.. associo o id do input ao id da aplicação, e com esta função vou buscar o id da aba que carreguei no acordeão.

<script type="text/javascript" language="javascript">
function teste(img) {
alert("clicked : " + img.id + " - value : " + img.value);
}
</script>

Agora, gostava que me ajudasses no selector..

Estás a perceber a minha lógica ?

Edited by NunoDinis

Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro.

ndsotware.org

Link to comment
Share on other sites

olha para o seguinte HTML:

<input id="id1" />
<input id="id2" />

o selector seguinte só selecciona um elemento:

$("#id1")

o elemento id2 não é retornado, logo, não é aplicado o plugin "autocomplete"

o que necessitas fazer é dar uma classe aos elementos :

<input class="autocomplete" id="id1" />
<input class="autocomplete"id="id2" />

desta forma podes usar um selector que te retorne todos os elementos que possuem esta classe:

$(".autocomplete")
Edited by HappyHippyHippo
IRC : sim, é algo que ainda existe >> #p@p
Link to comment
Share on other sites

Não é bem o botão agora, isso já resolvi 🙂

Como vou buscar o valor da caixa de texto do acordeão que está aberto?

<img class="testeimagem" onclick="javascript:teste(this)" src="images/add.png" width="20" height="20" id="<?php echo "$liista[0]"; ?>"/>

function teste(img) { 
 alert("clicked : " + img.id + " - value : " + img.value);
 var userid = $(".testeimagem").val(); // acho que estou a cometer um erro grande, mas já tentei de várias formas e não consegui.

Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro.

ndsotware.org

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.