Pietro Postado Janeiro 11, 2004 Denunciar Share Postado Janeiro 11, 2004 Olá meus camaradas!Olha eu aqui, o mais novo membro!Estou curioso para saber como se faz esse esqueminha de carregamento de página, como aqui no fórum, alguém sabe?Valeu! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 diraol Postado Janeiro 11, 2004 Denunciar Share Postado Janeiro 11, 2004 como assim carregamento de página?????que tipo de carregamento você está falando?? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Pietro Postado Janeiro 11, 2004 Autor Denunciar Share Postado Janeiro 11, 2004 Opaaa... Dirao!Meu Camarada!Enquanto a página estiver carregando aparece uma janela em dhtml, igual a essa que nós temos no forum. Quando você faz uma busca, ou então, quando você o forum digitando o login e senha! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 adriel Postado Janeiro 11, 2004 Denunciar Share Postado Janeiro 11, 2004 Falaa Pietro! Ve se é isso:<html> <head> <title>Aguarde...</title> <meta http-equiv='refresh' content='2; url=http://www.google.com.br' /> <script type="text/javascript"> </script> <style type='text/css'> /* FIX IE6 Scrollbars bug - Leave this in! */ html { overflow-x: auto; } /* Body entry, change forum page background colour, default font, font size, etc. Leave text-align:center to center board content #ipwrapper will set text-align back to left for the forum. Any other tables / divs you use must use text-align:left to re-align the content properly. This is a work around to a known Internet Explorer bug */ BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #000; margin:0px;padding:0px;background-color:#FFF; text-align:center } TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #000; } /* MAIN WRAPPER: Adjust forum width here. Leave margins alone to auto-center content */ #ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto } a:link, a:visited, a:active { text-decoration: underline; color: #000 } a:hover { color: #465584; text-decoration:underline } fieldset.search { padding:6px; line-height:150% } label { cursor:pointer; } form { display:inline; } img { vertical-align:middle; border:0px } img.attach { border:2px outset #EEF2F7;padding:2px } .googleroot { padding:6px; line-height:130% } .googlechild { padding:6px; margin-left:30px; line-height:130% } .googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; } .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; } .googlepagelinks { font-size:1.1em; letter-spacing:1px } .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 } li.helprow { padding:0px; margin:0px 0px 10px 0px } ul#help { padding:0px 0px 0px 15px } option.cat { font-weight:bold; } option.sub { font-weight:bold;color:#555 } .caldate { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px } .warngood { color:green } .warnbad { color:red } #padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px } #profilename { font-size:28px; font-weight:bold; } #calendarname { font-size:22px; font-weight:bold; } #photowrap { padding:6px; } #phototitle { font-size:24px; border-bottom:1px solid black } #photoimg { text-align:center; margin-top:15px } #ucpmenu { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; } #ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url('style_images/1/tile_back.gif');padding:0px;margin:0px } #submenu { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;} #submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; } #userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA } #navstrip { font-weight:bold;padding:6px 0px 6px 0px; } .activeuserstrip { background-color:#BCD0ED; padding:6px } /* Form stuff (post / profile / etc) */ .pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; } .pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; } .pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; } /* Topic View elements */ .signature { font-size: 10px; color: #339; line-height:150% } .postdetails { font-size: 10px } .postcolor { font-size: 12px; line-height: 160% } .normalname { font-size: 10px; font-weight: bold; color: #003 } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 10px } .unreg { font-size: 11px; font-weight: bold; color: #900 } .post1 { background-color: #F5F9FD } .post2 { background-color: #EEF2F7 } .postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url('style_images/1/tile_sub.gif') } /* Common elements */ .row1 { background-color: #F5F9FD } .row2 { background-color: #DFE6EF } .row3 { background-color: #EEF2F7 } .row4 { background-color: #E4EAF2 } .darkrow1 { background-color: #C2CFDF; color:#4C77B6; } .darkrow2 { background-color: #BCD0ED; color:#3A4F6C; } .darkrow3 { background-color: #D1DCEB; color:#3A4F6C; } .hlight { background-color: #DFE6EF } .dlight { background-color: #EEF2F7 } .titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-image: url('style_images/1/tile_sub.gif') } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C } /* Main table top (dark blue gradient by default) */ .maintitle { vertical-align:middle;font-weight:bold; color:#FFF; background-image: url('style_images/1/tile_back.gif'); padding-left:5px; padding-right:0px; padding-top:8px; padding-bottom:8px } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFF } .maintitle a:hover { text-decoration: underline } /* tableborders gives the white column / row lines effect */ .plainborder { border:1px solid #345487;background-color:#F5F9FD } .tableborder { border:1px solid #345487;background-color:#FFF; padding:0; margin:0 } .tablefill { border:1px solid #345487;background-color:#F5F9FD;padding:6px; } .tablepad { background-color:#F5F9FD;padding:6px } .tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px } .wrapmini { float:left;line-height:1.5em;width:25% } .pagelinks { float:left;line-height:1.2em;width:35% } .desc { font-size:10px; color:#434951 } .edit { font-size: 9px } .searchlite { font-weight:bold; color:#F00; background-color:#FF0 } #QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } #CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } .copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px } .codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle } .forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle } .thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF } .purple { color:purple;font-weight:bold } .red { color:red;font-weight:bold } .green { color:green;font-weight:bold } .blue { color:blue;font-weight:bold } .orange { color:#F90;font-weight:bold } </style> </head> <body> <table width='100%' height='85%' align='center'> <tr> <td valign='middle'> <table align='center' cellpadding="4" class="tablefill"> <tr> <td width="100%" align="center" nowrap="nowrap"> A pagina esta sendo redirecionada...<br /><br /> Aguarde enquanto o transferimos...<br /><br /> (<a href='http://www.google.com.br'>ou clique aqui se não quer esperar</a>) </td> </tr> </table> </td> </tr> </table> </body> </html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 John Doe Postado Janeiro 11, 2004 Denunciar Share Postado Janeiro 11, 2004 Depois você incrementa isso usando uma animação em flash.... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 diraol Postado Janeiro 11, 2004 Denunciar Share Postado Janeiro 11, 2004 seguinte pietro........ se esse código ai não resolver você vai ter que fazer com ASP ou PHP....... tipo, aquilo lá é feito com linguagem dinâmica.........talvez esse exemplo do adriel funcione.... mas não sei.... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - Pietro - Postado Janeiro 12, 2004 Denunciar Share Postado Janeiro 12, 2004 Caraca.... Olha o tamanho desse script! Vixi!Mas beleza!Bom, vou fazer o teste, mas, entendo um poquito de asp e se for o caso, posso estar aberto a sugestões na mesma tecnologia.Agradeço à atenção de todos vocês.Abraços! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 John Doe Postado Janeiro 12, 2004 Denunciar Share Postado Janeiro 12, 2004 Caraca.... Olha o tamanho desse script! Vixi!Mas beleza!Bom, vou fazer o teste, mas, entendo um poquito de asp e se for o caso, posso estar aberto a sugestões na mesma tecnologia.Agradeço à atenção de todos vocês.Abraços! Se c for ver, o básico desse script tá no topo:<meta http-equiv='refresh' content='2; url=http://www.google.com.br' />Nessa linha ... você altera o dois para o num. de segundos que você quer que a página redirecione. Aquela url é a página para onde o usuário será redirecionado. Mora? Abraços,John Doe OBS:O código tá grande por cause do estilo que ele colocou. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - Pietro - Postado Janeiro 12, 2004 Denunciar Share Postado Janeiro 12, 2004 Mas, se o camarada anotar o endereço e navegar diretamente pela barra de endereços... não seria muito amador do programador permitir esse tipo de coisa?Eu sugeria realmente sua navegação pelo link fornecido pela página, ou então aguardar o carregamento da mesma.Isso somente seria possível através de linguagens do gênero como ASP e PHP?Bom, se for o caso, como o fazer?Abraços! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 diraol Postado Janeiro 12, 2004 Denunciar Share Postado Janeiro 12, 2004 sim... isso só com linguagens dinamicas (asp, php, etc)...vou te passar pra asp ok???falou Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 noob Postado Janeiro 12, 2004 Denunciar Share Postado Janeiro 12, 2004 Caraca.... Olha o tamanho desse script! Vixi!Mas beleza!Bom, vou fazer o teste, mas, entendo um poquito de asp e se for o caso, posso estar aberto a sugestões na mesma tecnologia.Agradeço à atenção de todos vocês.Abraços! Cara você exagero !!! olha mesmo o tamanho você copiou o css inteiro do fórum ! UHUAHUAa<meta http-equiv='refresh' content='2; url=http://www.google.com.br' /><style type='text/css'>html {overflow-x: auto} BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #000; margin:0px;padding:0px;background-color:#FFF; text-align:center }TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #000; }a:link, a:visited, a:active { text-decoration: underline; color: #000 }a:hover { color: #465584; text-decoration:underline }.tablefill { border:1px solid #345487;background-color:#F5F9FD;padding:6px; }</style></head><body><table width='100%' height='85%' align='center'><tr> <td valign='middle'> <table align='center' cellpadding="4" class="tablefill"> <tr> <td width="100%" align="center" nowrap="nowrap"> A pagina esta sendo redirecionada...<br /><br /> Aguarde enquanto o transferimos...<br /><br /> (<a href='http://www.uol.com.br'>ou clique aqui se não quer esperar</a>) </td> </tr></table> </td></tr></table></body></html>Isso já basta[]'s Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - Pietro - Postado Janeiro 13, 2004 Denunciar Share Postado Janeiro 13, 2004 Isso é verdade, já testei e apenas este pedaço é suficiente. Suficiente apenas para fazer um charme, pois a pessoa pode anotar o endereço da url e seguir diretamente por ela, sem esperar o tempo proposto, ou pelo link submetido junto a página de espera.Gostaria de fazer algo realmente dinâmico para ele esperar o carregamento da página sem ter a ação de quere correr por lados não permitidos.Entedes?Valeu! Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Pietro
Olá meus camaradas!
Olha eu aqui, o mais novo membro!
Estou curioso para saber como se faz esse esqueminha de carregamento de página, como aqui no fórum, alguém sabe?
Valeu!
Link para o comentário
Compartilhar em outros sites
11 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.