Omar~

Como assim? Você quer carregar a pagina2 dentro do modal? R: Basta apenas chamar uma requisição ajax e carregar a resposta no elemento do modal. Você quer, clicar na imagem na pagina1, ir para a pagina2 ao chegar o modal aparece? R: Use LocalStorage para armazenar algo e em pagina2 você confere se existe o que armazenou, se existir o modal é mostrado.

Mas vale ressaltar o uso do javascript para criar uma integração com usuário. Assim pode-se controlar o que o usuário pode fazer antes de enviar dados para o servidor, poupa tempo dele e do servidor também.... "se for o caso" var formulario = document.getElementById('buscar'), texto = ''; function exemplo() { texto = formulario.elements[0].value.trim(); if (!texto) { // nada digitado no primeiro campo do formulário } else if (texto.length < 3) { // o primeiro campo do formulário DEVE possuir pelo menos 3 caracteres } else if (texto.length > 10) { // o primeiro campo do formulário NÃO DEVE mais de 10 caracteres } else if (!texto.match(/^([a-zA-Z À-ú]+)$/i)) { // o primeiro campo do formulário só pode ser usado letras } else { formulario.submit(); // pode validar } } Lógico que tudo apresentado pelo script acima pode ser manipulado pelos atributos do input. Mas a questão é criar um personalização, seja lá qual for.

Basta apenas que o botão externo execute uma função que manda o formulário submeter. function exemplo() { document.getElementById('buscar').submit(); } Além do mais caso queira adicionar tag <button> sem que esse submeta o formulário você tem que dizer qual o tipo de ação que esse botão realizará, por padrão qualquer navegador já interpreta essa tag como submit quando dentro de um formulário, então basta apenas mudar assim você não precisa de uma função controlando isso <button type="button">Executa</button> <- Não executa o formulário.

Ao meu ver o problema principal é um único input para tudo. Para cada imagem/arquivo um input deveria ser criado para tal.

Podemos sim, mas poste mais informações para sabermos qual é o seu real problema Se for o caso mete isso no google: cidades estados github Verás um infinidade de projetos que nem depende de um banco de dados no girhub

Marcar uma aula ou indicar outra não sou capaz... Uma vez que "todas aulas/cursos que fiz" nenhum era melhor que eu que aprendi na "raça". Mas sempre quando tenho alguma dúvida consulto aqui: https://developer.mozilla.org/ Obs.: Sou um dos colaboradores

Para fazer isso você vai ter que redefinir todos os arquivos que estejam no input. O segredo é obter o nome ou qualquer informação da imagem que possa ser comparado com o objeto FileList do input.files. Então você compara se essa informação não condiz com as demais, adicionando o atual aquivo "que não seja o que vai ser removido" e o adiciona a um objeto que seja capaz de interpretara-lo. Para esse afim você pode está usando a API nativa DataTransfer. Por fim você redefine o [input].files com todos arquivos. Exemplo: <input type="file" multiple="" /> <button onclick="exemplo()">Remover</button> <button onclick="ver()">Ver Arquivos</button> <script> var input = document.querySelector('input'); function exemplo() { var dataT = new DataTransfer(); for (var i = 0; i < input.files.length; i++) { // No caso se o nome do arquivo que está não input for imagem.jpg if (input.files[i].name !== 'imagem.jpg') { dataT.items.add(input.files[i]); } } input.files = dataT.files; } function ver() { console.log(input.files); } </script>

Apesar de ser um recurso utilizar múltiplos em uma tag <select> não é recomendado porque ela pode causar confusão para um usuário saber interagir corretamente, para fins de múltipla seleção prefira usar tags <input type="checkbox" /> . E para solucionar se um valor pode ser um número ou não nem precisa usar expressões regulares basta apenas usar essa função: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/isNaN

Me parece que a API DataTransfer não servirá para essa finalidade. Acredito que croppedCanvas.toDataURL() seja um base64 da imagem cortada. Verifique no console do navegador usando: console.log( croppedCanvas.toDataURL() ); Se for então adicione esse código ao valor de um textarea, esse textarea você o mantém escondido no form, então no back-end você usa a informação do textarea para criar uma imagem. É esse método que uso para salvar imagens usando meu script para corte de imagens: https://github.com/Spell-Master/sm-web/tree/master/javascript/ImageCut

Como disse é possível, mas terá que repensar algumas coisas. Sugiro que dê uma lida nesses artigos, então terá uma noção melhor sobre o assunto, só então decidir se vale a pena ou não: https://developer.chrome.com/blog/media-updates-in-chrome-73/#autoplay-pwa https://developer.chrome.com/blog/autoplay/

É possível sim, porém desencorajo a você optar por isso. Além de consumir dados móveis do usuário (SEM AUTORIZAÇÃO) terá algo que não irá funcionar de imediato, uma vez que o conteúdo deve ser baixado (mesmo sendo um vídeo do youtube)/ processado só então a coisa começaria a funcionar. Atrasando assim o carregamento do website violando as boas práticas de acessibilidade.

Fica difícil ajudar só com a explicação sem ver o que está acontecendo. Mas se fosse comigo partiria do princípio que algo não carregou ou carregou de forma errônea. Pois já me esbarrei algumas vezes em algo similar e forma que usei para encontrar a raiz do problema foi usar o inspetor do navegador e analisar coisa a coisa. Digo a você que abra o inspetor e vá logo na aba console e tente sanar eventuais erros e alertas ali apresentado. Veja também através do inspetor os arquivos fonte, se os css e os javascripts estão todos alí com seu código original, veja se a estrutura html está correta e por aí vai....

Como assim?! O que tem haver $credito com o resultado a obter? Como é o array $shows? De onde vem isso? De onde vem isso? Especulando seria usar condicionais dentro do laço de repetição, mas como não dar para saber corretamente a dúvida a resposta não seria coesa.

Não é o queryselector que está executando um loop porque essa função nativa não se reexecuta nem devolve múltiplos dados apenas o primeiro elemento encontrado. É a própria biblioteca jQuey que está fazendo esses loops. É esse trecho mesmo identifiquei um loop sendo gerado, que vai executar 2 ou mais voltas: $('.editor_' + class_limpa + '').focus(function (e) { $(this).on("keyup", function () { $('#' + class_limpa + '').html($(this).html()); $('.status_' + class_limpa + ' span').show().html("Digitando..."); }); }); 2 voltas é certo pois .editor_ ..... possui 2 no seu exemplo São dois elementos, mas daí para cada tecla pressionada/segurada aumenta em 2 voltas o loop. Deixo um a dica para você: Ao invés de ficar usando alert( .... ) Use console.log( o que você que ver ) Abra o inspetor do navegador e vá na aba console, com o uso do console mesmo, poderá ver onde seu código está sendo executado novamente.

Uma alternativa é ao invés de redirecionar a url, carregar os conteúdos por AJAX. Outra forma que pode ser usado é criar uma espécie de site-map, onde um arquivo contém um array, nesse contém uma lista dos arquivos a serem carregados de acordo com cada url fake. Uma vez acessado alguma url através desse arquivo carregar/inserir/trocar no escopo do documento index. É como se fosse uma url assim: dominio/ola_mundo E o que seria carregado é por exemplo: hello_world.php

Prototypes Além do mais deixar o jquery de lado até conseguir ter um mínimo de habilidade para manipular o javascript (jQuery não é javascript) Depois você poderá usa-lo tranquilamente de forma efetiva pois já vai ter noção mais ampla do javascript. Exemplo: $ seria uma função que recebe de parâmetro uma string essa função irá buscar o elemento no documento seu retorno, seria usando o objeto da instância desse elemento. Porém a função $ seria um prototype de outra função que regularia o que deve ser feito a cada etapa. Então anima_galeria também seria um prototype da função mãe, que por sua vez pega o retorno de $ e o retorno de anima_galeria e executa o que tem de fazer. Ou seja $ e anima_galeria nada mais que são prototypes de outra função Veja que criei exatamente um script que faz isso: Função mãe reguladora (uma class): https://github.com/Spell-Master/sm-web/blob/master/javascript/jsd/js-default.js#L29 Função responsável por obter o objeto de trabalho: https://github.com/Spell-Master/sm-web/blob/master/javascript/jsd/js-default.js#L49 Linha a qual pega todas funções que estão em objetos de diz que o prototype da função mãe serão todas as demais funções: https://github.com/Spell-Master/sm-web/blob/master/javascript/jsd/js-default.js#L1571 Um exemplo: <div id="pai"> <div class="filho"></div> </div> <script> jsd('#pai').find('.filho').index(0).html('<div style="color:red">Olá mundo</div>'); // ou //jsd('#pai').find('.filho').html('<div style="color:red">Olá mundo</div>'); </script> Isso são callbacks, anima_galeria é uma função que executa outra função anônima. Isso não é possível uma vez que var é uma global ela não pode ser definida dentro de um parâmetro. Porém o próprio jQuery possui uma função que pode estender funções personalizadas a ele. A função não sei exatamente como a usa porque não mexo com jquery: jQuery.extend( /* .... */); Bom, foi mais ou menos isso que entendi sobre sua dúvida.

2 Probabilidades: No arquivo index.php o arquivo funcoes.php deve ser incluso ou requerido antes que se use a função. Certifique-se que os erros não estão desabilitados/omitidos, pode ser que o arquivo não foi corretamente anexo ao index.php ou há erros anteriores ao arquivo funcoes.php fazendo que qualquer coisa nele não exista.

Olhando um cenário onde você tem lá uma lista de pessoas ou mesmo uma página de perfil de uma pessoa. Logo então você tem o formulário de envio para essa pessoa certo? Nesse cenário você já fez a leitura do banco de dados então pode preencher o valor de um input com o e-mail daquela pessoa ao qual vai enviar. Olhando outro cenário onde uma página contém o formulário, mas não há designação para quem deve ser enviado. Nesse caso algumas alternativas podem se tomadas como por exemplo: Criar um botão que executará um uma busca pelos e-mails disponíveis para envio no banco de dados, e através de script preencher um valor de input com o e-mail designado. Criar uma tag <select> no formulário que conterá todos e-mails disponíveis para envio no banco de dados. Em ambas alternativas é mais ágil e eficaz pré carregar todos os dados dos e-mails no carregamento da página. De qualquer forma para definir um valor a $emailDestino você deve repassar pelo formulário algum dado que possa ser usado para buscar determinado registro no banco de dados.

Há diversas formas de como proceder, mas cada uma depende do contexto final. O jeito mais simples e robusto pode se feito similar a isso: <select name="" id="select1"> <option value=""></option> <option value="item1">item1</option> <option value="item2">item2</option> <option value="item3">item3</option> </select> <div id="id1" class="id1"> 1</div> <div id="id2" class="id2"> 2</div> <script> var select1 = document.getElementById('select1'), id1 = document.getElementById('id1'), id2 = document.getElementById('id2'), valorSelecionado = select1.value; mostraHTML(); select1.addEventListener('change', trocar, false); function trocar(evento) { valorSelecionado = evento.target.value; mostraHTML(); } function mostraHTML() { switch (valorSelecionado) { case 'item1': id1.innerHTML = 'APRENDIZ'; id2.innerHTML = 'APRENDIZ'; break; case 'item2': id1.innerHTML = 'ALUNO'; id2.innerHTML = 'ALUNO'; break; default: id1.innerHTML = 'TETE'; id2.innerHTML = 'TETE'; break; } } </script>

Da mesma forma que você avalia se é um administrador, você pode criar filtro validando se aquele usuário tem acesso a determinado conteúdo

Primeiro nesse caso não se usará a tag <table> e sim um conjunto de tags <div>. Só que tem uma questão: Como a estrutura deve ficar quando não houver mais espaço na horizontal para exibir dessa forma? Ou simplesmente contrair tudo e permanecer como está? Exemplo: A imagem que colocou aí em uma tela digamos de um pc desktop. E como ficaria na tela de um smartphone

Então meu caro pode esquecer essa coisa de wordpress que não presta para nada..... Para o caso em questão sugiro uma coisa mais expecífica como é o caso do IPB (o mesmo desse fórum) https://invisioncommunity.com/ Na verdade o ideal seria um software próprio para a questão, então na falta de recursos para pagar um desenvolvedor o InvisionPower vai lhe cair como uma luva.

A solução apresentada pelo @Motta é interessante no contexto geral. Mas como é PHP sugiro uma query usando ORDER BY pelo valor, assim você armazena o resultado da query em um array e apenas ignora o(s) índice(s) finais do array no back-end. Dessa forma não seria necessário duas investidas na mesma tabela (dois select na mesma tabela). Em termos de performasse da na mesma coisa.

Só complemetenado o que o @washalbano disse... É uma tenária que resume de uma forma mais prática e simples algo sem sentido de uso: if (JSON.parse(localStorage.getItem("CART"))) { let cart = JSON.parse(localStorage.getItem("CART")); } else { let cart = []; } // >> ou em resumo var condicao = JSON.parse(localStorage.getItem("CART")); if (condicao) { let cart = condicao; } else { let cart = []; }

Estou mechendo com uma função aqui e não estou conseguindo elaborar um calculo para filtrar quais elementos serão os alvos. Basicamente serão listas, ao licar em um item de uma lista todas as demais listas mostram o mesmo resultado. Tudo bem até então... O problema está em: Ao clicar no segundo item da lista os dois próximos itens são exibidos, ao clicar por exempo no item 3 o item 2 e 4 também são exibidos e ao clicar no penúltimo item os dois itens anteriores devem ser exibidos. Sempre assim 3 itens serão exibidos ao mesmo tempo em cada lista, e sempre ignorando o primeiro e o último item de cada lista e dando destaque ao item clicado. Como o primeiro e o ultimo não vão ser ocultados digamos que o segundo é o primeiro e penúltimo é o ultimo, pois eles serão usados para navegar ao primeiro e o último. Quem quiser dar um força aqui agradeço porque não estou vendo um solução para o caso, pode ser até algo bobo que não está me vindo a cabeça. Segue o código: Na verdade a coisa é bem mais complexa que isso, mas resolvendo esse exemplo posso chegar a solução da função real, isso apresentado aqui só foi para simplificar para o fórum.