Ir para conteúdo
Fórum Script Brasil

Dark Panda

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    9

  • Registro em

  • Última visita

Sobre Dark Panda

Dark Panda's Achievements

0

Reputação

  1. Dark Panda
    Fuçando um pouco, vi que o Dreamwever "estranhou" o fato das imagens terem hífen e, por este motivo, não queria nomeá-las; troquei todos os hífens por underline, mas parece que essa não é a causa da falta de funcionalidade de parte do código...
  2. Dark Panda
    Saudações a todos, Encontrei uma função que gostaria de aplicar na minha página. Ela faz com que um ícone e uma imagem sejam simultaneamente trocadas por outras quando o mouse passa por cima do ícone e restaura o estdo original de ambas quando se tira o cursor do mesmo, como pode ser conferido no exemplo: http://www.darkpandabr.com/teste2/ (passem o mouse nos ícones; eles trocam de cor e uma opção aparece na parte superior da tela). Analisei o código, vi como funciona e apliquei na minha página: http://www.darkpandabr.com/teste/port-00.html (só no primeiro quadrado) O problema é que só ocorre o swap da primeira (ícone) e o da segunda não (que é o fundo onde tem a pata). O código original é esse: <script language="JavaScript"> var TabImg = new Array(); function preloadImg() {var pic=preloadImg.arguments;for (var i=0;i<pic.length;i++){TabImg=new Image;TabImg.src=images/"+pic+".jpg";}} preloadImg("te2","te3","tg2","ti2","tk2","tm2"); function On(img) {document.images.src="images/"+img+"a.jpg";document.images["titre].src="images/t"+img+".jpg";} function Off(img) {document.images.src=images/"+img+".jpg";document.images["titre].src="images/vide.bmp";} </script> No HTML original esta assim: <td colspan=2><a href=# onMouseOver="On('e2')" onMouseOut="Off('e2')"><img name=e2 src=images/e2.jpg width=28 height=45></a></td> Minha adaptação ficou assim: var TabImg = new Array(); function preloadImg() {var pic=preloadImg.arguments;for (var i=0;i<pic.length;i++){TabImg=new Image;TabImg.src=images/"+pic+".jpg";}} preloadImg("port-00_08t"); function On(img) {document.images.src="images/"+img+"s.jpg";document.images["titre].src="images/"+img+"t.jpg";} function Off(img) {document.images.src=images/"+img+".jpg";document.images["titre].src="images/port-00_03.jpg";} Onde, pelo que entendi; port-00_03.jpg = fundo / images/"+img+"s.jpg" são as imagens que farão o swap (nome da img +s .jpg ) / images/"+img+"t.jpg são as imagens - fundo - que farão o swap (nome da img +t .jpg ) No meu HTML deixei assim: <div class="ts-3-8"><a href=# onMouseOver="On('port-00_08')" onMouseOut="Off('port-00_08')"><img src=images/port-00_08.jpg name=port-00_08 width=87 height=85 border="0"></a></div> Será que alguém consegue dar uma força para encontrar o erro? Desde já, grato pela atenção dispensada.
  3. Dark Panda
    Então Jonathan, eu teorizei e tentei dessa forma, mas não funcionou: <a href="port-01_logo_dna.html" target="fundo_logo" onClick="changeLink('port-01_logo_dna_t.html')"; "#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image50','','images/logo_dna1.jpg',1)"><img height="85" alt="" src="images/box_i01.gif" width="87" border="0" frameborder="0"></a> A imagem que será utilizada é a do swap, as funções são as duas. A sintaxe é que não sei se esta correta ou não...
  4. Dark Panda
    Saudações, Tenho esse código: <a href="port-01_logo_dna.html" target="fundo_logo" onClick="changeLink('port-01_logo_dna_t.html')"><img height="85" alt="" src="images/box_i01.gif" width="87" border="0" frameborder="0"></a> que troca dois iFrames com um clique: http://www.darkpandabr.com/teste/port-01_logo_0.html (é só clicar no "01") mas na verdade, gostaria que o botão funcionasse assim: <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image50','','images/logo_dna1.jpg',1)"><img src="images/logo_dna0.jpg" alt="DNA" name="Image50" width="87" height="85" border="0"></a> (que nada mais é que uma imagem cambiável) tem como juntar as duas sintaxes? Isso é; ter uma imagem cambiável que, quando clicada, troque meus dois iFrames?
  5. Dark Panda
    Resolvido: Deixei essa linha: <body onLoad="InitialiseScrollableArea(); InitialiseScrollableAreab()"> Assim: <body onLoad="InitialiseScrollableArea()> e os dois funcionaram simultaneamente...
  6. Dark Panda
  7. Dark Panda
    Foi mals pela demora .Andreia.; pensei que tinha sido abandonado, he, he... Então, desisti de procurar o erro e fiz de novo. Agora estou com outro problema, mas para isso, abro outro tópico. Obrigado.
  8. Dark Panda
    Saudações a todos, Estou fazendo meu portifólio, quando finalizava os testes da página, ela abria corretamente no IE e aparecia com defeito no FF. Como estava inicialmente preocupado com o funcionamento dos .JS, não dei muita relevância ao caso. Hoje, a mesma página não aparece da forma correta em nenhum browser. O link esta aqui: http://www.darkpandabr.com/teste/purgatori...-01_logo_0.html O HTML esta assim: <html> <head> <title>Logotipo</title> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.2900.5764" name=GENERATOR> <link href="estrutura/estrutura.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="estrutura/box.js"></script> </head> <body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="InitialiseScrollableArea()"> <div id="centralizar"> <div id="Table_01" class="ts01-1"> <div class="ts01-1-1"><img height="3" alt="" src="images/strut_01.gif" width="807"></div> <div class="ts01-1-2"><img height="457" alt="" src="images/strut_02.gif" width="3"></div> <div class="ts01-1-3"> <iframe id=fundo_logo name="fundo_logo" src="port-01_logo_0_bg.html" width="625" height="454" scrolling="no" border="0" frameborder="0"></iframe> </div> <div class="ts01-1-4"><img height="457" alt="" src="images/strut_13.gif" width="3"></div> <div class="ts01-1-5"><img height="31" alt="" src="images/port-01_05.gif" width="173"></div> <div class="ts01-1-6"><img height="457" alt="" src="images/strut_14.gif" width="3"></div> <div class="ts01-1-7"><img height="3" alt="" src="images/strut_15.gif" width="173"></div> <div class="ts01-1-8"> <div id="divUpControl" style="left: 0px; width: 173; height: 4; top: -6px"> <div align="center"><a href="java script:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()"><img src="images/strutc_00.gif" width="173" height="4" border="0"></a> </div> </div> <div id="divDownControl" style="left: 0px; width: 173; height: 4; top: 227px"> <center> <a href="java script:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()"><img src="images/strutc_00.gif" width="173" height="4" border="0"></a> </center> </div> <div id="divContainer"; top:2; width: 173px; height: 235px; visibility: visible"> <div id="divContent"; top:0; height:144; width: 173px> <div id="table_01" class="tsi01-1"> <div class="tsi01-1-1"> <a href="port-01_logo_dna.html" target="fundo_logo" onClick="changeLink('port-01_logo_dna_t.html')"><img height="85" alt="" src="images/box_i01.gif" width="87" border="0" frameborder="0"></a> </div> <div class="tsi01-1-2"><img height="85" alt="" src="images/box_i02.gif" width="86"></div> <div class="tsi01-1-3"><img height="75" alt="" src="images/box_i03.gif" width="87"></div> <div class="tsi01-1-4"><img height="75" alt="" src="images/box_i04.gif" width="86"></div> <div class="tsi01-1-5"><img height="75" alt="" src="images/box_i05.gif" width="87"></div> <div class="tsi01-1-6"><img height="75" alt="" src="images/box_i06.gif" width="86"></div> <div class="tsi01-1-7"><img height="75" alt="" src="images/box_i07.gif" width="87"></div> <div class="tsi01-1-8"><img height="75" alt="" src="images/box_i08.gif" width="86"></div> <div class="tsi01-1-9"><img height="75" alt="" src="images/box_i09.gif" width="87"></div> <div class="tsi01-1-10"><img height="75" alt="" src="images/box_i10.gif" width="86"></div> <div class="tsi01-1-11"><img height="75" alt="" src="images/box_i11.gif" width="87"></div> <div class="tsi01-1-12"><img height="75" alt="" src="images/box_i12.gif" width="86"></div> </div> </div> </div> </div> <div class="ts01-1-9"><img height="3" alt="" src="images/strut_15.gif" width="173"></div> <div class="ts01-1-10"><iframe id=texto_f name="texto_f" src="port-01_logo_0_t.html" width="173" height="152" scrolling="No" border="0" frameborder="0"></iframe></div> <div class="ts01-1-11"><img height="3" alt="" src="images/strut_16.gif" width="173"></div> <div class="ts01-1-12"><img height="24" alt="" src="images/strutc_06.gif" width="42"></div> <div class="ts01-1-13"><img height="27" alt="" src="images/strut_17.gif" width="3"></div> <div class="ts01-1-14"><img height="24" alt="" src="images/strutc_07.gif" width="43"></div> <div class="ts01-1-15"><img height="27" alt="" src="images/strut_18.gif" width="3"></div> <div class="ts01-1-16"><img height="24" alt="" src="images/strutc_08.gif" width="54"></div> <div class="ts01-1-17"><img height="27" alt="" src="images/strut_19.gif" width="3"></div> <div class="ts01-1-18"><img height="24" alt="" src="images/strutc_09.gif" width="25"></div> <div class="ts01-1-19"><img height="3" alt="" src="images/strut_20.gif" width="625"></div> <div class="ts01-1-20"><img height="3" alt="" src="images/strut_21.gif" width="42"></div> <div class="ts01-1-21"><img height="3" alt="" src="images/strut_22.gif" width="43"></div> <div class="ts01-1-22"><img height="3" alt="" src="images/strut_23.gif" width="54"></div> <div class="ts01-1-23"><img height="3" alt="" src="images/strut_24.gif" width="25"></div> <div class="ts01-1-24"><img height="15" alt="" src="images/strutc_01.gif" width="269"></div> <div class="ts01-1-25"><img height="15" alt="" src="images/strutc_02.gif" width="269"></div> <div class="ts01-1-26"><img height="15" alt="" src="images/strutc_03.gif" width="269"></div> <div class="ts01-1-27"><img height="1" alt="" src="images/strut_00.gif" width="3"></div> <div class="ts01-1-28"><img height="1" alt="" src="images/strut_00.gif" width="266"></div> <div class="ts01-1-29"><img height="1" alt="" src="images/strut_00.gif" width="269"></div> <div class="ts01-1-30"><img height="1" alt="" src="images/strut_00.gif" width="90"></div> <div class="ts01-1-31"><img height="1" alt="" src="images/strut_00.gif" width="3"></div> <div class="ts01-1-32"><img height="1" alt="" src="images/strut_00.gif" width="42"></div> <div class="ts01-1-33"><img height="1" alt="" src="images/strut_00.gif" width="3"></div> <div class="ts01-1-34"><img height="1" alt="" src="images/strut_00.gif" width="43"></div> <div class="ts01-1-35"><img height="1" alt="" src="images/strut_00.gif" width="3"></div> <div class="ts01-1-36"><img height="1" alt="" src="images/strut_00.gif" width="54"></div> <div class="ts01-1-37"><img height="1" alt="" src="images/strut_00.gif" width="3"></div> <div class="ts01-1-38"><img height="1" alt="" src="images/strut_00.gif" width="25"></div> <div class="ts01-1-39"><img height="1" alt="" src="images/strut_00.gif" width="3"></div> </div> </div> </body> </html> Desde já, grato pela atenção dispensada.
  9. Dark Panda
    Saudações a todos, Sou designer gráfico e não entendo nada de programação e webdesigner, mas as vezes preciso resolver alguns pepinos. Criei a base do meu portifólio, desenhei no photoshop, fiz os slices, salvei em table, converti para css (Table2Css converter 2.9.0) e agora precisaria centralizar tudo isso na página (para deixar o layout "líquido" como dizem). Imagino que por usar uma solução automática o código tenha ficado com uma razoável quantidade de sujeira, mas para meus propósitos iniciais é o suficiente. Andei fuçando para ver se tinha alguma forma simples para fazer isso, mas não encontrei nada. Um dos resultados deu a seguinte solução: código javascript function centralizar(div_pai,div_central) { var height_pai = document.getElementById(div_pai).offsetHeight; var height_central = document.getElementById(div_central).offsetHeight; var margem = (height_pai - height_central)/2; parent.document.getElementById(div_central).style.padding = margem+"px 0 0 0"; } e no onload eu uso centralizar('id_da_div_pai', 'id_div_centralizar'); por exemplo <html> <head> <script type="text/javascript" src="div_central.js"></script> <style type="text/css">#pai {height:100%;}</style> </head> <body onload="centralizar('pai', 'filha');"> <div id="pai"> <div id="filha">conteudo</div> </div> </body> </html> As perguntas são: :: O .js fica assim: function centralizar(div_pai,div_central) { var height_pai = document.getElementById(div_pai).offsetHeight; var height_central = document.getElementById(div_central).offsetHeight; var margem = (height_pai - height_central)/2; parent.document.getElementById(div_central).style.padding = margem+"px 0 0 0"; } :: certo? :: Meu código esta assim: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Valmir Pereira da Silva</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="index.css" rel="stylesheet" type="text/css"> <link href="purgatorio/scripts/index.css" rel="stylesheet" type="text/css"> </head> <body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0"> <!-- ImageReady Slices (! Portifolio (807 x 460 + 15) [Index Slices].psd) --> <div id="Table_01" class="ts-1"> <div class="ts-1-1"><img height="3" alt="" src="purgatorio/images/index_01.gif" width="807"></div> <div class="ts-1-2"><img height="457" alt="" src="purgatorio/images/strut_02.gif" width="3"></div> <div class="ts-1-3"><img height="454" alt="" src="purgatorio/images/index_03.gif" width="158"></div> <div class="ts-1-4"><img height="457" alt="" src="purgatorio/images/strut_03.gif" width="3"></div> <div class="ts-1-5"><img height="454" alt="" src="purgatorio/images/index_05.gif" width="158"></div> <div class="ts-1-6"><img height="457" alt="" src="purgatorio/images/strut_04.gif" width="3"></div> <div class="ts-1-7"><img height="454" alt="" src="purgatorio/images/index_07.gif" width="158"></div> <div class="ts-1-8"><img height="457" alt="" src="purgatorio/images/strut_05.gif" width="3"></div> <div class="ts-1-9"><img height="454" alt="" src="purgatorio/images/index_09.gif" width="157"></div> <div class="ts-1-10"><img height="457" alt="" src="purgatorio/images/strut_06.gif" width="3"></div> <div class="ts-1-11"><img height="454" alt="" src="purgatorio/images/index_11.gif" width="158"></div> <div class="ts-1-12"><img height="457" alt="" src="purgatorio/images/strut_07.gif" width="3"></div> <div class="ts-1-13"><img height="3" alt="" src="purgatorio/images/strut_08.gif" width="158"></div> <div class="ts-1-14"><img height="3" alt="" src="purgatorio/images/strut_09.gif" width="158"></div> <div class="ts-1-15"><img height="3" alt="" src="purgatorio/images/strut_10.gif" width="158"></div> <div class="ts-1-16"><img height="3" alt="" src="purgatorio/images/strut_11.gif" width="157"></div> <div class="ts-1-17"><img height="3" alt="" src="purgatorio/images/strut_12.gif" width="158"></div> <div class="ts-1-18"><img height="15" alt="" src="purgatorio/images/strutc_01.gif" width="244"></div> <div class="ts-1-19"><img height="15" alt="" src="purgatorio/images/strutc_02.gif" width="319"></div> <div class="ts-1-20"><img height="15" alt="" src="purgatorio/images/strutc_03.gif" width="244"></div> <div class="ts-1-21"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="3"></div> <div class="ts-1-22"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="158"></div> <div class="ts-1-23"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="3"></div> <div class="ts-1-24"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="80"></div> <div class="ts-1-25"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="78"></div> <div class="ts-1-26"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="3"></div> <div class="ts-1-27"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="158"></div> <div class="ts-1-28"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="3"></div> <div class="ts-1-29"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="77"></div> <div class="ts-1-30"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="80"></div> <div class="ts-1-31"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="3"></div> <div class="ts-1-32"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="158"></div> <div class="ts-1-33"><img height="1" alt="" src="purgatorio/images/strut_00.gif" width="3"></div> </div> <!-- End ImageReady Slices --> </body> </html> :: quem é a div pai? É a "Table_01"? E a filha? Como aplico isso no código e; tem uma forma mais simples de fazer isso? Tudo ficaria mais simples se o Table2Css converter 2.9.0 tivesse a opção de centralização do layout... desde já, grato pela atenção dispensada.
×
×
  • Criar Novo...