Jump to content
Wagner M.M

Coloca imagem dentro de um array

Recommended Posts

Como eu posso colocar uma imagem dentro de um array, para que a apareça também no auto-complete?

jquery

$(document).ready(function() {
            $("#produtos").typeahead({
                source: function(b, a) {
                    $.ajax({

                        url: "fetch.php",
                        method: "POST",
                        data: {
                            query: b
                        },
                        dataType: "json",
                        success: function(c) {
                            a($.map(c, function(d) {
                                return d
                            }))
                        }
                    })
                }
            })
        });

fetch.php

$query2 = "
         SELECT * FROM fotos_produtos WHERE id_produto='".$row['id']."'
        ";

        $result2 = mysqli_query($connect, $query2);

        if(mysqli_num_rows($result2) > 0)
        {
         while($row2 = mysqli_fetch_assoc($result2))
         {

        $data[] = $row["nome"]."<img src=uploads/".$row2["nome"]."/>";

        }
        echo json_encode($data);
        }

Resultado quando procura algum produto

PRODUTO 21<IMG SRC=UPLOADS/PRODUTO21.JPG/>

Teria que aparecer a imagem e não em modo texto como está no resultado, teria como?

Share this post


Link to post
Share on other sites

Isso é problema com o PHP,

 

mas dá uma olhada para ver se assim ajuda:

$data[] = "<img src='uploads/".$row2["nome"]."'>";

Share this post


Link to post
Share on other sites

eu andei pesquisando e estou usando o propend() do jquery, ele procura e acha o que digito na busca, mais não mostra na div #resultado. e retorna esses erros quando digito algo:

VM1199:1 Uncaught SyntaxError: Unexpected token c in JSON at position 0
    at JSON.parse (<anonymous>)
    at Object.success ((index):803)
    at j (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at x (jquery.min.js:4)
    at XMLHttpRequest.b (jquery.min.js:4)
$(document).ready(function() {
        $("#country").typeahead({
            source: function(b, a) {
                $.ajax({
    url: "fetch.php",
    method: "POST",
    data: {
        query: b
    },
    dataType: "json",
    success: function(c) {
        console.log(c);
        
        var json = JSON.parse(c);
        $.each(json, function(i, data) { $("#country").prepend(data); } );
    }
    })
            }
        })
    });

 

Share this post


Link to post
Share on other sites

Pelo erro, parece que está dando erro no momento do "JSON.parse(c)"

Dá uma olhada no valor da variável "c" no momento do parse para ver o que o PHP está retornando.

Acho que o PHP pode não estar retornando um valor válido?

Share this post


Link to post
Share on other sites

estou fazendo assim, agora não retorna nenhum erro só que o resultado não aparece na div resultado, aparece apenas no console().

$(document).ready(function() {
        $("#resultado").typeahead({
            source: function(b, a) {
                $.ajax({
    url: "fetch.php",
    method: "POST",
    data: {
        query: b
    },
    dataType: "json",
    success: function(c) {
    console.log(c);
    $.each(c, function(i, data) { 
        $("#resultado").prepend(data);
    });
}
    })
            }
        })
    });

 

Share this post


Link to post
Share on other sites

Esse plugin tem uma opção

 

dataset.templates.suggestion onde você pode colocar o HTML que quiser.

você vai receber o JSON do backend, e ai você faz como precisar a sua imagem.

Share this post


Link to post
Share on other sites
// JSON: [{nome: "Bob", img: "aa.jpg"}]

$('input').typeahead(null, {
    display: 'nome',
    source: source,
    templates: {
      empty: '<div>Nenhum resultado</div>',
      suggestion: Handlebars.compile('<div><strong>{{nome}}</strong> – <img src="{{img}}" /></div>')
    }
});

 

Share this post


Link to post
Share on other sites

como faria para adptar seu código no meu que postei?

 

$("#resultado").typeahead({
                source: function(b, a) {
                    $.ajax({
                        url: "fetch.php",
                        method: "POST",
                        data: {
                            query: b
                        },
                        dataType: "json",
                        success: function(c) {
                            a($.map(c, function(d) {
                                return d
                            }))
                        }
                    })
                }
            })

        });

 

Share this post


Link to post
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

  • Similar Content

    • By violin101
      Caros amigo, saudações...

      por favor, me perdoa se postei na opção errada.
       
      estou com a seguinte dúvida.
       
      tenho o seguinte código no cadastro: 1234 0000 4320 9785
       
      como consigo mostrar /inibir os números no meio, para o usuário desta forma: 1234********9785
       
      Grato,
       
      Cesar
    • By Rodrigo5468
      Olá, boa tarde!
       
      Eu estava procurando na internet, mas não obtive nenhum resultado significativo.
      Eu preciso de um script em php que converte os links do youtube para o formato .mp4. Como que eu posso fazer isso? Alguma dica?
      Quero que quando o usuário informa o link do youtube no input e clica no botão de converter baixe o vídeo e faz a conversão para .mp4 e fornece para o usuário o link convertido para .mp4.
       
       
      Obrigado desde já.
    • By k9studio
      Olá Amigos,
      tenho essa tabela abaixo e estou apanhando para listar os dados e fazer validação,
      alguém pode ajudar como chamar os dados e validar mostrar o nome somente se estiver visible=on  

       
      CREATE TABLE `system` (   `namesystem` text COLLATE utf8_unicode_ci NOT NULL,   `setting` text COLLATE utf8_unicode_ci NOT NULL,   `value` text COLLATE utf8_unicode_ci NOT NULL,   `order` int(1) NOT NULL,   KEY `namesystem_setting` (`namesystem`(32),`setting`(32)),   KEY `setting_value` (`setting`(32),`value`(32)) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci; como os dados estão na tabela:
       
      namesystem setting   value   order (honda)    (name)   (Honda)   1 (honda)    (xtts)   (ok)      0    (honda)   (visible)  (on)      0    (toyota)    (name)   (Toyota)  2 (toyota)    (xtts)   (ok)      0    (toyota)  (visible)  (on)      0    
    • By iguulima
      É possivel realizar uma consulta SQL em duas colunas da mesma tabela usando outra função que não seja o AND ou OR? Segue o meu Select ate agora:
       
      (SELECT * FROM product WHERE comid = $idcom AND status = 'Ativo' AND categ = $category AND nameprod like'%$search%'  ORDER BY id DESC)  
      Por exemplo se eu colocar um AND após buscar o nameprod, no nome do produto não tiver a palavra chave ele também não irá buscar. Ou se colocar um OR ele anulo as outras condições até onde eu sei.
      Iniciante em programação.
    • By fideles
      Caros,
       
      Venho por uma duvida que esta cruel comigo. Explico-lhes.
       
      Tenho um banco de dados contendo exatas 4 colunas (id, codigo, descricao, quantidade) e criei um relatorio no excel que me separa os codigos, neste caso seria 3 abas pq tenho somente 3 codigos internos (S = Solicitar, F = Forneceder, B = Baixado) e criei uma select com GROUP By codigo
       
      Ai no banco eu posso ter 30 codigos com S, 10 com F e 15 com B,
      SELECT * FROM solicitacoes WHERE n_solicitacao = '".$n_solicitacao."' GROUP BY codigo Acontece que essa instrução acima, lista somente a primeira linha de cada codigo, como que eu faço neste caso para ele listar todos codigos? Exibir no caso os 30 codigos com S, os 10 com F e os 15 com B ? 
       
      Estou comendo algo ou meu raciociono esta totalmente equivocado ?
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.