• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

c3ejo0

[resolvido] imagens png + formulario no IE6

11 mensagens neste tópico

A situação e a seguinte: tenho uma página com imagens em png, com um formulário e logicamente um botão de submit.

No Firefox funciona bem. Para resolver a situação das imagens com o fundo transparente no IE6 recorri com sucesso ao script do jquery:

<script type="text/javascript">

    $(document).ready(function(){

        $(document).pngFix(); });

</script> 

E com isto o botão de submit  deixou de funcionar. Para voltar a funcionar tenho que perscindir da transparencia das imagens....que não me dava muito jeito

Alguém me pode ajudar???

cumprimentos.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

não não! o jQuery que estou a utilizar serve para tornar as minhas imagens png com o fundo transparente.

Esta foi uma solução que encontrei para que as imagens no IE ficassem sem o fundo. No entanto  impede que o submit funcione. Não percebo agora como conciliar as duas situações (das imagens e do submit) com sucesso no IE

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Sim, mas para além de usares o pngFix, estás a usar alguma biblioteca ou alguma função em javascript que mexa no onLoad do <body>?

Mete aí o código.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

entao aqui vai:

codigo é muito grande. talves o problema esteja nalgum script que está no header...digo eu!!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>webdesign</title>

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

<script type="text/javascript" src="scripts/jquery.js"></script> 
<script type="text/javascript" src="scripts/jquery.pngFix.js"></script> 

<script type="text/javascript" language="javascript" src="files/js.js"></script>

<!--[if IE 6]>
<link href="style/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

<script type="text/javascript"> 
    $(document).ready(function(){ 
        $(document).pngFix(); }); 
</script> 

<link rel="shortcut icon" href="favicon.ico">
</head>

<body>
<center>
<div id="layout">
<!-- incio layout -->
<div id="header">
		<div class="menu">
			<ol>
				<a href="index.html"><div class="logo"></div></a>  
			 	<div class="separadorLogo"></div>
                    <a href="index.html" id="home">Home</a> 
                    <a id="servicos" a href="servicos.php">Serviços</a>
                    <a id="webdesign">Webdesign</a>
                    <a id="emprego" href="emprego.php">Emprego</a>
                    <a id="contactos" a href="contactos.php">Contactos</a>
			 </ol>
		</div><!-- fim de menu -->
</div><!--fim do header -->
    
    <div id="video"><!--inicio do pivot -->
    
