Ajuda para criação de tabela dinâmica

Marcelo BH · Julho 3, 2012

Oi pessoal...!

Estou precisando qualquer tipo de ajuda para criar uma "Dynamic Table" gerada e controlada automaticamente pelo javascript/PHP...!

Na imagem que estou postando a tabela é parecida com um teclado virtual e a quantidade de células/caracteres é definida pelo javascript dinâmicamente...por variáveis...! Por exemplo, uma rotina em PHP pode definir que o teclado não seja de A a U, mas de A a H...! A quantidade de linhas e colunas tambem são controladas pelo javascript/PHP...!

Ao gerar o teclado, é também gerado um campo input aonde as células/campos selecionas serão visualizadas pela ordem do clique. Este campo enviará os dados/variáveis para outra página de controle...!

As células podem conter qualquer tipo de sequência de variáveis...imagens, letras ou números...! Talvez seja necessário incluir um ou mais "arrays" para armazenar estas variáveis...!

Agradeço qualquer ajuda para completar esta parte do projeto...! Pode ser um link externo, um tutorial, etc...!

A tabela é realmente bem dinamica...colunas, linhas e quantidade de células(visualizadas), controladas por uma rotina em javascript...que tambem controla o conteúdo de cada célula/campo...!

Obrigado...!

dinohills · Julho 13, 2012

Boa tarde, cara antes de mais nada aonde você vai usar isso ? Só por curiosidade.

Bom mas fiz o negócio conforme entendi.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title></title>
            <script type="text/javascript">
                function add_letra(valor){
                    var letra = document.getElementById(valor);
                    var letras = document.getElementById('letras');
                    var espaco = " ";
                    letras.value += letra.value;
                    letras.value += espaco;
                }
                function limpar(valor){
                    document.getElementById(valor).value = "";
                }
            </script>
    </head>
    <body>
        <?php
        $alfabeto = array(
            'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',
            'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'X', 'Z', 'Y', 'W'
        );
        $alfabeto_n = rand('1', count($alfabeto));
        $colunas = rand('1', $alfabeto_n);
        $linhas = round($alfabeto_n / $colunas);

        for ($li = 0; $li < $linhas; $li++) {
            $h = $i + $h;
            for ($i = 0; $i < $colunas; $i++) {
                $valor = $alfabeto[$i + $h];
                if ($valor != "") {
                    echo "<input type=text value=$valor size=1 readonly onclick=\"add_letra(this.value);\" id=$valor />";
                } else {
                    
                }
            }
            echo "<br/>";
        }        
        ?>
        <br/>
        <input type="text" id="letras" />
        <input type="button" value="Limpar" onclick="limpar('letras');"/>
    </body>
</html>

Marcelo BH · Julho 16, 2012

Obrigado por responder...!

Estou gerindo a rotina que você me passou...!

Respondendo a sua pergunta, estou querendo utilizar uma rotina funcional para gerar tabelas dinâmicas em um projeto que estou desenvolvendo...!

O teclado/tabela é gerado automaticamente de acordo com características previamente definidas por variáveis (quantidade de caracteres/células e tamanho de linhas e colunas)...!

Preciso criar uma rotina para gerar o xHTML com a tabela dinâmica de acordo com as variáveis definidas previamente e uma rotina de controle de conteúdo da tabela...! Tudo em javascript e xHTML...!

dinohills · Julho 17, 2012

beleza cara, quando terminar seu projeto posta ai pra gente ver como ficou !! T+

Entrar

Ajuda para criação de tabela dinâmica

Pergunta

Marcelo BH

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

dinohills

Link para o comentário

Compartilhar em outros sites

Marcelo BH

Link para o comentário

Compartilhar em outros sites

dinohills

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades