Skip to main content

Bug Tracker

Side navigation

#5719 closed bug (invalid)

Opened December 27, 2009 08:41PM UTC

Closed December 28, 2009 02:06AM UTC

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 December 27, 2009 08:41PM UTC.
  • menu.css (3.9 KB) - added by mauriciojds December 27, 2009 08:41PM UTC.
Change History (1)

Changed December 28, 2009 02:06AM UTC by dmethvin comment:1

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