Ir para conteúdo
Fórum Script Brasil

sparrow

Membros
  • Total de itens

    24
  • Registro em

  • Última visita

Posts postados por sparrow

  1. Fala ae Elton!

    Arquivo fotoview.js

    <!--

    function AbreFoto(tit,foto,larg,alt,id)

    {

    largura=larg;

    altura=(alt+20);

    v=0;

    if(larg>=(screen.width-30)){v=1; largura=screen.width-30;}

    if(alt>=(screen.height-70)){v=1; altura=screen.height-70}

    PropJanela='toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars='+v+',resizable=0,width='+largura+',height='+altura;

    NovaJanela=window.open('','',PropJanela);

    NovaJanela.document.close();

    NovaJanela.document.write('<html><head><title>'+tit+'</title><style type="text/css">a{color:#FFFFFF;text-decoration:none}a:hover{color:#FF0000}</style></head><body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" bgcolor="#000000" text="#FFFFFF"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width='+(largura-30)+'>'+tit+'</td><td width="30" align="right"><a href="#" onclick="o=window.opener;if('+id+'!=0){self.close();o.AbreFoto(o.Foto['+(id-1)+'][0],o.Foto['+(id-1)+'][1],o.Foto['+(id-1)+'][2],o.Foto['+(id-1)+'][3],'+(id-1)+')}" title=Anterior">&laquo;</a> - <a href="#" onclick="o=window.opener;if('+id+'<o.Foto.length-1){self.close();o.AbreFoto(o.Foto['+(id+1)+][0],o.Foto['+(id+1)+'][1],o.Foto['+(id+1)+'][2],o.Foto['+(id+1)+'][3],'+(id+1)+')}" title="Pr&oacute;xima">&raquo;</a></td></tr><tr><td colspan="2"><img src="'+foto+'" width="'+larg+'" height="'+alt+'" alt="'+tit+'"></td></tr></table></body></html>');

    }

    function EscreveLista()

    {

      for(i=0;i<Foto.length;i++)

      {

      miniatura=Foto[1].substring(0,(Foto[1].length-4));

      document.write('<img src="'+miniatura+'.gif" style="cursor:hand" onclick="AbreFoto(\''+Foto[0]+'\',\''+Foto[1]+'\','+Foto[2]+','+Foto[3]+','+i+')" alt="'+Foto[0]+' ('+Foto[2]+'x'+Foto[3]+')">');

      }

    }

    //-->

    Arquivo fotos.js

    <!--

    Foto=new Array();

    /* 'descrição da foto','arquivo.ext','largura','altura' */

    Foto[Foto.length]=new Array('foto1 - bla bla bla','jit.jpg',400,400);

    Foto[Foto.length]=new Array('foto tal','tips.jpg',500,500);

    //-->

    Salve os codes acima com os nome de arquivo especificados. O arquivo que carrega as funções chama-se fotoview.js e o arquivo fotos.js será seu "banco de dados", onde você irá cadastrar:

    'descrição da foto','arquivo.ext','largura','altura'

    Você poderá ainda mudar o nome deste arquivo não se esquecendo de também mudar ao carregá-lo na página :

    <head>

    <script language="javascript" src="fotos.js"></script>

    <script language="javascript" src="fotoview.js"></script>

    </head>

    Isso pode ser úil para organizar seus arquivos, pois uma página de nome galeria1.htm, por exemplo, pode vir acompanhada do arquivo galeria1.js

    Ambos os dois arquivos acima devem ser carregados antes da página (entre os head) e na mesma ordem acima.

    Depois, basta chamar a função que escreve as miniaturas (que devem ter a extensão gif)). Assim:

    <body>

    <script>

    <!--

    EscreveLista();

    -->

    </script>

    </body>

    qualquer coisa posta aki dnv

    cool.gif sparrow

  2. Olá, seu Pilantra (bricadeirinha, hehehe)

    tenta isso aki, ó:

    <form>

    <input type="checkbox" value="" name="nomecx">

    <input type="checkbox" value="" name="nomecx">

    <input type="checkbox" value="" name="nomecx">

    </form>

    <script>

    marcado=false;

    function MarcaTudo() {

      if(!marcado){

          for (var i=0;i<document.forms[0].elements.length;i++) {

          var x = document.forms[0].elements;

            if (x.name == 'nomecx') { 

            x.checked = 1;

            marcado=true;

            }

          }

      }

      else{

          for (var i=0;i<document.forms[0].elements.length;i++) {

          var x = document.forms[0].elements;

            if (x.name == 'nomecx') { 

            x.checked = 0;

            marcado=false;

          }

          }

      }

    }

    </script>

    <a href="#" onClick="MarcaTudo()">Todas</a>

    O script acima marca/desmarca as caixas de seleção que devem ter o mesmo nome (não se preocupe, o script as identifica como nomecx[0], nomecx[1]...) e se você quiser, pode colocar um nome no formulário (aí é só substituir o forms[0] pelo nome)

    qualquer coisa, posta aki dnovo

    cool.gif sparrow

  3. dá uma olhada:

    <select onchange="if(this.options[selectedIndex].value!='')window.parent.nomedoframe.location=this.options[selectedIndex].value">

    <option value="">Selecione</option>

    <option value="pagina.htm">link</option>

    <option value="pagina1.htm">link 1</option>

    <option value="pagina2.htm">link 2</option>

    <option value="pagina3.htm">link 3</option>

    <option value="pagina4.htm">link 4</option>

    </select>

    Fazendo assim, você pode direcionar a página a ser aberta dentro de qualquer frame

    cool.gif sparrow

  4. O script acima está tentado fechar o frame atual, em vez de fechar o parent

    por isso o script não faz nada

    Tenta isso aqui (foi a solução q eu achei):

    <script>

    function fecha(){

    window.parent.document.write('<'+'script>'+

    'opener=self;'+

    'self.close()'+

    '<'+'/script>')

    }

    </script>

    <input type="button" onclick="fecha()" value="fecha">

    cool.gif sparrow

  5. VISITE ESTE LINK AKI DO FÓRUM (ACHEI USANDO A BUSCA...)

    se não for o q v quer, tenta o script abaixo ou procure por cromeless aqui no forum

    <script>

    largura=100;

    altura=100;

    ender="pagina.htm"

    janela=window.open("about:blank","","fullscreen");

    janela.resizeTo(largura,altura);

    janela.document.write("<"+"script>window.location=\'"+ender+"\'</"+"script>");

    opener=self;

    self.close();

    </script>

    Se quiser colocar a janela sem o "X" em alguma posição específica, acrescente a linha: janela.moveTo(x,y);

    O script abre uma janela fullscreen e redimensiona pro tamanho que você definir, sem mostrar o botão fechar, minimizar... nem a barra de título.

    cool.gif sparrow

  6. você coloca a imagem e a camada dentro de uma mesma célula da tabela, e dentro da camada você pode pôr outra tabela

    dá uma olhada no código abaixo

    <script language="JavaScript">

    <!--

    function expandir(objeto){

    if (objeto.style.display=="none")

    objeto.style.display=""

    else

    objeto.style.display="none"

    }

    //-->

    </script>

    <table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">

    <tr>

    <td><img src="imagem.gif" onClick="expandir(beaba)"><div style="display:none" id="beaba">

    <table width="100" border="0" cellpadding="0" cellspacing="0">

    <tr><td onMouseOver="this.style.background='#222222'" onMouseOut="this.style.background='#000000'"><a href="#">link</a><br></td></tr>

    <tr><td onMouseOver="this.style.background='#222222'" onMouseOut="this.style.background='#000000'"><a href="#">link</a><br></td></tr>

    <tr><td onMouseOver="this.style.background='#222222'" onMouseOut="this.style.background='#000000'"><a href="#">link</a><br></td></tr>

           </table>

    </div></td></tr>

    </table>

    cool.gif daí fica mais fácil fazer o layout do menu q vai escondido

  7. Eu vi 2 tipos de menu nakele site

    um em q a imagem ganha um foco/cor quando você passa o mouse por cima e outro q se expande quando você clica

    IMAGEM TRANSPARENTE:

    <img src="imagem.gif" style="filter:alpha(opacity=25)" onmouseover="this.style.filter='alpha(opacity=100)'" onmouseout="this.style.filter='alpha(opacity=25)'">

    a imagem está com estilo-transparente e quando você passa o mouse por cima ela fica 100% opaca (sem transparência), quando você tira o mouse, a transparência volta

    MENU Q EXPANDE:

    <script language="JavaScript">

    <!--

    function expandir(objeto){

    if (objeto.style.display=="none")

    objeto.style.display=""

    else

    objeto.style.display="none"

    }

    //-->

    </script>

    <img src="imagem.gif" onClick="expandir(beaba)">

    <span style="display:none" id="beaba">

    <a href="#">link</a><br>

    <a href="#">link</a><br>

    <a href="#">link</a><br>

    </span>

    o objeto/camada beaba está com display=none, que faz com q ele não apareça e não seja reservado espaço p/ ele na página. quando display="", ele aparece e ocupa o expaço empurrando/expandindo os ítens seguintes.

    cool.gif vê se era isso q você keria

    ps: se registra ae...

  8. Ok, problema resolvido.

    se alguém tiver interesse

    <object...

    <param name="wmode" value="opaque">

    <embed wmode="opaque"...

    </embed>

    </object>

    Achei interessante colocar isso aki porque eu entro em vários sites e vejo o mesmo problema

    Isso evita q o flash se sobreponha aos outros elementos do site

    Té+

    cool.gif sparrow

  9. visita este link - exemplo e passa o mouse na barra de menus q fica + fácil de entender.

    Eu já coloquei o filme dentro de um iframe, também coloquei dentro de outra camada com z-index:0 pra ficar por baixo e nada

    Eu quero fazer a camada, que tá numa posição fixa, ficar por cima do filme, cuja posição coincide com a camada

    cool.gif sparrow

  10. Deixa eu ver se eu entendi: você tem uma janela normal que abre uma pop-up e o "X" da coisa é o opener e o self, certo?

    opener serve para fazer referência à janela que abriu a pop (opener=a q abre)

    self serve para fazer referência à janela que estiver em foco, independente do nome ou de ser a janela que abriu ou a que foi aberta.

    Então, se você abrir uma pop-up e nela tiver o link

    <a href="#" onClick="self.close">fecha esta janela</a>

    irá fechar a janela que estiver com a função self.close

    e se for

    <a href="#" onClick="opener.close">fecha a janela q me abriu</a>

    fechará a janela que deu origem (e o navegador pede pra você confirmar se quer fechar ou não)

    cool.gif ok?

  11. Eu já tentei fazer isso uma vez e fiquei doido caçando como fazer. Bem, cheguei a conclusão (por enqto) de q não dá pra fazer.

    O máximo q consegui foi com CSS, usando filtros

    <iframe style="filter: alpha(Opacity=50)"...

    toda a página que estiver dentro do iframe vai ficar com transparência, não só o fundo

    <iframe style="filter: chroma(Color=#FFFFFF)"...

    tudo o que tiver a cor #FFFFFF dentro do iframe ficará transparente. você pode colocar uma cor bem doida no fundo da página que ficar dentro do iframe e deixá-la transparente usando o filtro

    Nos 2 casos, os filtros são suportados a partir do IE4

    cool.gif sparrow

  12. Vitor, se eu entendi bem, você quer q quando passa o mouse por cima do menu, o ítem fike com determinada classe de estilo. Se for isso, você pode tentar fzer assim:

    <style>

    .classeover{background:yellow}

    .claseeout{background:white}

    </style>

    <td onMouseOver="this.className='classeover'" onMouseOut="this.className='classeout'">ÍTEM</td>

    cool.gif Pegou?

  13. Olá pessoal!

    Como q faz pra colocar uma layer (em HTML/css) tipo essa aí embaixo por cima de um filme flash?

    <div id="camada" style="position:absolute; width:200px; height:115px; z-index:1; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;"></div>

    Eu tenho um menu flutuante no meu site que é feito assim, só que o banner, que é em flash, teima em ficar "flutuando" por cima.

    blink.gif Alguém sabe como resolver isso?

×
×
  • Criar Novo...