Jump to content

carlosmadeiracunha

Members
  • Content count

    74
  • Joined

  • Last visited

Community Reputation

3 Comum

4 Followers

About carlosmadeiracunha

  • Rank
    Leia, estude, aprenda e compartilhe.
  • Birthday 12/16/1969

Informações Pessoais

  • Sexo
    Masculino
  • Localização
    Florianópolis
  1. carlosmadeiracunha

    Relacionar atributo rel a classe de div

    RESOLVIDO ------------------------------- Coisa boa, agora foi identificado o problema, galeria funcionando certinho. o problema estava nesta linha aqui: $('[data-rel]').addClass(conteudoRel); //mudei para data-rel.addClass(conteudoRel); Mudei para a variável pois no início eu indico que a var dataRel = $(this); $('*[data-rel]').each(function() { let dataRel = $(this); e também troquei onde tinha a indicação de variável "var" por "let". Um amigo me ajudou e me explicou que $('[data-rel]') neste caso é muito genérico e o script estava interpretando que era pra adicionar a classe com o valor do primeiro atributo data-rel em todos os div´s contendo data-rel, no caso, "aguia", explicou por alto que "let" não faz entrar no escopo global, foi oque eu entendi, resolvemos por whatsApp pois moramos distantes, eu ainda vou precisar de mais informações que ele disse que me dará quando estivermos juntos. Precisei de ajuda nisso, não queria incomodar ele mas foi preciso, me matei 3 dias até tomar a iniciativa de pedir ajuda a ele pois aqui ninguém fez nenhum comentário, mas deixa quieto porque foi até bom, eu aprendi pra caramba estudando fóruns e pesquisando pela internet, aprendi um pouco de tudo, até do que nem precisava, com ele foi uma aula de uns 30 minutos, sim 30 minutos, o bastante pra ele ler, entender e me mostrar o erro, foi bastante aprendizado e vou aprender mais. Até.
  2. carlosmadeiracunha

    Relacionar atributo rel a classe de div

    Primeiramente, hospedei temporariamente um exemplo do que eu já tenho neste link aqui. link removido Bom, não passei disso aqui, $(document).ready(function() { $('*[data-rel]').each(function() { var dataRel = $(this); var conteudoRel = dataRel.attr('data-rel'); if(conteudoRel == null || !conteudoRel){ alert('Não existe classe '+ conteudoRel +' no div com data-rel'); /***************************************** se não existir relacionamento ******************************************/ $('.zoom-gallery').magnificPopup({ delegate: 'a.gallery_popup', type: 'image', closeOnContentClick: false, closeBtnInside: false, mainClass: 'mfp-with-zoom mfp-img-mobile', image: { verticalFit: true, titleSrc: function(item) { //return item.el.attr('title') + ' &middot; <a class="image-source-link" href="'+item.el.attr('data-source')+'" target="_blank">Link imagem</a>'; return item.el.attr('data-info'); } }, gallery: { enabled: true }, zoom: { enabled: true, duration: 300, // don't foget to change the duration also in CSS opener: function(element) { return element.find('img'); } } });//$('.zoom-gallery').magnificPopup({ /***************************************** //imagem com link automático ******************************************/ }//if(conteudoRel == null || !conteudoRel){ else if(conteudoRel){ alert('Existe classe="'+ conteudoRel +'" no div com data-rel="'+ conteudoRel +'"'); var ClassRel = '.'+ conteudoRel; $('[data-rel]').addClass(conteudoRel); $('.'+ conteudoRel).each(function() { /***************************************** se existir relacionamento ******************************************/ $(ClassRel).magnificPopup({ delegate: 'a.gallery_popup', type: 'image', closeOnContentClick: false, closeBtnInside: false, mainClass: 'mfp-with-zoom mfp-img-mobile', image: { verticalFit: true, titleSrc: function(item) { //return item.el.attr('title') + ' &middot; <a class="image-source-link" href="'+item.el.attr('data-source')+'" target="_blank">Link imagem</a>'; return item.el.attr('data-info'); } }, gallery: { enabled: true }, zoom: { enabled: true, duration: 300, // don't foget to change the duration also in CSS opener: function(element) { return element.find('img'); } } }); //$(ClassRel).magnificPopup({ /***************************************** // imagem com link automático ******************************************/ })//$('.'+ conteudoRel).each(function() { } //else de if(conteudoRel == null){ })//$('*[data-rel]').each(function() { }); Modificação no html da galeria, retirei a classe zoom-gallery e estou adicionando dinamicamente uma classe com nome idêntico ao valor do atributo data-rel conforme script acima. HTML modificado: <!-- container com data-rel aguia --> <div data-rel="aguia"> <a class="gallery_popup" href="http://www.fundospaisagens.com/Imagens/aguia-numa-montanha-cheia-de-neve.jpg" rel="tooltip" data-info="O vôo nas montanhas geladas" title="O vôo nas montanhas geladas"> <img src="http://www.fundospaisagens.com/Imagens/aguia-numa-montanha-cheia-de-neve.jpg" alt="O vôo nas montanhas geladas" class="thumb"> </a> <a class="gallery_popup" href="https://4.bp.blogspot.com/-pYwZMgxXJ2k/V-kSJwhGOuI/AAAAAAAASHI/F0y5Y353NZcumIylBQQRxUXPu3btUcGygCLcB/s640/aguia.jpg" rel="tooltip" data-info="A visão da águia voando" title="A visão da águia voando"> <img src="https://4.bp.blogspot.com/-pYwZMgxXJ2k/V-kSJwhGOuI/AAAAAAAASHI/F0y5Y353NZcumIylBQQRxUXPu3btUcGygCLcB/s640/aguia.jpg" alt="A visão da águia voando" class="thumb"> </a> </div> <!-- container com data-rel carrocas --> <div data-rel="carrocas"> <a class="gallery_popup" href="http://www.travessiadasamericas.com.br/wp-content/uploads/2012/04/zCarro%C3%A7a-2.jpg" rel="tooltip" data-info="carroça com cockpit" title="carroça com cockpit"> <img src="http://www.travessiadasamericas.com.br/wp-content/uploads/2012/04/zCarro%C3%A7a-2.jpg" alt="carroça com cockpit" class="thumb"> </a> <a class="gallery_popup" href="https://www.listenandlearn.com.br/blog/wp-content/uploads/2014/09/George_Bowman_Hopetoun_2005_horse_driving.jpg" rel="tooltip" data-info="Carroça aberta" title="Carroça aberta"> <img src="https://www.listenandlearn.com.br/blog/wp-content/uploads/2014/09/George_Bowman_Hopetoun_2005_horse_driving.jpg" alt="Carroça aberta" class="thumb"> </a> </div> Consegui identificar quais div´s contém o atributo data-rel e também identificar o valor deste atributo e passar este valor para uma classe adicionada dinamicamente, mas oque está acontecendo é que sem um looping, ( acho eu ) o script está abrindo todas as imagens que estejam dentro de div´s com data-rel independente do valor, ele abre como se somente o primeiro valor existisse, no exemplo acima, temos o valor de data-rel do primeiro div como aguia e no segundo como carrocas, neste exemplo também temos duas imagens em cada div somando quatro imagens, o script está abrindo todas as quatro e não somente duas a cada container, sei disso porque tem um contador na galeria pra mostrar quantas imagens estão abrindo.
  3. carlosmadeiracunha

    Relacionar atributo rel a classe de div

    Tive algum avanço mas não a ponto de postar aqui, está difícil relacionar os atributos. Estou precisando de um empurrãozinho.
  4. carlosmadeiracunha

    Relacionar atributo rel a classe de div

    Por enquanto só cheguei até aqui, conseguindo somente pegar o conteúdo do atributo rel, falta agora fazer o relacionamento deste conteúdo com o div pra identificar que é pra mostrar somente imagens que estejam dentro deste div. $('.zoom-gallery').each(function() { var zoomGallery = $(this); zoomGallery.attr('data-rel'); var relzoomGallery = zoomGallery.attr('data-rel'); if(relzoomGallery == null){ alert('Não existe relacionamento com conteúdo do atributo data-rel:\n '+ relzoomGallery); } else if(relzoomGallery){ var relzoomGallery = $(this); //$(this).attr('class','zoom-gallery-rel'); $(".zoom-gallery").addClass("zoom-gallery-rel"); $(".zoom-gallery").removeClass("zoom-gallery"); alert('Existe relacionamento com conteúdo do atributo data-rel:\n '+ relzoomGallery); } }) Estou seguindo a lógica de primeiro identificar o conteúdo do atributo rel, depois de acionar a galeria nas fotos dentro do div[rel]. Eu acho que vou chegar lá logo, se alguém ajudar vai ser mais rápido. Valeu.
  5. carlosmadeiracunha

    Relacionar atributo rel a classe de div

    Boa noite, um dia desses eu fiz um blog para um site e nas imagens eu usei o Magnific PopUp ( Documentação), e achei bacana pela facilidade de se usar, cheguei a abrir um tópico ( Como verificar se uma imagem contém link? ) pra poder implementar oque eu queria, quem quiser ver o blog, está aqui http://www.neoraddepoxipiso.com.br/blog.php , é só clicar nas imagens que abrirão em uma galeria lightbox. Só que agora eu estou tentando bolar uma galeria de imagens, não pra este blog mas pra poder usar em um projeto posterior a este, é o seguinte, eu tenho um div com a classe zoom-gallery e um atributo rel com conteúdo indicando, por exemplo uma categoria e dentro deste div eu tenho várias imagens com links contendo a classe gallery_popup que acionam o Magnific popUp, como mostrado abaixo. <div class="zoom-gallery" rel="aguia"> <a class="gallery_popup" href="http://www.fundospaisagens.com/Imagens/aguia-numa-montanha-cheia-de-neve.jpg" data-info="O vôo nas montanhas geladas" title="O vôo nas montanhas geladas"> <img src="http://www.fundospaisagens.com/Imagens/aguia-numa-montanha-cheia-de-neve.jpg" alt="O vôo nas montanhas geladas" class="thumb"> </a> <a class="gallery_popup" href="https://4.bp.blogspot.com/-pYwZMgxXJ2k/V-kSJwhGOuI/AAAAAAAASHI/F0y5Y353NZcumIylBQQRxUXPu3btUcGygCLcB/s640/aguia.jpg" data-info="A visão da águia voando" title="A visão da águia voando"> <img src="https://4.bp.blogspot.com/-pYwZMgxXJ2k/V-kSJwhGOuI/AAAAAAAASHI/F0y5Y353NZcumIylBQQRxUXPu3btUcGygCLcB/s640/aguia.jpg" alt="A visão da águia voando" class="thumb"> </a> </div> <div class="zoom-gallery" rel="animais"> <a class="gallery_popup" href="http://2.bp.blogspot.com/-rUediYr7vOQ/Tdpq25pgBpI/AAAAAAAAAFU/4zBKBfSxN3Q/s1600/9874coelho1.jpg" data-info="Coelhinho" title="Coelhinho"> <img src="http://2.bp.blogspot.com/-rUediYr7vOQ/Tdpq25pgBpI/AAAAAAAAAFU/4zBKBfSxN3Q/s1600/9874coelho1.jpg" alt="Coelhinho" class="thumb"> </a> <a class="gallery_popup" href="http://animais.culturamix.com/blog/wp-content/gallery/As-Esp%C3%A9cies-de-Urso-Mais-Conhecidas-2/Esp%C3%A9cies-de-Urso-Mais-Conhecidas-4.jpg" data-info="Ao amanhecer" title="Ao amanhecer"> <img src="http://animais.culturamix.com/blog/wp-content/gallery/As-Esp%C3%A9cies-de-Urso-Mais-Conhecidas-2/Esp%C3%A9cies-de-Urso-Mais-Conhecidas-4.jpg" alt="Ao amanhecer" class="thumb"> </a> </div> <!--b sem o atributo rel --> <div class="zoom-gallery"> <a class="gallery_popup" href="http://2.bp.blogspot.com/-rUediYr7vOQ/Tdpq25pgBpI/AAAAAAAAAFU/4zBKBfSxN3Q/s1600/9874coelho1.jpg" data-info="Coelhinho" title="Coelhinho"> <img src="http://2.bp.blogspot.com/-rUediYr7vOQ/Tdpq25pgBpI/AAAAAAAAAFU/4zBKBfSxN3Q/s1600/9874coelho1.jpg" alt="Coelhinho" class="thumb"> </a> <a class="gallery_popup" href="http://animais.culturamix.com/blog/wp-content/gallery/As-Esp%C3%A9cies-de-Urso-Mais-Conhecidas-2/Esp%C3%A9cies-de-Urso-Mais-Conhecidas-4.jpg" data-info="Ao amanhecer" title="Ao amanhecer"> <img src="http://animais.culturamix.com/blog/wp-content/gallery/As-Esp%C3%A9cies-de-Urso-Mais-Conhecidas-2/Esp%C3%A9cies-de-Urso-Mais-Conhecidas-4.jpg" alt="Ao amanhecer" class="thumb"> </a> </div> Eu estou tentando fazer com que cada div.zoom-gallery abra somente as imagens relativas ao seu respectivo atributo rel. Da forma que está, quando o lightbox é acionado, todas as imagens entram na galeria independente de existir o atributo rel ou não ou do conteúdo deste atributo. Eu estava testando aqui e por curiosidade eu copiei o script que aciona o lightbox pela classe zoom-gallery e mudei a classe acionadora para zoom-gallery-rel, é claro que somente as imagens que estiverem dentro do div.zoom-gallery-rel abrem, partindo disso aí, eu imaginei que se eu conseguisse, com javascript ou Jquery, mudar div.zoom-gallery para div.zoom-gallery-rel eu conseguiria isso, mas pra funcionar perfeito teria que fazer com que as classes se relacionassem com o atributo rel também. Mas se eu conseguir fazer este relacionamento não vou precisar da classe zoom-gallery-rel, seria só relacionar a classe zoom-gallery com o atributo rel e pronto. Está meio confuso, oque eu quero é mais ou menos oque acontece com o prettyPhoto que para agrupar as imagens em galerias basta atribuir um rel com prettyPhoto[galeria1]. Porque não usar o prettyPhoto?? Porque acho ele muito pesado, só isso. Tem como fazer isso que eu quero, se entenderam é claro. o script que estou usando é esse aqui. $(document).ready(function() { /***************************************** GALERIA DE IMAGENS ******************************************/ /***************************************** zoom-gallery ******************************************/ $('.zoom-gallery').magnificPopup({ delegate: 'a.gallery_popup', type: 'image', closeOnContentClick: false, closeBtnInside: false, mainClass: 'mfp-with-zoom mfp-img-mobile', image: { verticalFit: true, titleSrc: function(item) { return item.el.attr('data-info'); } }, gallery: { enabled: true }, zoom: { enabled: true, duration: 300, opener: function(element) { return element.find('img'); } } }); /***************************************** zoom-gallery-rel ******************************************/ $('.zoom-gallery-rel').magnificPopup({ delegate: 'a.gallery_popup', type: 'image', closeOnContentClick: false, closeBtnInside: false, mainClass: 'mfp-with-zoom mfp-img-mobile', image: { verticalFit: true, titleSrc: function(item) { return item.el.attr('data-info'); } }, gallery: { enabled: true }, zoom: { enabled: true, duration: 300, opener: function(element) { return element.find('img'); } } }); Desde já agradeço e me desculpem se escrevi demais e ficou muito texto pra ler, é que eu tento passar por escrito oque eu estou pensando.
  6. carlosmadeiracunha

    Como verificar se uma imagem contém link???

    Resolvido! ________________________________ Pronto, eu já resolvi os problemas, imaginava que o erro estivesse no meu script e perdi muito tempo tentando acertá-lo mas no script do Magnific Popup tem um delegate na tag "a", eu coloquei uma classe nela e acabaram-se os problemas. Neste script estava assim: $(document).ready(function() { /* galeria de imagens */ $('.zoom-gallery').magnificPopup({ delegate: 'a', type: 'image', ... /////// E agora ficou assim: $(document).ready(function() { /* galeria de imagens */ $('.zoom-gallery').magnificPopup({ delegate: 'a.gallery_popup', type: 'image', ... E no meu script eu tive que adicionar a classe gallery_popup ao link "automático" que o script insere e ficou assim: <script> $(document).ready(function() { $('.zoom-gallery img').each(function() { var currentImage = $(this); if (currentImage.attr("alt") <= 0) { currentImage.wrap("<a class=\"gallery_popup\" title='Sem descrição' href='" + currentImage.attr("src") + "'</a>"); } else if (currentImage.attr("alt") == null) { currentImage.wrap("<a class=\"gallery_popup\" title='Sem descrição' href='" + currentImage.attr("src") + "'</a>"); } else { currentImage.wrap("<a class=\"gallery_popup\" title='" + currentImage.attr("alt") + "' href='" + currentImage.attr("src") + "'</a>"); }//if (currentImage.attr("alt") <= 0) { })//$('.zoom-gallery img').each(function() { }); </script> Com esta pequena mudança a tag "a" que estiver com a classe gallery_popup é a que vai chamar a função e não todas as tags "a". Achei que era problema no meu script mas tinha uma delegação atrapalhando o meu propósito. Agora vou ter que adicionar a classe gallery_popup a todos os links relacionados a classe zoom-gallery nos códigos do site, tudo bem, e quem disse que ia ser fácil né??? Se alguém quiser implementar fique a vontade mas deixe aqui no tópico para que eu também possa usar e se achar um erro no meu script, por favor me avise também pra eu poder mudar, obrigado. Um ótimo estudo, trabalho pra todos.
  7. carlosmadeiracunha

    Como verificar se uma imagem contém link???

    Não, acho que você não entendeu mesmo, o usuário[administrador] não vai dizer nada, o visitante é que vai verificar que tem lightbox se passar o mouse sobre a imagem porque existe o tooltip. Eu quero deixar esta informação, por isso que eu mesmo fiz o link na imagem que serve como primária ( capa ) da matéria no blog mas não tem como eu saber se o usuário[administrador] vai ou não inserir o link na imagem quando escrever a matéria por isso a pergunta Como verificar se uma imagem contém link??? E a questão nem é se vai ter link ou não na imagem no texto da matéria, porque o meu scritp já coloca o link pro lightbox automaticamente só que se o usuário( administrador, não o visitante ) inserir link na imagem, o lightbox vai entender que existe duas imagens porque o meu script duplica o link. Pra que o script não duplique o link eu preciso fazer um if nele informando se tem ou não link na imagem, se já existir, não insere link mas se não existir insere.
  8. carlosmadeiracunha

    Como verificar se uma imagem contém link???

    Hoje eu gostaria de implementar um um blog que estou projetando pra um site e pensei no seguinte, o usuário[administrado] vai escrever uma matéria e neste texto pode conter imagens com links ou não que levarão a abrir um lightbox, vai depender de o quanto ele tiver familiaridade com sistemas de edição WYSIWYG, pois bem, ele vai gravar no banco de dados e pronto, até aí está tranquilo. Eu estou usando o Magnific Popup, muito bom por sinal, pela facilidade de se usar. Bem, o visitante vai entrar neste blog e acessar a matéria, se existir imagem com link para o lightbox beleza, agora se não existe o link eu já consegui colocar este link via jquery, ótimo, aí vem um problema, as imagens que já têm o link, com este "meu script" abrem duas vezes, tipo como se existisse duas imagens iguais mas as que não têm abrem normalmente. Agora a minha pergunta: Como verificar se uma imagem contém link??? O código da página do blog está assim: <div class="wow fadeInUp unico" data-wow-delay="0.6s"> <span class="small">Postado por: <?php echo $administrador; ?></span> <h1><?php echo $titulo_post; ?></h1> *[1 - aqui eu mesmo coloco o link por ser o corpo do blog e porque existem outras informações como "data-info" ] <!-- aqui é ativado o Magnific Popup com a classe zoom-gallery, a imagem que estiver dentro desta classe e com link acessará o lightbox --> <div class="box_capa_blog zoom-gallery"> <a href="uploads/<?php echo $capa_post; ?>" rel="tooltip" data-info="Clique para ver em tamanho maior" title="<?php echo $titulo_post; ?>"> <img class="capa_blog" alt="<?php echo $titulo_post; ?>" src="uploads/<?php echo $capa_post; ?>" /> </a> </div> **[2 - aqui não sabemos se o usuário vai ou não colocar o link na imagem na hora de escrever a matéria] <!-- aqui que está o problema, o usuário pode inserir imagens no texto com ou sem link para o lightbox --> <div class="texto zoom-gallery"> <p> <?php echo $texto_post;?> </p> </div><!-- div class="texto" --> </div><!--<div class="wow fadeInUp unico" --> Para melhor entenderem, coloquei dentro de cochetes [ 1 ]* e [ 2 ]** algumas informações importantes. No cochete [ 1 ] é que está o problema, como eu tenho e devo colocar o link para que o visitante saiba que existe o lightbox, o meu script está duplicando o link e fazendo aparecer a imagem duas vezes na galeria em lightbox, gostaria de fazer um if dentro deste "meu script" pra verificar se a imagem contém ou não hiperlink. Código do "meu script": <script> $(document).ready(function() { $('.zoom-gallery img').each(function() { var currentImage = $(this); if (currentImage.attr("alt") <= 0) { currentImage.wrap("<a title='Sem descrição' target='_blank' href='" + currentImage.attr("src") + "'</a>"); } else { currentImage.wrap("<a title='" + currentImage.attr("alt") + "' target='_blank' href='" + currentImage.attr("src") + "'</a>"); } }); }); </script> Tem como? Procurei um monte por aí mas o que eu acho é a verificação de texto se contém ou não imagem e não consegui modificar para o meu propósito. Isso que eu estou querendo fazer é pra deixar o blog bem mais "bonito", mas com certeza não estou achando legal esta duplicata de imagem no lightbox. A página é esta, http://www.neoraddepoxipiso.com.br/neoradd/blog.php?artigo=os_10_maiores_porta_avioes_do_mundo&rel=31 Desde já agradeço pela ajuda. ____________________________________________________________________________________________ Resolvido o problema em parte. O problema do cochete [ 1 ]* foi resolvido retirando a classe zoom-gallery da div e inserindo direto no link ficando assim: <div class="box_capa_blog"> <a class="zoom-gallery" href="uploads/<?php echo $capa_post; ?>" rel="tooltip" data-info="Clique para ver em tamanho maior" title="<?php echo $titulo_post; ?>"> <img class="capa_blog" alt="<?php echo $titulo_post; ?>" src="uploads/<?php echo $capa_post; ?>" /> </a> </div> Mas apareceu um erro que eu não havia visto antes. Agora o problema é outro, é verificação de hiperlik, o "meu script" está fazendo a classe zoom-gallery interpretar que o link sem imagem é para uma imagem fazendo abrir o lightbox e dando erro. O problema está no meu script porque o Magic Popup funciona perfeitamente sem ele em outras partes do código do site. Qualquer link que esteja, tendo imagem ou não, dentro da classe zoom-gallery no cochete [ 2 ]*, que é onde mostra o texto vindo do banco de dados e que foi escrito pelo usuário[administrador] , abre o lightbox, e agora? Visitem o link acima para poderem comprovar e ver oque está acontecendo, no final do post eu coloquei um link sem imagem pra página externa mas ele abre o lightbox fazendo inserção deste link na contagem e também dando erro na galeria.
  9. carlosmadeiracunha

    existe script php que não deixa navegador interpretar tags html?

    Isso ajudou bastante, Paulo de Tarso, valeu pela dica. Bruno, com a tag pre acontece exatamente oque o Paulo escreveu. Sabe, depois que meu amigo perguntou, eu resolvi tentar fazer isso de um texto que vem do banco de dados e quero que somente uma parte dele não seja interpretada, como vou usar o htmlspecialchars somente numa determinada parte do texto eu não sei porque todo texto terá tags html, por isso pensei em uma função php. Vou pensar em alguma coisa aqui.
  10. carlosmadeiracunha

    Clicar em botao e alterar altura da div

    Obrigado Maujor, ficou bom ,mas tive que definir uma altura de 300px para o div#conteudo após o click, o height auto não deu certo , eu não sei definir o height como auto dentro da jquery com animate, só do jeito que mostrei acima mas daí perde a animação. eu fiz um css para o div#conteudo e para o div#botao, ficou assim: #conteudo{ border:1px solid #CCC; padding:10px; height:25px; overflow:hidden; } #botao{ background:#880000; width:35px; color:#FFF; text-align:center; padding:0px 30px; margin:-10px auto 10px; position:relative; cursor:pointer; z-index:2; } Eu estou tentando esconder parcialmente o conteúdo do div#conteudo inicialmente e abrir até o tamanho do texto ao clicar no botão por isso preciso do height auto..
  11. Ontem um amigo meu me perguntou como poderia fazer para que tags html não sejam interpretadas pelo navegador, eu disse que não tinha conhecimento de algo que fizesse isso, então pesquisei pela internet a dentro e não encontrei nada falando deste assunto. Como diz o título do tópico, existe alguma função em php que não deixa o navegador interpretar tags html? Eu não faço a mínima ideia de como fazer isso. Alguém conhece algo que faça? Desde já agradeço. Carlos.
  12. carlosmadeiracunha

    Clicar em botao e alterar altura da div

    Sei que este post é antigo mas me serviu, eu fiz uma modificação porque estava abrindo em 1500px o Div conteudo, troquei os 1500 e coloquei auto e agora funcionou perfeitamente. Ficou assim. $( "#conteudo" ).height('auto').css({ Quebrei a cabeça pra tentar colocar a animação em slow mas não consegui, tem como fazer isso neste código do Maujor? Acredito que sim, mas como? Desde já agradeço.
  13. carlosmadeiracunha

    Quebra de linha em Placeholder

    Não testei a dica do Marlon Pacheco mas a do doutorevil funcionou perfeitamente. Coloquei código duas vezes e deu até um espaço como se fosse um parágrafo, era oque eu estava procurando, só não testei em outros navegadores, só no chrome. Mas acho que funciona sim. Olhei a dica do Marlon e também é bem legal, quem sabe usando as duas dicas pode-se ter o efeito de quebra de linha se caso um não funcionar, o outro funciona. Agora se não funcionar os dois, paciência né!!!!!!
  14. carlosmadeiracunha

    função jquery para mover div vinda do BD dinamicamente em página php

    Agora entendi o que o Diegus Maestro quis dizer graças ao William Bruno, que por acaso tenho seguido vários tutoriais no seu site. E a você Diegus, o meu muito obrigado, eu ví o seu exemplo e ficou muito bom, nem vou colocar oque eu fiz porque a partir do teu exemplo pode-se usá-lo para outras funcionalidades, é só usar a imaginação. Dou como resolvido este meu tópico e obrigado novamente aos dois. Até a próxima.
  15. carlosmadeiracunha

    Plug-ins NPAPI não funcionam no Chrome

    Boa Tarde aí turma, Estava eu trabalhando em um site e me dei conta que os plugins do facebook não apareciam, fiquei intrigado e comecei a verificar os meus códigos, pesquisando pela web concluí que a culpa não é minha e sim do google chrome, sim do google chrome pois a partir da versão 42 os plugins NPAPI não funcionam mais, ou seja, não vêm ativados como padrão mas tem a possibilidade do usuário ativar, infelizmente este recurso funcionará até a versão 45, provavelmente lançada no final de 2015. O próprio google chrome em uma página de suporte diz isso aqui, "Depois do lançamento da versão 45 do Chrome, será necessário usar um navegador da Web alternativo para carregar conteúdo que precise de um plug-in NPAPI.". Agora vem a pergunta, alguém já conhece uma saída para este problema? Sendo o Google Chrome, na minha opinião, o navegador mais usado, estou enxergando adiante muito trabalho de ajuste de sites de clientes no sentido de funcionalidades através de API´s como o facebook por exemplo. Vai ser osso. Então tá galera, vou pesquisando por aqui e ali a procura de uma solução, espero que encontre outros com o mesmo pensamento. Até mais. Olha aí a página do suporte que eu mencionei. https://support.google.com/chrome/answer/6213033
×

Important Information

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