Bug Tracker

Opened 10 years ago

Closed 10 years ago

#5719 closed bug (invalid)

IE problems

Reported by: mauriciojds Owned by:
Priority: major Milestone: 1.4
Component: unfiled Version: 1.3.2
Keywords: Cc:
Blocked by: Blocking:

Description

Hi people! I have the following code:


<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01 TransitionalEN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>.::Mauricio JS - Developing Solutions::.</title>

<link href="menu.css" type="text/css" rel="stylesheet" />

<link rel="stylesheet" type="text/css" href="estilo.css" /> <script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

function aumenta(quem){

$(quem).animate({width: "110px", height: "110px"}, 250 );

}

function diminui(quem){

$(quem).animate({width: "100px", height: "100px"}, 250 );

}

function muda(a, b, c) {

mudaMenuTopo(a, b); mudaConteudo(c);

}

function mudaMenuTopo(texto, id) {

/*Seta o titulo vigente*/ $("#containerTituloT").animate({opacity:0}, 300, "linear", function(){containerTituloT.innerHTML=texto;} ); $("#containerTituloT").animate({opacity:100}, 500);

/*reseta as classes dos botoes do menuTopo, asism ninguem fica destacado*/ btnHome.className='menuTopoBtnOff'; btnProfissional.className='menuTopoBtnOff'; btnSolucoes.className='menuTopoBtnOff'; btnFale.className='menuTopoBtnOff'; btnFale.className='menuTopoBtnOff';

/*Destaca apenas o botao que esta em vigor*/ id.className='menuTopoBtnOn';

/*Reseta qual sub-menu exibir*/ if (id!=btnProfissional){

$("#containerMenuCorpoProfissional").hide(500);

} if (id!=btnSolucoes){

$("#containerMenuCorpoSolucoes").hide(500);

} if (id!=btnHome){

$("#containerMenuCorpoHome").hide(500); $("#containerWindowHome").hide(500);

}

/*Exibe um sub-menu, caso haja*/ if (id==btnProfissional){

$("#containerMenuCorpoProfissional").show(500);

} if (id==btnSolucoes){

$("#containerMenuCorpoSolucoes").show(500);

} if (id==btnHome){

$("#containerMenuCorpoHome").show(500);

}

}

function mudaConteudo(pag) {

homee="<br><br><br><br><br><br><br><br><br><br><br>Here is home<br><br><br><br><br><br><br><br><br><br><br>"; profissional="<br><p>Sou técnico de processamento de dados e estudante do curso superior de Sistemas de Informação. Trabalho a três anos na área de tecnologia da informação e atualmente presto suporte aos clientes da empresa <a target='_blank' href='http://www.trendnet.com'>TRENDnet</a>.</p><p> Tenho como objetivo a curto prazo atuar de forma integral na área de programação, por isso, me dedico ao estudo da linguagem PHP e ASP.NET, e dentro de dois meses começarei a investir meu tempo no estudo da linguagem JAVA.</p><p> No menu acima é possível conhecer cada detalhe de minha vida acadêmica e profissional, <i>fique à vontade</i>.</p>"; solucoes="<br><br><p>Trabalhando a mais de três anos na área de tecnologia da informação, absorvi experiência e conhecimento o suficiente para lhe prestar alguns serviços. São eles:</p><p> <a href='#'>Criação de websites</a> – Não há duvidas de que a web já faz parte de qualquer negócio. Hoje em dia se você não tem seu espaço na web com certeza você está perdendo público. Também não adianta nada simplesmente estampar sua marca na web. Por isso, desenvolvo sites com <i>inteligência</i>, entendendo e atendendo suas <i>necessidades</i>. <a href='#'>Saiba mais</a>. </p><p><a href='#'>Planejamento e montagem de redes</a> – Hoje em dia é muito comum encontrar pequenas, médias e grandes empresas que possuam mais que um ou dois computadores. E nesses casos é importante a criação de uma rede para o compartilhamento das informações, assim aumenta-se a produtividade e eficiência do seu negócio. <a href='#'>Saiba mais</a>. </p><p><a href='#'>Circuito on-line de câmeras</a> – O que acha de visualizar cada corredor de sua empresa de onde estiver? Pois então, isso é possível. Com a instalação de câmeras apropriadas e um sistema eficaz você pode visualizar como vai o seu negócio de qualquer parte do mundo. <a href='#'>Saiba mais</a>.</p><br /><p align='right'>Se interessou por algum serviço? <a href='#'>Fale comigo!</a><br><br>"; falecomigo="<br><br><br><br><br><br><br><br><br><br><br>Here is Fale comigo<br><br><br><br><br><br><br><br><br><br><br>";

if (pag=='home'){ $("#containerCorpoCamada1").animate({opacity:0}, 300, "linear", function(){containerTexto.innerHTML=homee;containerEspacamento.innerHTML="<br><br><br><br>"} ); $("#containerCorpoCamada1").animate({opacity:100}, 500); }

if (pag=='profissional'){ $("#containerCorpoCamada1").animate({opacity:0}, 300, "linear", function(){containerTexto.innerHTML=profissional;containerEspacamento.innerHTML="<br><br><br><br><br><br><br><br><br><br>"} ); $("#containerCorpoCamada1").animate({opacity:100}, 500);

}

if (pag=='solucoes'){ $("#containerCorpoCamada1").animate({opacity:0}, 300, "linear", function(){containerTexto.innerHTML=solucoes;containerEspacamento.innerHTML="<br><br><br><br>"} ); $("#containerCorpoCamada1").animate({opacity:100}, 500); }

if (pag=='falecomigo'){ $("#containerCorpoCamada1").animate({opacity:0}, 300, "linear", function(){containerTexto.innerHTML=falecomigo;} ); $("#containerCorpoCamada1").animate({opacity:100}, 500); }

}