</div> <!--fim do video-->  
        
     <!-- inicio content -->
    <div id="content_wd">
     	<div class="wd_bg_top">
        	<div id="heading_wd">Webdesign</div>
        </div>
        <div class="wd_body">
        	<div class="wd_texto_header">Preencha o formulário seguinte para submeter o seu pedido de orçamento. Seremos breves a analisar o seu caso.</div>
     
     			<form action="files/mailerWeb.php" method="get" name="insere" onsubmit="return verificar_webdesign()">
     			
     				<div class="wd_body_nome">
                    	<div class="wd_body_nome_txt">Nome</div>
                        <div class="wd_body_nome_fill">
                        	<input name="nome" type="text" class="caixa_nome" id="nome">
                        </div>
                  	</div>
     
     				<div class="wd_body_empresa">
                    	<div class="wd_body_empresa_txt">Empresa</div>
                        <div class="wd_body_empresa_fill">
                        	<input name="empresa" type="text" class="caixa_empresa" id="empresa">
                        </div>
                    </div>
     
     				<div class="wd_body_tlf">
                    	<div class="wd_body_tlf_txt">Telefone</div>
                        <div class="wd_body_tlf_fill">
                        	<input name="telefone" type="text" class="caixa_tlf" id="telefone">
                        </div>
                    </div>
     
     				<div class="wd_body_morada">
                    	<div class="wd_body_morada_txt">Morada</div>
                        <div class="wd_body_morada_fill">
                        	<input name="morada" type="text" class="caixa_morada" id="morada">
                        </div>
                   	</div>
     
     				<div class="wd_body_cPostal">
                    	<div class="wd_body_cPostal_txt">Código postal</div>
                        <div class="wd_body_cPostal_fill">
                        	<input name="cPostal1" type="text" class="caixa_cPostal1" id="cPostal1" maxlength="4">
                            <div class="caixa_cPostal_traco"> -</div>
                            <input name="cPostal2" type="text" class="caixa_cPostal2" id="cPostal2" maxlength="3">
                    	</div>
                 	</div>
     
     				<div class="wd_body_email">
                    	<div class="wd_body_email_txt">E-mail</div>
                        <div class="wd_body_email_fill">
                        	<input name="email" type="text" class="caixa_email" id="email">
                      	</div>
                   	</div>
     
     				<div class="wd_body_tSite">
                    	<div class="wd_body_tSite_txt">Tipo de Site</div>
                        <div class="wd_body_tSite_fill">
                          <select name="tipoSite" id="tipoSite" class="caixa_tSite">
                            <option value="1">-----------------------------------</option>
                            <option value="Apresentação da Empresa">Apresentação da Empresa</option>
                            <option value="Catálogo de Produtos">Catálogo de Produtos</option>
                            <option value="Comércio Electrónico">Comércio Electrónico</option>
                            <option value="Outro">Outro</option>
                          </select>
                        </div>
                 	</div>
     
     				<div class="wd_body_descricao">
                    	<div class="wd_body_descricao_txt">Descrição</div>
                        <div class="wd_body_descricao_fill">
                        	<textarea name="descricao" id="descricao" class="caixa_descricao"></textarea>
                            <div class="wd_body_descricao_fill_txt">Descreva resumidamente o tipo de informação que será apresentado</div>
                       	</div>
                  	</div>
     
     				<div class="wd_body_funcoes">
                    	<div class="wd_body_funcoes_txt">Funções</div>
                        <div class="wd_body_funcoes_fill">
                        	<textarea name="funcoes" id="funcoes" class="caixa_funcoes"></textarea>
                            <div class="wd_body_funcoes_fill_txt">Descreva resumidamente as funcionalidades que pretende do site. (Ex.: Administração do catálogo de produtos, estatísticas de acesso ao site, ...)</div>
                      </div>
                  	</div>

				<div class="wd_body_bt">
                    	<input type="submit" class="caixas" value="Submeter">
                  	</div>

		</form>
      
     		<div class="wd_footer_form">
            	<div class="wd_footer_form_txt">NOTA IMPORTANTE: O preenchimento deste formulário não dispensa a realização de análise conjunta entre a sua empresa e a Orbirede. Essa análise poderá ser efectuada em reunião presencial ou por outros meios.</div>
            </div>
            </div><!-- fim de wd_body -->
            
		<div class="wd_bg_down"></div>

	</div><!--fim de content_wd -->
     <!-- fim content -->
     
     <!-- fim layout -->
     </div>
     </div>
     </center>
</body>
</html>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

o ficheiro js.js apenas tem funções para verificar os campos inseridos no formulário antes de submeter. Evita que antes de submeter o form existam campos vazios, definir o numero máximo de caracteres e etc. Penso que não vale a pena postar o código. Não tem nada relacionado com o botão de submit.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

O problema que estou a ver é que esse .js defina alguma rotina no onload...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

nao.... nao creio que seja esse o problema... no entanto meto aqui parte do código:

function verificar_webdesign(){

	var form = document.insere;

	if(form.nome.value==''){
		alert("O campo do nome está vazio!");
		form.nome.focus();
		return false;
	}

	if(!isNaN(form.nome.value)){
	alert("O campo do nome não pode conter valores numéricos!");
	form.nome.focus();
	return false;
	}

	...
      ...
      ... 

	if(form.tipoSite.value==1) {
	alert("O campo de tipo de site está vazio!");
	form.tipoSite.focus();
	return false;
	}



	return true;
}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Já consegui resolver. O problema era como chamar o ficheiro iepngfix.htc no html. teria que ser assim:

<style type="text/css">
img, div { behavior: url(scripts/iepngfix.htc) }
</style>

em vez de ser um script a chama-lo como tinha inicialmente.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora