Pesquisar na Comunidade
Mostrando resultados para as tags ''iframe''.
Encontrado 43 registros
-
Estou desenvolvendo um app com ionic que tem uma página webview dentro de um iframe, nessa webview existe um botão de download que funciona normalmente no browser, mas no android não funciona. Creio que o Android esteja bloqueando esse download, gostaria de saber como habilitar para que o download seja feito diretamente, como faz no browser.
-
MouseMove sobre iframe, div e div em modo fullscreen
AndréAraujo postou um tópico no fórum Javascript
Olá pessoal, venho procurando uma maneira de fazer com que o evento mousemove seja reconhecido quando executado sobre um iframe do YouTube, minha ideia inicial foi sobrepor uma div ao iframe, mas o devido aos banners e anúncios em vídeo a ideia se tornou inviável. Procurei por um bom tempo soluções, não encontrei nenhuma que eu pudesse compreender e adaptar-la ao meu projeto. Montei um pequena simulação do projeto para tornar mais fácil a exibição do problema: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script> </head> <body> <style> .area-mousemove{ width:600px; height:500px; background-color:#09F; margin:0 auto; } .container{ max-width:600px; max-height:337.5px; position:relative; } .container-player{ padding-bottom:56.25%; height:0; background-color:#222; } #ytplayer{ display:block; } .container-player iframe, .container-player object, .container-player embed{ background-color:#000; position:absolute; top:0; left:0; width:100%; height:100%; border:0; z-index:1; } .controls{ width:100%; height:40px; background-color:#F60; position:absolute; z-index:1; bottom:0; left:0; display:none; } .text{ line-height:40px; margin-left:20px; font-family:Arial; font-size:18px; font-weight:700; color:#000; display:table; float:left; cursor:default; } .screen{ line-height:40px; background-color:#222; margin-right:20px; padding:0 10px; font-family:Arial; font-size:18px; font-weight:700; color:#fff; float:right; cursor:pointer; } .close-screen{ line-height:40px; background-color:#222; margin-right:20px; padding:0 10px; font-family:Arial; font-size:18px; font-weight:700; color:#fff; float:right; display:none; cursor:pointer; } </style> <div class="area-mousemove"> <div class="container"> <div id="container-screen"> <div class="container-player"> <iframe id="ytplayer" type="text/html" src="https://www.youtube.com/embed/2TvNnW2Br70?controls=0&rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe> <div class="controls"><span class="text">Controles</span><span class="screen start">Screen</span><span class="close-screen start">[ x ]</span></div> </div> </div> </div> </div> <script> $('.area-mousemove').mousemove(function(cursor){ $('.controls').fadeIn(200); hideStart(); }); var timeout; function hideStart(){ if(timeout !== undefined){ clearTimeout(timeout); } timeout = setTimeout(function(){ $('.controls').fadeOut(200); }, 2500); } $('.controls span.start').on('click', function(a){ $('.screen').hide(); $('.close-screen').show(); var elem = document.getElementById("container-screen"); if(elem.requestFullscreen){ elem.requestFullscreen(); }else if(elem.mozRequestFullScreen){ /* Firefox */ elem.mozRequestFullScreen(); }else if(elem.webkitRequestFullscreen){ /* Chrome, Safari & Opera */ elem.webkitRequestFullscreen(); }else if(elem.msRequestFullscreen){ /* IE/Edge */ elem.msRequestFullscreen(); } screenfull.toggle($('#container-screen')[0]); }); if (document.addEventListener){ document.addEventListener('webkitfullscreenchange', exitHandler, false); document.addEventListener('mozfullscreenchange', exitHandler, false); document.addEventListener('fullscreenchange', exitHandler, false); document.addEventListener('MSFullscreenChange', exitHandler, false); } function exitHandler(){ if(!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement){ $('.close-screen').hide(); $('.screen').show(); $('.controls').css('position', 'absolute'); } } </script> <script type="text/jscript" src="https://AndreAraujo1.github.io/screen/screen.js"></script> </body> </html> Agradeço a atenção! -
Boa noite, queria poder acessar um site dentro do meu site com iframe, porém esse site exige uma autenticação, para isso o mesmo abre uma caixa de login para se autenticar, queria não ter que ver essa caixa e ja entrar no site autenticado. ja tentei isso <iframe src="https://usuario:senha@link_do_meu_site.com.br"></iframe> queria algo simples assim, por algum motivo isso não funciona, alguém sabe porque?
-
Preciso de ajuda para capturar o id de um elemento para inserir no src de um iframe <a class="videoLink" id="https://www.youtube.com/embed/tZZ3nEdw-2c"> <li class="list-unstyled mb-1 liVideo"> <div class="float-left"> <img src="https://i.ytimg.com/vi/tZZ3nEdw-2c/default.jpg" alt="Céu e terra se encontram - Davi Fernandes & Cultura do Céu (DVD Céu e terra se encontram)"> </div> <div class=""> <h6>Céu e terra se encontram - Davi Fernandes & Cultura do Céu (DVD Céu e terra se encontram)</h6> <small class="float-right">16:50</small> </div> </li> </a> Função jQuery que tentei utilizar: $(document).click(".videoLink", function(event){ event.preventDefault; var url = $(this).attr("id"); console.log(url); var iframeVideo = '<iframe width="560" height="315" src="'+url+'" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>' $("#iframeVideo").html(iframeVideo); $("#iframeVideo").show(); }) Porém quando clico no link ele me retorna 'undefined' como o valor da variável url.
-
Como remover elementos da Tela final e anotações do player do YouTube em JavaScript
AndréAraujo postou um tópico no fórum Javascript
Gostaria de saber se é possível remover e os itens que são acionados ao final do vídeo, no caso "Tela final e anotações" conforme o mostrado na imagem abaixo, eu já estou utilizando o "rel: 0" e o "iv_load_policy: 3" que estão funcionando bem para a não exibição das anotações e não exibição de miniaturas após o encerramento do vídeo. Agradeço a atenção! -
Bom, basicamente: existem vários botões, e quando clicados um iframe específico deste botão é inserido no html. function prepareFrame() { var ifrm = document.createElement("iframe"); ifrm.setAttribute("src", linkYoutube); /*estilos do iframe*/ espaco_iframe.html(ifrm); /*insere o iframe em forma de html */ } var espaco_iframe = $('.div_planilhas_youtube') var linkYoutube = $('.div_planilhas_youtube').data('href'); /*busca no html o data_href específico daquele botão, pra usar como URL do iframe*/ $('#tabela_funcoes tr td').click(function() { /*disparando o função pelo clique*/ prepareFrame(this); }) O ÚNICO problema está sendo: Os vídeos abrem com o clique, mas a função continua a usar somente o primeiro data_href correspondente. Aí o vídeo acaba sendo o mesmo pra todos os botões. Já tentei: function(this) this prepareFrame() prepareFrame() this prepareFrame(this) tô começando a ficar desesperado adnodkspnpkasda Muito obrigado a quem se dispor!
-
Como interagir com iframe de site externo com php, javascript ou jquery?
Ericsson Berg postou um tópico no fórum PHP
Boa tarde! Estou tentando fazer um programa que irá acessar um site externo(detran) para fazer uma buscar semiautomática. Semiautomática porquê, o usuário irá digitar a placa e renavam de um determinado veículo e com isso abriria a página do detran a qual eu pegaria os campos com as informações do veículo para gravar numa base de dados que será utilizada confins de registro do que foi avaliado. Contudo, eu não consigo de forma alguma acessar o iframe, o seu conteúdo. há restrições para realizar este procedimento? A utilização do frame em sites externos serve somente para a visualização? *Teria que acessa e executar sempre dentro da mesma página carregada para não perder a validação. -
Um exemplo, no Google Chrome o "z-index:2147483647" consegue fazer a div se sobrepor ao iframe sem problemas, já nos outros navegadores não estou conseguindo fazer <div id"controls"> se sobrepor ao iframe, alguém conhece alguma forma de sobrepor o iframe ou tem alguma ideia do que eu estou fazendo de errado? Segue o exemplo: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Teste</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <style> #contarner_video{ padding-bottom:56.25%; height:0; border-radius:inherit; overflow:hidden; z-index:0; } #contarner_video iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; } #ytplayer{ display:block; } #controls{ width:100%; height:30px; background-color:#000; opacity:0.9; position:absolute; top:0; left:0; z-index:2147483647; } #controls span{ line-height:30px; padding:0 20px; color:#fff; float:right; } </style> </head> <body> <div id="contarner_video"> <iframe id="ytplayer" type="text/html" width="720" height="405" src="https://www.youtube.com/embed/M7lc1UVf-VE?controls=0&enablejsapi=1&fs=0&rel=0&showinfo=0&iv_load_policy=3" frameborder="0" allowfullscreen></iframe> <div id="controls"> <span>FullScreen</span> </div> </div> <script> $('#controls span').on('click', function(){ var e = document.getElementById("ytplayer"); if (e.requestFullscreen) { e.requestFullscreen(); } else if (e.mozRequestFullScreen) { e.mozRequestFullScreen(); } else if (e.webkitRequestFullscreen) { e.webkitRequestFullscreen(); } else if (e.msRequestFullscreen) { e.msRequestFullscreen(); } }); </script> </body> </html>
-
Olá pessoal! Não tenho ideia de como começar a função para fazer o efeito abaixo: https://www.google.com/about/datacenters/inside/streetview/ Perceba que ele rotaciona a imagem em 360... ao passar o mouse sobre o iframe ele "inativa" e ao tirar o mouse volta a rotacionar. O iframe é vem do próprio Google Street View, como exemplo abaixo: <iframe src="https://www.google.com/maps/embed?pb=!1m0!4v1512855352649!6m8!1m7!1suMLibmsgdnXf2_bCctYEMw!2m2!1d35.89817758884865!2d-81.54816224270218!3f48.9!4f0!5f0.8160813932612223" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> Dei uma fuçada na biblioteca do Jquery e não encontrei algo que possa usar para fazer o mesmo efeito do link acima. Alguém já preciso de algo ou tem uma luz para o caminho que devo seguir? Obrigado!
-
Preciso de um Iframe no meu site. Meu site tem protocolo HTTPS, e o source do Iframe também. Então, por que o meu site não o exibe? Ambos sites tem certificado. <!DOCTYPE html> <html class="no-js" lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="robots" content="index,follow" /> <meta name="googlebot" content="index,follow" /> <link rel="icon" href="/site/img/layout/favicon.png" /> <style>.se-pre-con { position: fixed; left: 0px; top: 0px; width:100%; height: 100%; z-index: 9999; background: url(/site/img/layout/preloader.svg) center no-repeat #3177fa; }</style> <script src="//code.jquery.com/jquery-2.1.1.min.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <link rel="stylesheet" href="/site/css/script/jquery-ui-delta/jquery-ui.css"> <title>Teste</title> </head> <body id="home"> <h1>Teste</h1> <iframe src="https://sandbox-app.vindi.com.br/customer/bills/6740?token=1fd4b0cc-2f66-4b3e-9bac-7c9988e64646" width="100%" height="50%"></iframe> </body> </html>
-
Ola galera boa noite, teria ou tem algum codigo de criar iframe sem for este aqui <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <ul class="dropdown-menu" role="menu"> <li><a href="?edite">Editar</a> </li> <li><a href="?configuracao">Configuração</a> </li> </ul> </li> <li><a class="close-link"><i class="fa fa-close"></i></a> </li> </ul> <div class="clearfix"></div> </div> <div class="x_content"> <!-- CODIGO IFRAME --> <iframe name="#linear" src="http://www.youtube.com/embed/WsFboooY84Y" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="100%" height="100%"> </iframe> <!-- CODIGO IFRAME --> </div> </div> </div> </div> </div> </div> <!-- /page content --> um codigo que fica mais bonito dentro do bootstrap
-
estou tentando exibir um video do youtube no meu site, então peguei o codigo que o próprio youtube disponibiliza: <iframe width="560" height="315" src="https://www.youtube.com/embed/A_Kn4_7zlFA" frameborder="0" allowfullscreen></iframe> Ocorre que a url do vídeo explicitada no src, estou colocando como uma variavel , assim: mas não funciona... ao inspecionar no debugador mostra:
-
Estou com um problema com iframe no mobile! Sempre que adiciono um iframe ele abre outra pagina em vês de mostrar na mesma... Ocorre isso apenas no mobile, como posso arrumar para que ele mostre a pagina no iframe dentro de outra pagina ao em vês de abrir uma pagina com o link do iframe?
-
Bom dia a todos! Meu problema é o seguinte: peguei um código de galeria de fotos e adaptei ele no site que estou desenvolvendo em laravel. A galeria funcionar perfeitamente mas o inconveniente dela é que na barra de endereço fica algo desse tipo: http://localhost:8080/site/noticia/2246#http://localhost:8080/site/public/fotos/2242/58661.jpg. A cada foto que abre, muda esses números.jpg. Além de ficar feio, ao tentar voltar a página, volta para a imagem anterior. Pensei em abrir essa galeria dentro de um iframe, com a esperança de resolver o problema, então em uma view coloquei assim: <div id="gallery"> @foreach ($galeria as $key=>$fotos) <a href="{{asset('public/'.$fotos->endereco)}}"> <img class="thumb" src="{{asset('public/'.$fotos->endereco)}}"> </a> @endforeach </div> No iframe, não sei como que chamo essa view (galeria.blade.php). Tentei de vários jeitos e deu erro, por exemplo: <iframe class="col-lg-12 col-md-12 col-sm-12" src="galeria" name="galeria"></iframe> O arquivo que possui o iframe e a página galeria.blade.php estão no mesmo diretório.... Caso vocês tenham outra sugestão para resolver esse problema de url, podem me passar... ficarei muito grata! obrigada!
-
Olá, desenvolvi uma pequena biblioteca usando javascript, html e css que tem a finalidade de inserir em um documento controles input type="file" para upload de arquivos. A chamada é mais ou menos assim: <div id="principal"> <h3>Criação dinâmica de controles para upload de arquivos</h3> <button class="btn btn-primary" onclick="eu_buildControl('principal', true, '', true, '')">Insere novo controle</button> <button class="btn btn-primary" onclick="eu_uploadAllFiles('principal')">Executa upload</button> </div> Ao receber um click o botão "Insere novo controle" dispara a função eu_buildControl(...) que injeta no documento via javascript um código HTML devidamente preparado para permitir ao usuário escolher arquivos para upload. Um exemplo da tela que resulta após cliques no botão de inserção está anexa. Cada linha/conjunto de input, barra de progresso, botão preview e botão delete é inserido automaticamente no documento. Até aí tudo certo, mas quando parti para o uso em um app esbarrei no problema de aninhamento de forms que não é suportado no HTML. O form "principal" (que é o form que permite ao sistema se comunicar com o servidor via php) conflita com o form usado dentro da função eu_buildControl(...) para enviar via ajax os uploads. No caso do Chrome (não cheguei a testar nos outros) as linhas contendo o form mais interno são simplesmente rejeitadas e não aparecem no código carregado. Andei olhando vários posts na web a respeito desta situação mas ainda não sei bem como contornar esse problema. Peço então alguma orientação do pessoal mais experiente no sentido de encontrar a melhor saída. Andei lendo que o uso de iframes poderia resolver o problema, mas não testei ainda. Me pareceu relativamente simples mas neste caso eu gostaria de perguntar se há alguma maneira de injetar o conteúdo de uma variável (que obviamente terá um trecho html consistente dentro de si) no parâmetro source do elemento iframe. Algo assim: <iframe src= minha_variavel_js ...></iframe> Bem, desde já agradeço a atenção. Att, Jorge.
-
Bom dia. Pessoal estou criando um site o qual tem uma rádio on-line. Pesquisei um pouco e o pessoal diz para usar frames, mais vi que está descontinuado em HTML5. Fiz o seguinte código na index.html: <frameset rows="30,*" cols="*" framespacing="0" frameborder="no"> <frame src="player.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="Player" class="teste" /> <frame src="index2.html" name="mainFrame" id="mainFrame" title="Site" /> <noframes></noframes> </frameset> Só que ao abrir no celular perde toda a responsividade do Bootstrap. Poderiam me dar uma ideia de qual a melhor maneira em se fazer nesse caso? Pois preciso que o player fique no topo de todas as páginas e ao trocar de página ele não reinicie. Obrigado.
-
É o seguinte, eu quero que quando eu apertar um botão, aparece uma pagina inbutida na pagina usando iframe! Codigo iframe <iframe style="border: 0;" src="pagina1.html" width="400px" height="600px" frameborder="0" scrolling="no"></iframe> Codigo que estou usando para aparecer as páginas aleatórias <script> var enderecosfacil = new Array("itens/facil/lanterna-sem-pilha.html", "itens/facil/kit-agulha-de-seringa.html", "itens/facil/vela.html", "itens/facil/pedaco-de-pano.html", "itens/facil/garrafa.html", "itens/facil/calculadora.html", "itens/facil/lampada.html", "itens/facil/municao.html", "itens/facil/tesoura-enferrujada.html", "itens/facil/tesoura.html", "itens/facil/fn57.html", "itens/facil/cantil.html", "itens/facil/pilha.html", "itens/facil/faca-enferrujada.html", "itens/facil/faca.html", "itens/facil/feijao-enlatado.html", "itens/facil/pilha-estragada.html"); function itemFacil(){ aleat = Math.random() * enderecosfacil.length aleat = Math.floor(aleat) window.location=enderecosfacil[aleat] } </script> Por em quanto eu tenho somente isso: Ao pressionar um botão, a pessoa é redirecionada a uma pagina aleatoria, saindo da pagina principal! O que eu quero: ao pressionar um botão, será exibido na pagina que você está, uma outra pagina com iframe aleatória! Se isso for possivel, por favor me ajudem! Se for impossivel, me deem sugestões de como fazer um outro metodo!
-
Galera!!! Estou com o script abaixo, onde consigo abrir URL no brownser, porém, funciona em todos os NAVEGADORES, tipo: GOOGLE e FIREFOX, porém, no IE não. Existe alguma outra alternativa conhecida para contornar isso... Preciso de basicamente, IE funcione. <style> #conteudo, #iframe{ width: 100%; height: 100%; margin: 0 auto; overflow: auto; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> $(function () { $('#conteudo').html('<object id="iframe" data="http://www.ulbra.br"/>'); }); </script>
-
html Quando clico no iframe que possui video do youtube ele perde a borda
victorln1 postou um tópico no fórum HTML e CSS
Quando alguem clica no iframe ele perde a borda como faço para ele continuar com a borda? <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title></title> <Style> #fundo-branco{ background-color: white; color: #8e4598; width: 90%; position: relative; top: 0px; left: 5%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: auto; display: table; z-index: 5; padding-bottom: 30px; padding-top: 80px; } #conjunto-videos{ width: 100%; display: table; height: auto; left: 0; top: 20px; position: relative; } .videos-conjunto{ width: 600px; position: relative; height: 400px; margin: 0 auto 50px auto; left: -3%; } body{ background-color: #8e4598; margin: 0; } .iframes-conjunto{ width: 100%; height: 100%; border-radius: 15px; } </Style> </head> <body> <section id="fundo-branco"> <ul id="conjunto-videos"> <li class="videos-conjunto"><iframe class="iframes-conjunto" src="https://www.youtube.com/embed/p1quJZvHLes" frameborder="0" allowfullscreen></iframe></li> </ul> </section> </body> </html> -
Estou tentando abrir coloca um site do meu cliente dentro de um iframe de outro site deste mesmo cliente. Ocorre que o site não abre no iframe Ele domina a pagina e abre em seu próprio endereço Tentei no html5 com div, box, conteiner e nada segura ele Ele deve ter algum java script que direciona para seu próprio domínio o endereço deste site dsahomes.com Sera que tem como manter ele dentro do iframe? Obrigado pela ajuda Douglas
-
Boa noite pessoal, sou inciante em PHP HTML e estou tendo dificuldade com o direcionameneto de links. Estou desenvolvendo um sistema em php e criei um Menu, e separei a pagina incial do sistema em divs. Quando eu clico em algum link do menu direciono o conteudo do link para dentro do iframe que fica no centro na msm pagina. O que acontece é que o conteudo fica bloqueado, nao consigo clicar em nada...ja tentei fazer sem iframe utilziando codigos php e java para fazer o direcinamento, mas sempre que qualquer coisa é direcionada pra a div do centro fica bloqueado, links botoes caixas de texto e etc. Alguem sabe o motivo? Segue abaixo estrutura nesse caso chamo o codigo no proprio link.( tem um include do codigo de direcionamento dentro da div). home.php <!DOCTYPE html> <html> <head> <?php session_start(); if((!isset ($_SESSION['login']) == true) and (!isset ($_SESSION['senha']) == true)) { unset($_SESSION['login']); unset($_SESSION['senha']); header('location:index.php'); } $logado = $_SESSION['login']; ?> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css/Home.css" rel="stylesheet"> <link href="js/Menu_home.js" rel="stylesheet"> <link href="CSS/Menu.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> <script src="js/menu.js" type="text/javascript"></script> <title>SysObras</title> </head> <body> <!--DIV GERAL--> <div id=geral> <!-- DIV SUPERIOR --> <div id="superior"> <div id="sup-esquerdo"> SysObras </div> <div id="datahora"> <script language="JavaScript"> document.write("<font color='white' size='3' face='Cooper Black'>") var mydate=new Date() var year=mydate.getYear() if (year<2000) year += (year < 1900) ? 1900 : 0 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym="0"+daym var dayarray=new Array("Domingo","Segunda-feira","Terça-feira","Quarta-feira","Quinta-feira","Sexta-feira","Sábado") var montharray=new Array(" de Janeiro de "," de Fevereiro de "," de Março de ","de Abril de ","de Maio de ","de Junho de","de Julho de ","de Agosto de ","de Setembro de "," de Outubro de "," de Novembro de "," de Dezembro de ") document.write(" "+dayarray[day]+", "+daym+" "+montharray[month]+year+" ") document.write("</b></i></font>") </script> </div> <div id="arearestrita"> <a href="#">Area Restrita</a> </div> <div id="usuario"> <?php echo "Bem vindo $logado" ?> </div> </div> <!-- DIV MENU --> <div id="Menu"> <ul id="menu-v" class="cd-accordion-menu"> <li><a href="#"><i id="icones" class="fa fa-edit" ></i> Cadastro</a> <ul class="sub"> <li><a href="vertical-menu#1">Clientes</a></li> <li><a href="vertical-menu#3">Produtos</a></li> <li><a href="vertical-menu#4">Grupo</a></li> <li><a href="vertical-menu#5">Subgrupo</a></li> <li><a href='?pg=caduser'>Usuarios</a></li> <li><a href="vertical-menu#7">Empresa</a></li> </ul> </li> <li><a href="#"><i class="fa fa-search"></i> Sinapi</a> <ul class="sub"> <li><a href="consultasinapi.php">Consulta</a></li> <li><a href="vertical-menu#1">Composições</a></li> <li><a href="vertical-menu#2">Insumos</a></li> <li><a href="vertical-menu#2">-</a></li> <li><a href="vertical-menu#2">Adicionar Insumos</a></li> <li><a href="vertical-menu#2">Adicionar Composição</a></li> </ul> </li> <li><a href="#"><i class="fa fa-bars"></i> Item 3</a> <ul class="sub"> <li><a href="#">Sub Item 3.1</a></li> <li><a href="#">Sub Item 3.2</a></li> <li><a href="#">Sub Item 3.3</a></li> <li><a href="#">Sub Item 3.4</a></li> <li><a href="#">Sub Item 3.5</a></li> </ul> </li> <li><a href="#"><i class="fa fa-bars"></i> Item 4</a></li> <li><a href="#"><i class="fa fa-bars"></i> Item 5</a> <ul class="sub"> <li><a href="#">Sub Item 5.1</a></li> <li><a href="#">Sub Item 5.2</a> <ul class="sub"> <li><a href="#521">Vertical Menu 5.2.1</a></li> <li><a href="#522">Vertical Menu 5.2.2</a></li> <li><a href="#523">Vertical Menu 5.2.3</a></li> <li><a href="#524">Vertical Menu 5.2.4</a></li> <li><a href="#525">Vertical Menu 5.2.5</a></li> </ul> </li> <li><a href="#">Sub Item 5.3</a> <ul class="sub"> <li><a href="#">Sub Item 5.3.1</a></li> <li><a href="#">Sub Item 5.3.2</a></li> <li><a href="#">Sub Item 5.3.3</a></li> <li><a href="#">Sub Item 5.3.4</a></li> <li><a href="#">Sub Item 5.3.5</a></li> <li><a href="#">Sub Item 5.3.6</a></li> <li><a href="#537">Vertical Menus 5.3.7</a></li> <li><a href="#538">Vertical Menus 5.3.8</a></li> </ul> </li> </ul> </li> <li><a href="#"><i align="left" class="fa fa-edit"></i> Item 6</a></li> </ul> </div> <!--DIV CENTRAL--> <div id="divcentro" name="divcentro"> <?php include 'consulta/direciona.php'; ?> </div> </div> </body> </html> direciona.php <?php $pg = isset( $_GET['pg'] ) ? $_GET['pg'] : null; switch ( $pg ){ /*Menus links*/ case "caduser": include("caduser.php"); break; case "matricula": include("buscar_matricula.php"); break; case "nome": include("busca_nome.php"); break; /*pagina principal*/ default: include("main.html"); break; } ?>
-
Boa tarde, preciso de uma ajuda. Tenho a seguinte situação: Desenvolvi um site em MUSE mas utilizo alguns recursos do Wordpress, como os Posts e alguns outros Plugins, que aí incorporo a página feita no Adobe Muse no Wordpress, puxando o HEADER e o FOOTER do Wordpress. E puxo via <IFRAME> a página HTML feita no MUSE para um Template de Pág. novo no Wordpress. Estou usando o seguinte código para a página no Tema do Wordpress puxar a página em HTML: <?php /** * Template Name: Nome * */ get_header(); ?> <!-- #Content --> <div> <iframe name="Nome" src="NOME.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="100%" height="1400px"></iframe> </div> <?php get_footer(); Só que o problema meu é o seguinte. Como fiz o site para versão Mobile também, as alturas ficam diferentes da Normal para a Mobile. Ex: NORMAL: 1400px de altura; MOBILE preciso de no mín. 2000px de altura, pois os layouts ficaram com a altura diferente. E com este código que estou utilizando só consigo deixar para uma das versões OK, ou fica cortado ou fica muito maior na outra. Alguém tem uma solução para que a altura seja compatível com ambas as versões? Algo do tipo HEIGHT automático. Desde já, agradeço.
-
Pessoal, tenho um site com um iframe de terceiros. Porém o mesmo parou de funcionar, aparece sempre uma mensagem de erro no servidor... Alguém pode me ajudar, por favor. O url a ser "inframado" é esse: http://alunoonline.educacao.rj.gov.br/alunoonline/Seguranca/Identificacao.aspx?ReturnUrl=%2fAlunoOnline%2fdefault.aspx
-
Como enviar uma variável Javascript de de um iFrame para uma variável
Myst1c669 postou um tópico no fórum Javascript
Eai galera, vou tentar explicar um pouco melhor o que estou tentando fazer, estou em uma página que tem um iFrame e nesta mesma tem um menu que abre outras páginas dentro deste iFrame por meio do "target", vamos supor que eu abra uma página dentro deste iFrame que contenha uma label, que quando clicada, fecha esta página dentro o iFrame e abre outra no lugar, porém preciso que quando clicado na label envie uma variável para esta outra página que irá abrir dentro do iFrame. Queria alguma solução que não usasse o "parent.location.href = "pagina.php?name="+variavel;" para enviar a variável, porque quando eu uso este código a "pagina.php" sai do iFrame e ocupa toda a tela. //Pagina 1 que abre dentro do iFrame <script type="text/javascript"> $(document).ready(function(){ $("label").click(function(){ var variavel= this.id; //Pega o id da label clicada parent.location.href = "pagina2.php?name="+variavel; // envia o id da label clicada para a página 2 }); }); </script> // Página 2 que abre dentro do iFrame, pega a variável do iFrame anterior $codigo = $_GET['name']; Este código funciona, porém como eu disse, a página 2 pega a variavel da página 1 mas ocupa toda a tela e muda a URL, quero que ela continue dentro do iFrame. OBS: A label que é clicada tem o target para abrir a página 2 dentro do iFrame mas não funciona. -
Ola, Queria saber como que deixe um iframe responsivo. Estou usando um sisteminha de banners que chama "OpenX" e estou mudando meu site para responsivo, e nesse sisteminha só tem opção de iframe ou javascript, e eles não ficam responsivo. Se alguém poderia me ajudar. Grato. :P :P