</script>

</head>

<body onLoad="muda('Home', btnHome, 'home');">

<div id="containerFundo"></div>

<div style="text-align:center; margin-top:-215px">

<div style="margin-left:auto; margin-right:auto; width:900px; text-align:left;">

<div id="containerLogoTopo"></div>

<div id="containerMenuTopo">

<ul>

<li><a href="#" id="btnHome" class="menuTopoBtnOn" onClick="muda('Home', this, 'home');">Home</a></li> <li><a href="#" id="btnProfissional" class="menuTopoBtnOff" onClick="muda('O Profissional', this, 'profissional');">O Profissional</a></li> <li><a href="#" id="btnSolucoes" class="menuTopoBtnOff" onClick="muda('As Soluçoes', this, 'solucoes');" >As Soluções</a></li> <li><a href="#" id="btnFale" class="menuTopoBtnOff" onClick="muda('Fale Comigo', this, 'falecomigo');" >Fale Comigo</a></li>

</ul>

</div>

<div id="containerTitulo"><h1 id="containerTituloT">Home</h1></div>

<div id="containerSimboloTopo"></div>

<div id="containerBackground">

<div id="containerCorpoCamada1">

<!--Profissional--> <div id="containerMenuCorpoProfissional">

<ul>

<li><a href="#"id="" class="menuCorpoBtnOff" onClick="muda('Home', this);">Formação</a></li> <li><a href="#" id="" class="menuCorpoBtnOff" onClick="muda('O Profissional', this);">Experiências</a></li> <li><a href="#"id="" class="menuCorpoBtnOff" onClick="muda('As Soluçoes', this);" >Cursos Complementares</a></li> <li><a href="#"id="" class="menuCorpoBtnOff" onClick="muda('Fale Comigo', this);" >Certificações</a></li>

</ul>

</div>

<!--Solucoes--> <div id="containerMenuCorpoSolucoes">

<ul>

<li><a href="#"id="" class="menuCorpoBtnOff" onClick="muda('Home', this);">Crio Seu Site</a></li> <li><a href="#" id="" class="menuCorpoBtnOff" onClick="muda('O Profissional', this);">Monto Sua Rede</a></li> <li><a href="#"id="" class="menuCorpoBtnOff" onClick="muda('As Soluçoes', this);" >Ajudo a Protejer Seu Negócio</a></li>

</ul>

</div>

<!--Home--> <div id="containerMenuCorpoHome">

<a href="#"><img id="btnImgProfissional" src="images/imgProfissional.png" onMouseOver="aumenta(this)" onMouseOut="diminui(this)"/></a><br /> <a href="#"><img id="btnImgSolucoes" src="images/imgProfissional.png" onMouseOver="aumenta(this)" onMouseOut="diminui(this)" /></a><br /> <a href="#"><img id="btnImgFaleComigo" src="images/imgProfissional.png" onMouseOver="aumenta(this)" onMouseOut="diminui(this)" /></a><br />

</div>

<!--Todos menos home - esta desativado! --> <img src="images/imgProfissional.png" id="containerImagem" />

<!--Todos menos home-->

<p id="containerTexto"><!--Nesta tag vem conteudo--></p>

</div> </div>

</div>

</div> <span id="containerEspacamento"></span>

<div id="containerRodape">Copyright © 2009 Todos os direitos reservados.</div>

</body>

</html>


It is working well in firefox, but not in ie. could you see what is happening? I couldn't find it...

Attachments (2)

estilo.css (1.7 KB) - added by mauriciojds 10 years ago.
menu.css (3.9 KB) - added by mauriciojds 10 years ago.

Download all attachments as: .zip

Change History (3)

Changed 10 years ago by mauriciojds

Attachment: estilo.css added

Changed 10 years ago by mauriciojds

Attachment: menu.css added

comment:1 Changed 10 years ago by dmethvin

Resolution: invalid
Status: newclosed

Hi, this is a bug tracker. It sounds like you need to ask for help on the jQuery group:

http://groups.google.com/group/jquery-en/topics?gvc=2

Note: See TracTickets for help on using tickets.