Javascript - Pick up object id from a list generated with PHP and HTML

Asked

Viewed 1,103 times

4

How do I get the object id of a list by sending as a parameter to a javascript function. How do I put the id in the send function()?

<?php foreach ($contatos as $contato) {
        ?>
        <!-- Inicio da tabela (Na verdade é uma div com nome tabela)-->
        <div class="tabela">
            <!-- Todo conteúdo da tabela -->
            <div class="conteudo">
                <!-- Parte somente texto -->
                <div class="textos">
                    <!--Mostrando nome do contato -->
                    <span class="nome"><?php
                        if (!empty($contato->getNome())) {
                            echo $contato->getNome();
                        } else {
                            echo "Nome não cadastrado.";
                        }
                        ?></span><br>
                    <br>
                    <!-- Imagem do telefone -->
                    <img src="../imagens/fone.png" width="16px" height="16px"> 
                    <!-- Mostrando telefone-->
                    <?php
                    if (!empty($contato->getFone())) {
                        echo $contato->getFone();
                    } else {
                        echo "Telefone não cadastrado.";
                    }
                    ?>
                    <br>
                </div>
                                                                                                                                                                                                    
                
                <!-- Botão enviar-->
                <!-- Se contato ja foi transmitido não mostre a opção de enviar-->
                <!-- Se não foi transmitido, mostre a opção de enviar-->
                <?php if ($contato->getTransmitido() == 0) { ?>
                    <div class="botaoenviar" >    
                        <a href="#" class="button" name="enviar" onclick="enviar();" ><img src="../imagens/enviar.png" width="32px" height="32px"/></a>
                    </div>
                    <?php
                }
                ?>

            </div>
            <!-- Traço finalizador da tabela -->
            <div class="traco"></div>


        </div>



        <?php
    }?>

  • onclick="enviar(<?php echo $contato->getId(); ?>);" ? Which id You mean the bank record, right? How do you get it? $contato->getId() or something ? You need to specify more...

  • It worked that’s right, thank you.

2 answers

2


In your object must have a method of type getID(). So you can do it like this:

<a href="#" class="button" name="enviar" onclick="enviar(<?php echo $contato->getID(); ?>);" ><img src="../imagens/enviar.png" width="32px" height="32px"/></a>

0

Example of how I would do with jquery:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script
    src="http://code.jquery.com/jquery-3.3.1.js"
    integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
    crossorigin="anonymous"></script>
</head>
<body>
<button class="botao" id="botao1" cor="red">Botão A</button>
<button class="botao" id="botao2" cor="blue">Botão B</button>
<button class="botao" id="botao3" cor="green">Botão C</button>
</body>
</html>
<script type="text/javascript">
    $(".botao").click(function(){
        $(this).css('background-color', $(this).attr("cor"));
        $(this).css('color', 'white');
    });
</script>

Browser other questions tagged

You are not signed in. Login or sign up in order to post.