Olá pessoal!!
estou com um projeto .Net trabalhando com Master Pages.
Tenho uma página onde duas divs estão dnetro de uma div "pai". Uma dessas divs comporta um objeto tree view, e eu preciso que esta div assuma sempre a altura deste treeview.
Tentei usar height:100% e height:auto; mas nos dois casos, a div do treeview praticamente desaparece e o treeview fica invisivel.
Abaixo segue a estrutura das 3 divs e o css das mesmas:
[codebox]
<div id="dv_geral">
<div id="dv_menuLateral">AQUI FICA MEU TREEVIEW</div>
<div id="dv_Conteudo"></div>
</div>
[/codebox]
CSS:
[codebox]#dv_geral
{
top: 40px;
left: 10px;
width:980px;
min-height: 710px;
height: auto;
background-color: #f8f8f8;
border-width: 1px;
border-color: #C9C9C9;
border-style: solid;
position: absolute;
}
#dv_menuLateral
{
top: 35px;
overflow-y:auto;
overflow-x: hidden;
left: 12px;
min-height:250px;
height:auto;
width: 350px;
background-color: #f8f8f8;
border-width: 1px;
border-color: #C9C9C9;
border-style: solid;
position: absolute;
}
#dv_Conteudo
{
top: 35px;
left: 381px;
height: 660px;
width: 580px;
background-color: #f8f8f8;
border-width: 1px;
border-color: #C9C9C9;
border-style: solid;
position: absolute;
}[/codebox]
Como posso faezr para a div MenuLateral 'herde' o tamanho do treeview?
Neffertine's Content
There have been 27 items by Neffertine (Search limited from 27/04/2023)
#932823 Div Assumindo Tamanho Do Treeview
Posted by
on 25/08/2008, 16:24
in
CSS & Semântica (Tableless)
#915995 Modalpopup X Position: Fixed
Posted by
on 28/05/2008, 17:33
in
CSS & Semântica (Tableless)
Bimonti...
Esse é o CSS apenas da Modal...
A div do cabeçalho está assim:
#dv_cabecalho
{
position:fixed;
left:0px;
top:0px;
width:1002px;
height:200px;
background:#ffffff;
z-index:10;
}
Como pode ver o z-index é muito menor. E ela é fixed mesmo.
Esse é o CSS apenas da Modal...
A div do cabeçalho está assim:
#dv_cabecalho
{
position:fixed;
left:0px;
top:0px;
width:1002px;
height:200px;
background:#ffffff;
z-index:10;
}
Como pode ver o z-index é muito menor. E ela é fixed mesmo.
#915430 O Temível Ie6 E Sua Aversão A Z-index
Posted by
on 26/05/2008, 14:33
in
HTML, CSS e Metodologias
Olá Firehalk!
O IE6 Até aceita z-index, mas há alguns componentes que ele não entende bem, como o combo, iframe e outros. nesses casos, mesmo que você coloque um z-index enorme, o elemento que está por cima, será sobreposto pelo combo por exemplo.
O que eu fiz? Coloquei via javascript um iframe entre o combo e o meu menu. Assim o z-index entre os dois funciona e consigo colocar meu menu por cima do iframe!!
Obrigada pela dica de qualquer forma!!
O IE6 Até aceita z-index, mas há alguns componentes que ele não entende bem, como o combo, iframe e outros. nesses casos, mesmo que você coloque um z-index enorme, o elemento que está por cima, será sobreposto pelo combo por exemplo.
O que eu fiz? Coloquei via javascript um iframe entre o combo e o meu menu. Assim o z-index entre os dois funciona e consigo colocar meu menu por cima do iframe!!
Obrigada pela dica de qualquer forma!!
#915020 Modalpopup X Position: Fixed
Posted by
on 23/05/2008, 15:34
in
CSS & Semântica (Tableless)
Bimonti,
Segue o css... já testei como absolute também e não deu certo... O negócio fica por baixo da div que é fixed.
[codebox]/*Modal Popup*/
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
height:100%;
position:fixed;
z-index:100;
}
.modalPopup {
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width:250px;
position:fixed;
z-index:100;
}
.sampleStyleA {
background-color:#FFF;
}
.sampleStyleB {
background-color:#FFF;
font-family:monospace;
font-size:10pt;
font-weight:bold;
}
.sampleStyleC {
background-color:#ddffdd;
font-family:sans-serif;
font-size:10pt;
font-style:italic;
}
.sampleStyleD {
background-color:Blue;
color:White;
font-family:Arial;
font-size:10pt;
}[/codebox]
Segue o css... já testei como absolute também e não deu certo... O negócio fica por baixo da div que é fixed.
[codebox]/*Modal Popup*/
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
height:100%;
position:fixed;
z-index:100;
}
.modalPopup {
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width:250px;
position:fixed;
z-index:100;
}
.sampleStyleA {
background-color:#FFF;
}
.sampleStyleB {
background-color:#FFF;
font-family:monospace;
font-size:10pt;
font-weight:bold;
}
.sampleStyleC {
background-color:#ddffdd;
font-family:sans-serif;
font-size:10pt;
font-style:italic;
}
.sampleStyleD {
background-color:Blue;
color:White;
font-family:Arial;
font-size:10pt;
}[/codebox]
#914958 O Temível Ie6 E Sua Aversão A Z-index
Posted by
on 23/05/2008, 10:14
in
HTML, CSS e Metodologias
Olá a todos!
Creio que esta dúvida já apareceu muitas vezes no fórum, mas como não achei nenhuma das soluções cabíveis ao meu problema resolvi postar.
Tenho um Menu drop down em CSS no meu site. Logo abaixo dele na ordem natural da pagina vem um combo select. O problema é que no IE 6 o Select sobrepoem o menu, uma vez que IE6 não reconhece z-index.
Preciso que o drop down do menu fique por cima deste select. Como eu faço? Estou desesperada rss
Segue códigos::
HTML
[codebox]<div id="dv_menu">
<div id="menu_container">
<ul id="pmenu">
<li><a href="Frm_inicio.aspx">Início</a></li>
<li class="drop"><a href="#nogo">Remessa<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="Frm_RemessaTerceirizada.aspx" class="enclose">Terceirizada</a></li>
<li><a href="Frm_RemessaCredor.aspx">Credor</a></li>
<li><a href="Frm_HistoricoTerceirizada.aspx">Histórico Terceirizada</a></li>
<li><a href="Frm_HistoricoCredor.aspx">Histórico Credor</a></li>
</ul>
</li><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</ul>
</div>
</div>[/codebox]
CSS
[codebox]/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:0px 0 100px 15px; top:0px; position:absolute; width:735px; height:17px; z-index:100;}
/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none; left: 120px !important; top:16px !important;z-index:100;}
/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:150px; font-size:11px; color:#000000; height:20px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #eaeaea; border-width:1px 0 1px 1px;z-index:100;}
/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}
/* Set up the list items */
#pmenu li {float:left; background:#eaeaea;z-index:100;}
/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#57b0c3; color:#000000;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-21px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:150px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:22px;}
/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#57b0c3; color:#000000;}
/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#57b0c3; color:#000000;}
/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#eaeaea}
#pmenu li.drop {background:#eaeaea}
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}
/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}
/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}
/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */[/codebox]
Creio que esta dúvida já apareceu muitas vezes no fórum, mas como não achei nenhuma das soluções cabíveis ao meu problema resolvi postar.
Tenho um Menu drop down em CSS no meu site. Logo abaixo dele na ordem natural da pagina vem um combo select. O problema é que no IE 6 o Select sobrepoem o menu, uma vez que IE6 não reconhece z-index.
Preciso que o drop down do menu fique por cima deste select. Como eu faço? Estou desesperada rss
Segue códigos::
HTML
[codebox]<div id="dv_menu">
<div id="menu_container">
<ul id="pmenu">
<li><a href="Frm_inicio.aspx">Início</a></li>
<li class="drop"><a href="#nogo">Remessa<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="Frm_RemessaTerceirizada.aspx" class="enclose">Terceirizada</a></li>
<li><a href="Frm_RemessaCredor.aspx">Credor</a></li>
<li><a href="Frm_HistoricoTerceirizada.aspx">Histórico Terceirizada</a></li>
<li><a href="Frm_HistoricoCredor.aspx">Histórico Credor</a></li>
</ul>
</li><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</ul>
</div>
</div>[/codebox]
CSS
[codebox]/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:0px 0 100px 15px; top:0px; position:absolute; width:735px; height:17px; z-index:100;}
/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none; left: 120px !important; top:16px !important;z-index:100;}
/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:150px; font-size:11px; color:#000000; height:20px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #eaeaea; border-width:1px 0 1px 1px;z-index:100;}
/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}
/* Set up the list items */
#pmenu li {float:left; background:#eaeaea;z-index:100;}
/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#57b0c3; color:#000000;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-21px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:150px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:22px;}
/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#57b0c3; color:#000000;}
/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#57b0c3; color:#000000;}
/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#eaeaea}
#pmenu li.drop {background:#eaeaea}
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}
/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}
/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}
/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */[/codebox]
#914706 Greybox Abrindo Automaticamente
Posted by
on 21/05/2008, 11:05
in
Javascript / DOM / AJAX / ECMAScript
Olás Alex!!!
Agora consegui e está validando normalmente...
O problema é que a página que fica por baixo do Greybox é a de senha, e eu preciso que seja a index.asp que está no diretorio raiz (a página senha não está no mesmo diretório que a index)
Você sabe como eu poderia fazer isso?
Agora consegui e está validando normalmente...
O problema é que a página que fica por baixo do Greybox é a de senha, e eu preciso que seja a index.asp que está no diretorio raiz (a página senha não está no mesmo diretório que a index)
Você sabe como eu poderia fazer isso?
#914695 Modalpopup X Position: Fixed
Posted by
on 21/05/2008, 10:04
in
CSS & Semântica (Tableless)
Bimonti,
Nao tneho on line pois é um sistema web que a empresa que eu trabalho está desenvolvendo.
Mas segue um print Screen do que acontece quando aciono a modalpopup:
Veja que a parte 'preta' da modal não se expande no cabeçalho, onde a div é fixa...
Nao tneho on line pois é um sistema web que a empresa que eu trabalho está desenvolvendo.
Mas segue um print Screen do que acontece quando aciono a modalpopup:
Veja que a parte 'preta' da modal não se expande no cabeçalho, onde a div é fixa...
#914373 Greybox Abrindo Automaticamente
Posted by
on 19/05/2008, 11:53
in
Javascript / DOM / AJAX / ECMAScript
Alguém pode me ajudar com isso? Estou realmente precisando...
Flávia
Flávia
#913775 Modalpopup X Position: Fixed
Posted by
on 15/05/2008, 15:45
in
CSS & Semântica (Tableless)
Olá pessoal!
Minha página é feita de um cabeçalho, cuja CSS Position é fixed e do conteúdo. Estou usando o Ajax toolkit para .net.
Acontece que ao criar uma janela modal, ela não 'expande' a area opaca até a div que está fixed.
Ou seja, era para toda a pagina ficar toda em preto, mas o cabeçalho que é fixo não recebe a cor do modal.
Alguém já viveu esse problema, ou sabe como corrigí-lo?
Peço encarecidamente a ajuda de vocês
Minha página é feita de um cabeçalho, cuja CSS Position é fixed e do conteúdo. Estou usando o Ajax toolkit para .net.
Acontece que ao criar uma janela modal, ela não 'expande' a area opaca até a div que está fixed.
Ou seja, era para toda a pagina ficar toda em preto, mas o cabeçalho que é fixo não recebe a cor do modal.
Alguém já viveu esse problema, ou sabe como corrigí-lo?
Peço encarecidamente a ajuda de vocês
#913175 Greybox Abrindo Automaticamente
Posted by
on 12/05/2008, 18:05
in
Javascript / DOM / AJAX / ECMAScript
Alex,
Fiz conforme você me orientou. A página senha ficou da seguinte forma:
GB_showCenter("Área do Cliente", "area_restrita.asp?login=ativa&area=Ativa&acesso_gerais=1", 600, 500);
</script>
Porém, a página não valida o usuário e sempre aparece a msg de que os dados não estão corretos.
Abaixo estou mandando a página senha.asp só com o que retorna de html e javascript ok?
O que pode ser?
A página dá erro de script antes de aparecer a msg "dados incorretos"
Fiz conforme você me orientou. A página senha ficou da seguinte forma:
<script type="text/javascript">
<script type="text/javascript">
GB_showCenter("Área do Cliente", "area_restrita.asp?login=<%=login%>&area=<%=objrs("nome")%>&acesso_gerais=<%=objrs("acesso_gerais")%>", 600, 500);
</script>
<%
end if
end if
end if
%>
<html>
<head>
<script type="text/javascript">
var GB_ROOT_DIR = "../greybox/";
</script>
<script type="text/javascript" src="../greybox/AJS.js"></script>
<script type="text/javascript" src="../greybox/AJS_fx.js"></script>
<script type="text/javascript" src="../greybox/gb_scripts.js"></script>
<link href="../greybox/gb_styles.css" rel="stylesheet" type="text/css" /><title></title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
</head>
<body link="#000000" vlink="#000000" alink="#000000" style="border-left-style _linenums:0'><%Option ExplicitResponse.Expires = 0Dim objConn, objRS, strQueryDim strConnectionDim MM_dados_STRING%><!--#include file="dados.asp" --> <%Set objConn = Server.CreateObject("ADODB.Connection")StrConnection = MM_dados_STRINGobjConn.Open strConnectiondim senha,loginlogin = Replace(Request.Form("login"),chr(39),"''")'response.write loginsenha = Replace(Request.Form("senha"),chr(39),"''")'response.write senhaif senha <> "xxxxxxx" thenstrquery ="select * from usuarios where login='"&login&"' and senha='"&senha&"' "set objrs = objconn.execute(strquery)elsestrquery ="select * from usuarios where login='"&login&"'"set objrs = objconn.execute(strquery)end ifif objrs.eof then%><script LANGUAGE="JAVASCRIPT"> window.open("index.asp?mensagem=Dados incorretos!","_blank") window.open("../index.asp","_self")</SCRIPT><% elseif login <> "" and senha <> "" thenif login = login and senha = senha thensession("logado") = "logou"%><strong class='bbc'><script type="text/javascript"> GB_showCenter("Área do Cliente", "area_restrita.asp?login=<%=login%>&area=<%=objrs("nome")%>&acesso_gerais=<%=objrs("acesso_gerais")%>", 600, 500);</script></strong><%end ifend ifend if%> <html><head><strong class='bbc'><script type="text/javascript"> var GB_ROOT_DIR = "../greybox/"; </script> <script type="text/javascript" src="../greybox/AJS.js"></script> <script type="text/javascript" src="../greybox/AJS_fx.js"></script> <script type="text/javascript" src="../greybox/gb_scripts.js"></script> <link href="../greybox/gb_styles.css" rel="stylesheet" type="text/css" /></strong><title></title><meta name="GENERATOR" content="Microsoft FrontPage 4.0"></head><body link="#000000" vlink="#000000" alink="#000000" style="border-left-style: solid; border-left-color: #000000; border-right-style: solid; border-right-color: #000000; border-bottom-style: solid; border-bottom-color: #000000; padding-left: 10; padding-right: 10; padding-bottom: 10" bgcolor="#FFFFFF"><p align="center"> </p><p align="center"> </p><p align="center"><font size="2" face="Verdana"><b>Você não esta autorizado aacessar esta tela.</b></font></p><p align="center"><strong><font size="2" face="Arial Narrow"><font color="#000000">DadosIncorretos!</font><font color="#FF0000"> <a href="java script:history.go(-1)">Tente novamente.</a></font></font></strong></p></body></html>
GB_showCenter("Área do Cliente", "area_restrita.asp?login=ativa&area=Ativa&acesso_gerais=1", 600, 500);
</script>
Porém, a página não valida o usuário e sempre aparece a msg de que os dados não estão corretos.
Abaixo estou mandando a página senha.asp só com o que retorna de html e javascript ok?
<html><head><script type="text/javascript"> var GB_ROOT_DIR = "../greybox/"; </script> <script type="text/javascript" src="../greybox/AJS.js"></script> <script type="text/javascript" src="../greybox/AJS_fx.js"></script> <script type="text/javascript" src="../greybox/gb_scripts.js"></script> <link href="../greybox/gb_styles.css" rel="stylesheet" type="text/css" /><title></title><meta name="GENERATOR" content="Microsoft FrontPage 4.0"></head><body link="#000000" vlink="#000000" alink="#000000" style="border-left-style: solid; border-left-color: #000000; border-right-style: solid; border-right-color: #000000; border-bottom-style: solid; border-bottom-color: #000000; padding-left: 10; padding-right: 10; padding-bottom: 10" bgcolor="#FFFFFF"><p align="center"> </p><p align="center"> </p><p align="center"><font size="2" face="Verdana"><b>Você não esta autorizado aacessar esta tela.</b></font></p><p align="center"><strong><font size="2" face="Arial Narrow"><font color="#000000">DadosIncorretos!</font><font color="#FF0000"> <a href="java script:history.go(-1)">Tente novamente.</a></font></font></strong></p></body></html>
O que pode ser?
A página dá erro de script antes de aparecer a msg "dados incorretos"
#912398 Lightwindow
Posted by
on 08/05/2008, 16:33
in
HTML, CSS e Metodologias
Amigo,
o que posso te indicar é usar o Greybox. Já vi esse problema e nunca consegui entender o porque!!!
link greybox:
http://www.orangoo.com/labs/GreyBox/
o que posso te indicar é usar o Greybox. Já vi esse problema e nunca consegui entender o porque!!!
link greybox:
http://www.orangoo.com/labs/GreyBox/
#912395 Menu Css Dropdown - Link Ativo Com Cor Diferente
Posted by
on 08/05/2008, 16:19
in
CSS & Semântica (Tableless)
Nossa... nem fale... Vocês me salvam messssssssmooo!! Eu sou a usuária mais pentelha desse fórum rss...
Beezos aos dois e vou testar e conto se deu certo!!
Beezos aos dois e vou testar e conto se deu certo!!
#912362 Greybox Abrindo Automaticamente
Posted by
on 08/05/2008, 14:30
in
Javascript / DOM / AJAX / ECMAScript
Alex,
O usuário loga na index.asp. Essa tem um formulario cujo action é a página senha.asp. E essa página por sua vez abre a area_restrita.asp (isso se o usuário for autenticado.) È essa página area_restrita que eu quero que abra no greybox
SENHA.ASP
O usuário loga na index.asp. Essa tem um formulario cujo action é a página senha.asp. E essa página por sua vez abre a area_restrita.asp (isso se o usuário for autenticado.) È essa página area_restrita que eu quero que abra no greybox
SENHA.ASP
<script type="text/javascript">
GB_showCenter("Área do Cliente", "area_restrita.asp?login=<%=login%>&area=<%=objrs("nome")%>&acesso_gerais=<%=objrs("acesso_gerais")%>", 600, 500);
</script>
<%
end if
end if
end if
%>
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
</head>
<body link="#000000" vlink="#000000" alink="#000000" style="border-left-style _linenums:0'><%Option ExplicitResponse.Expires = 0Dim objConn, objRS, strQueryDim strConnectionDim MM_dados_STRING%><!--#include file="dados.asp" --> <script type="text/javascript"> var GB_ROOT_DIR = "../greybox/"; </script> <script type="text/javascript" src="../greybox/AJS.js"></script> <script type="text/javascript" src="../greybox/AJS_fx.js"></script> <script type="text/javascript" src="../greybox/gb_scripts.js"></script> <link href="../greybox/gb_styles.css" rel="stylesheet" type="text/css" /><%Set objConn = Server.CreateObject("ADODB.Connection")StrConnection = MM_dados_STRINGobjConn.Open strConnectiondim senha,loginlogin = Replace(Request.Form("login"),chr(39),"''")'response.write loginsenha = Replace(Request.Form("senha"),chr(39),"''")'response.write senhaif senha <> "xxxxxxx" thenstrquery ="select * from usuarios where login='"&login&"' and senha='"&senha&"' "set objrs = objconn.execute(strquery)elsestrquery ="select * from usuarios where login='"&login&"'"set objrs = objconn.execute(strquery)end ifif objrs.eof then%><script LANGUAGE="JAVASCRIPT"> window.open("index.asp?mensagem=Dados incorretos!","_blank") window.open("../index.asp","_self")</SCRIPT><% elseif login <> "" and senha <> "" thenif login = login and senha = senha thensession("logado") = "logou"%><strong class='bbc'><script type="text/javascript">GB_showCenter("Área do Cliente", "area_restrita.asp?login=<%=login%>&area=<%=objrs("nome")%>&acesso_gerais=<%=objrs("acesso_gerais")%>", 600, 500);</script></strong><%end ifend ifend if%> <html><head><title></title><meta name="GENERATOR" content="Microsoft FrontPage 4.0"></head><body link="#000000" vlink="#000000" alink="#000000" style="border-left-style: solid; border-left-color: #000000; border-right-style: solid; border-right-color: #000000; border-bottom-style: solid; border-bottom-color: #000000; padding-left: 10; padding-right: 10; padding-bottom: 10" bgcolor="#FFFFFF"><p align="center"> </p><p align="center"> </p><p align="center"><font size="2" face="Verdana"><b>Você não esta autorizado aacessar esta tela.</b></font></p><p align="center"><strong><font size="2" face="Arial Narrow"><font color="#000000">DadosIncorretos!</font><font color="#FF0000"> <a href="java script:history.go(-1)">Tente novamente.</a></font></font></strong></p></body></html>
#912275 Greybox Abrindo Automaticamente
Posted by
on 08/05/2008, 08:53
in
Javascript / DOM / AJAX / ECMAScript
oie alex!!
Descobri isso juntamente com sua resposta rss...
Obrigada!!
Agora está assim oo script: <script type="text/javascript">
GB_showCenter("Área do Cliente", "area_restrita.asp?login=<%=login%>&area=<%=objrs("nome")%>&acesso_gerais=<%=objrs("acesso_gerais")%>", 600, 500);
</script>
Mas a página continua sem abrir na greybox. Está abrindo numa página normal.
Descobri isso juntamente com sua resposta rss...
Obrigada!!
Agora está assim oo script: <script type="text/javascript">
GB_showCenter("Área do Cliente", "area_restrita.asp?login=<%=login%>&area=<%=objrs("nome")%>&acesso_gerais=<%=objrs("acesso_gerais")%>", 600, 500);
</script>
Mas a página continua sem abrir na greybox. Está abrindo numa página normal.
#912272 Greybox Abrindo Automaticamente
Posted by
on 08/05/2008, 08:40
in
Javascript / DOM / AJAX / ECMAScript
Obrigada Alex!!
Eu tentei isso, ficou desta forma o script:
[codebox]<script type="text/javascript">
GB_showCenter("Área do Cliente", "http://www.personals...<%=objrs("nome")%>&acesso_gerais=<%=objrs("acesso_gerais")", 600, 500);
</script>[/codebox]
E apresentou o seguinte erro:
Microsoft VBScript compilation error '800a0400'
Expected statement
/site2008/area_restrita_personal/senha.asp, line 51
=objrs("acesso_gerais")", 600, 500);
^
Sabe como posso arrumar isso?:S
Eu tentei isso, ficou desta forma o script:
[codebox]<script type="text/javascript">
GB_showCenter("Área do Cliente", "http://www.personals...<%=objrs("nome")%>&acesso_gerais=<%=objrs("acesso_gerais")", 600, 500);
</script>[/codebox]
E apresentou o seguinte erro:
Microsoft VBScript compilation error '800a0400'
Expected statement
/site2008/area_restrita_personal/senha.asp, line 51
=objrs("acesso_gerais")", 600, 500);
^
Sabe como posso arrumar isso?:S
#912183 Menu Css Dropdown - Link Ativo Com Cor Diferente
Posted by
on 07/05/2008, 17:48
in
CSS & Semântica (Tableless)
Bimonti,
Você já me salvou bem umas 20 vezes aqui no fórum, mesmo que não saiba...
Sabe como ficaria isso em asp ou vb?
Agradeço muiitoo!!!
Você já me salvou bem umas 20 vezes aqui no fórum, mesmo que não saiba...
Sabe como ficaria isso em asp ou vb?
Agradeço muiitoo!!!
#912182 Greybox Abrindo Automaticamente
Posted by
on 07/05/2008, 17:46
in
Javascript / DOM / AJAX / ECMAScript
Olá pessoal!!
Tenho uma area restrita no meu site onde o cliente digita login e senha. Abre-se então uma pop-up com a área restrita desse cliente.
Queria usar Greybox para abrir essa janela, pois além de mais bonito, é mais usual. Atualmente, o seguinte script abre a página:
[codebox]
<script LANGUAGE="JAVASCRIPT">
window.open("area_restrita.asp?login=<%=login%>&area=<%=objrs("nome")%>&acesso_gerais=<%=objrs("acesso_gerais")%>","_blank",'height=500,width=600,menubar=no,toolbar=yes,status=yes,resizable=yes,scrollbars=yes')
</SCRIPT>[/codebox]
Como faço para que essa página "area_restrita.asp" abra automaticamente em um greybox?
Desde já agradeço!!
Tenho uma area restrita no meu site onde o cliente digita login e senha. Abre-se então uma pop-up com a área restrita desse cliente.
Queria usar Greybox para abrir essa janela, pois além de mais bonito, é mais usual. Atualmente, o seguinte script abre a página:
[codebox]
<script LANGUAGE="JAVASCRIPT">
window.open("area_restrita.asp?login=<%=login%>&area=<%=objrs("nome")%>&acesso_gerais=<%=objrs("acesso_gerais")%>","_blank",'height=500,width=600,menubar=no,toolbar=yes,status=yes,resizable=yes,scrollbars=yes')
</SCRIPT>[/codebox]
Como faço para que essa página "area_restrita.asp" abra automaticamente em um greybox?
Desde já agradeço!!
#911305 Que Código é Esse?
Posted by
on 02/05/2008, 15:38
in
HTML, CSS e Metodologias
Amigo,
Acredito que com greyBox você consiga^^ (postagem dele é antiga, mas as vezes ajude até mesmo outras pessoas)
http://orangoo.com/labs/GreyBox/
Acredito que com greyBox você consiga^^ (postagem dele é antiga, mas as vezes ajude até mesmo outras pessoas)
http://orangoo.com/labs/GreyBox/
#911279 Pergunta: Como Abrir Uma Nova Pagina Ao Entrar Num Site?
Posted by
on 02/05/2008, 13:44
in
HTML, CSS e Metodologias
AMigo,
Você pode abrir uma pop-up... te ajudaria?
Se sim, coloca isso no head:
<script language="javascript">
function abrePop(){
window.open("pop_up.htm",'popup','menubar=no,scrollbars=no,
scrolling=no,adressbar=no,statsbar=no,
width=300,height=100,top=50,left=50')
}
</script>
Ali você pode editar os parametros que desejar...
E isso no seu body
<body onLoad="abrePop()">
Você pode abrir uma pop-up... te ajudaria?
Se sim, coloca isso no head:
<script language="javascript">
function abrePop(){
window.open("pop_up.htm",'popup','menubar=no,scrollbars=no,
scrolling=no,adressbar=no,statsbar=no,
width=300,height=100,top=50,left=50')
}
</script>
Ali você pode editar os parametros que desejar...
E isso no seu body
<body onLoad="abrePop()">
#911261 Esconder Div Com Javascript
Posted by
on 02/05/2008, 12:05
in
CSS & Semântica (Tableless)
Hatus,
tende colocar sua div principal, a que contém as demais como position absolute e as outras como relative, e determina a altura da Principal como 100% ok?... Me fala o que aconteceu que vou te ajudando..
tende colocar sua div principal, a que contém as demais como position absolute e as outras como relative, e determina a altura da Principal como 100% ok?... Me fala o que aconteceu que vou te ajudando..
#911260 Menu Css Dropdown - Link Ativo Com Cor Diferente
Posted by
on 02/05/2008, 12:01
in
CSS & Semântica (Tableless)
Olá pessoal!
Tenho o seguinte menu drop down em minha página:
HTML:
[codebox] <ul class="style2" id="navigation-1">
<li><a href="#" title="Movimentação de cheque">Movimentação de Cheque</a></li>
<li><a href="#" title="Products">Inconsistências</a> </li>
<li><a href="#" title="Relatórios">Relatórios</a>
<ul class="navigation-2">
<li><a href="#" title="Log In">Log In</a></li>
<li><a href="#" title="Register">Register</a></li>
</ul>
</li>
</ul>[/codebox]
CSS
[codebox]
div#container
{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #E4E4E4; height:400px; }
h1
{ width:738px; margin:1px; color:#009999; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }
p { margin:0; padding:1.2em; }
p a:link,
p a:visited,
p a:hover,
p a:active
{ font-weight:bold; color:#14A3A2; }
ul#navigation-1
{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; font:normal 8pt verdana, arial, helvetica;}
ul#navigation-1 li
{ margin:0; padding:0; display:block; float:left; position:relative; width:164px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#E4E4E4; color:#000000; width:164px; height:13px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#14A3A2; color:#ffffff; font-weight:bold; width:164px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
ul#navigation-1 li a:active
{ background:#14A3A2}
ul#navigation-1 li ul.navigation-2
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#E4E4E4; width:164px; position:absolute; top:21px; left:-1px; border:1px solid #14A3A2; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
{ display:block; }
ul#navigation-1 li ul.navigation-2 li
{ width:146px; clear:left; width:146px; }
ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
{ clear:left; background:#14A3A2; padding:4px 0; width:164px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
{ clear:left; background:#FF6633; padding:4px 0; width:164px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3
{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #14A3A2; border-left:1px solid #14A3A2; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
{ background:#14A3A2; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }
current
{ background-color:#E4E4E4 }[/codebox]
Preciso que o link ativo, ou seja o link correspondente à página em que o usuário está, assuma a cor #14A3A2 de background.
O problema é que no caso de links de submenus, a página ativa vai ser a do submenu, e eu preciso que o link marcado como ativo seja o do menu.
Exemplo: Em relatórios, se a página ativa for a do link "prorrogados - martins", o menu de "relatórios" deverá ficar ativo e desta forma assumir a cor #14A3A2 .
Alguém sabe como fazer isso?
me ajudeeeeeeeeeeem
Tenho o seguinte menu drop down em minha página:
HTML:
[codebox] <ul class="style2" id="navigation-1">
<li><a href="#" title="Movimentação de cheque">Movimentação de Cheque</a></li>
<li><a href="#" title="Products">Inconsistências</a> </li>
<li><a href="#" title="Relatórios">Relatórios</a>
<ul class="navigation-2">
<li><a href="#" title="Log In">Log In</a></li>
<li><a href="#" title="Register">Register</a></li>
</ul>
</li>
</ul>[/codebox]
CSS
[codebox]
div#container
{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #E4E4E4; height:400px; }
h1
{ width:738px; margin:1px; color:#009999; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }
p { margin:0; padding:1.2em; }
p a:link,
p a:visited,
p a:hover,
p a:active
{ font-weight:bold; color:#14A3A2; }
ul#navigation-1
{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; font:normal 8pt verdana, arial, helvetica;}
ul#navigation-1 li
{ margin:0; padding:0; display:block; float:left; position:relative; width:164px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#E4E4E4; color:#000000; width:164px; height:13px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#14A3A2; color:#ffffff; font-weight:bold; width:164px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
ul#navigation-1 li a:active
{ background:#14A3A2}
ul#navigation-1 li ul.navigation-2
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#E4E4E4; width:164px; position:absolute; top:21px; left:-1px; border:1px solid #14A3A2; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
{ display:block; }
ul#navigation-1 li ul.navigation-2 li
{ width:146px; clear:left; width:146px; }
ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
{ clear:left; background:#14A3A2; padding:4px 0; width:164px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
{ clear:left; background:#FF6633; padding:4px 0; width:164px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3
{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #14A3A2; border-left:1px solid #14A3A2; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
{ background:#14A3A2; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }
current
{ background-color:#E4E4E4 }[/codebox]
Preciso que o link ativo, ou seja o link correspondente à página em que o usuário está, assuma a cor #14A3A2 de background.
O problema é que no caso de links de submenus, a página ativa vai ser a do submenu, e eu preciso que o link marcado como ativo seja o do menu.
Exemplo: Em relatórios, se a página ativa for a do link "prorrogados - martins", o menu de "relatórios" deverá ficar ativo e desta forma assumir a cor #14A3A2 .
Alguém sabe como fazer isso?
me ajudeeeeeeeeeeem
#910081 Banner Em Flash No Estilo Microsoft
Posted by
on 24/04/2008, 11:15
in
Adobe Flash e ActionScript
Olá An Web designer!
O banner que existe no site da Microsoft e que eu dei de exemplo não é em flash, mas está circulado no print screen abaixo:
Essas barrinhas, como por exemplo a "Free Trial" quando você posiciona o mouse por cima delas, elas deslizam e abrem uma informação que estava até então 'escondida". Ele é feito no mesmo jeito que o expansível?
Acho que estou fazendo confusão e te fazendo perder tempo né amigo?
Não sei muito sobre Flash, e não sei por onde começar
Por favor, me dá uma luz... Estou precisando realmente de fazê-lo!!!
Grande abraço,
O banner que existe no site da Microsoft e que eu dei de exemplo não é em flash, mas está circulado no print screen abaixo:
Essas barrinhas, como por exemplo a "Free Trial" quando você posiciona o mouse por cima delas, elas deslizam e abrem uma informação que estava até então 'escondida". Ele é feito no mesmo jeito que o expansível?
Acho que estou fazendo confusão e te fazendo perder tempo né amigo?
Não sei muito sobre Flash, e não sei por onde começar
Por favor, me dá uma luz... Estou precisando realmente de fazê-lo!!!
Grande abraço,
#909306 Banner Em Flash No Estilo Microsoft
Posted by
on 18/04/2008, 10:48
in
Adobe Flash e ActionScript
Amigo,
Não sei se você não entendeu ou eu estou fazendo confusão. O banner é assim... vc passa o mouse, ele desliza outra informação, sem expandir nada... Continua o mesmo tamanho.
Esse expansível é diferente do que eu preciso. Pode ser que na hora de fazer tenha alguma ligação, mas o modelo é outro =/
Não sei se você não entendeu ou eu estou fazendo confusão. O banner é assim... vc passa o mouse, ele desliza outra informação, sem expandir nada... Continua o mesmo tamanho.
Esse expansível é diferente do que eu preciso. Pode ser que na hora de fazer tenha alguma ligação, mas o modelo é outro =/
#909188 Banner Em Flash No Estilo Microsoft
Posted by
on 17/04/2008, 16:10
in
Adobe Flash e ActionScript
Obrigada!!
Mas realmente não é esse =/ Eu pesquisei antes, e o expansível é neste estilo certo? http://imasters.uol....?cn=3541&cc=270
O que eu quero, a informação apenas vai pro lado na hora que se passa o mouse...
Ele não aumenta de tamanho:(
Mas realmente não é esse =/ Eu pesquisei antes, e o expansível é neste estilo certo? http://imasters.uol....?cn=3541&cc=270
O que eu quero, a informação apenas vai pro lado na hora que se passa o mouse...
Ele não aumenta de tamanho:(
#909176 Banner Em Flash No Estilo Microsoft
Posted by
on 17/04/2008, 15:36
in
Adobe Flash e ActionScript
Olá Pessoal!
Alguém sabe qual o nome deste tipo de banner?
http://www.microsoft...us/default.aspx (está na página inicial, e quando se passa o mouse nas barras ele desliza mostrando novas informações.
Preciso fazer um desse mas tenho pouco conhecimento em flash. ALguém pode me indicar algum tutorial do assunto?
Agradeço desde já
Alguém sabe qual o nome deste tipo de banner?
http://www.microsoft...us/default.aspx (está na página inicial, e quando se passa o mouse nas barras ele desliza mostrando novas informações.
Preciso fazer um desse mas tenho pouco conhecimento em flash. ALguém pode me indicar algum tutorial do assunto?
Agradeço desde já
