Como redimensionar iframe em html

Iframes são quadros embutidos dentro de uma página web que contém outro documento. Iframe são colocados em documentos HTML usando a tag iframe. Os desenvolvedores da Web muitas vezes acham que a estrutura interna pode ser muito pequeno para ver todo o conteúdo. Métodos para redimensionar iframe incluem especificar a altura ea largura da moldura e usando javascript para redimensionar dinamicamente a iframe.

instruções

  1. Editar o documento html. Vá para as linhas de HTML que definem o iframe. Alterar as propriedades de altura e largura do iframe a uma percentagem ou pixel tamanho. Por exemplo, "altura iframe ="50%"" ou "largura iframe ="400px.""

  2. Criar uma função javascript. Verifique se o documento de origem do iframe está no mesmo domínio que a página que contém o iframe, desde scripts em sua página da web só pode propriedades de acesso de páginas no mesmo domínio. site da Microsoft exibe código livre para um script javascript que redimensiona quadros.



  3. Inicie o navegador da Internet. Ir para o site da Microsoft. Pesquisar artigo da base de conhecimento 278469. Realce o código no artigo da base de conhecimento da Microsoft. Acerte o "Ctrl" e "C" teclas simultaneamente para copiá-lo.

  4. Abra o bloco de notas. Acerte o "Ctrl" e "V" chaves para colar o código do artigo de Microsoft em um arquivo de texto.

  5. Substitua o "YOUR_PAGE_HERE" depois de "src" tag com o nome do arquivo a ser carregado no quadro embutido. Salve o arquivo com um "htm" ou "html" extensão.

  6. Procure outro código javascript para tentar se você não está satisfeito com estes resultados. Muitos fóruns webmaster lidar com este problema e muitos programadores postar código que funciona para eles.

dicas & avisos

  • o "experimentar" e "pegar" funções incluídas no código do Microsoft só irá funcionar no Internet Explorer 5 e posterior.

recursos

De esta maneira? Compartilhar em redes sociais:

LiveInternet