Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jackvalantine

[Resolvido] criar o fundo sobre a página

Por , em Javascript

Recommended Posts

jackvalantine    0

jackvalantine
Postado

E ai pessoal td beleza... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

seguinte, fiz um codigo e esta rodando normalmente no firefox, porem no IE ta dando "argumento inválido",já li reli e nada de achar o erro...então se vcs puderem me ajudar eu ficaria muito agradecido...

 

segue os codigos...

 

index.php

<html>
<head>
	<title>teste</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<script type="text/javascript" src="js/funcoes.js"></script>[color="#FF0000"]//função javascript[/color]
<head>
<body>
<div id="fundo">
<div id="anda"><p>Andamento</p>
<label class="centro">
<input name="barcode" type="text" id="barcode" size="29" onBlur="Ativar_form()">
<p class="cod">Codigo de Barra.</p>
</div>
</body>
</html

 

funcao.js

// Chama a função loadFunctions ao carregar a página
window.onload = loadFunctions;

// Função que chama outras funções
function loadFunctions() {
	focusNome();
}
	
function gE(ID) {
	return document.getElementById(ID);
}

function gEs(tag) {
	return document.getElementsByTagName(tag);
}	

// Esta função seta o focus ao campo nome do formulário
function focusNome() {
	// Se hão houver o campo nome aborta a função
	if (!gE('barcode')) return false;
	// Concede o focus ao campo nome do cadastro
	gE('barcode').focus();
}


function Ativar_form()
{
var barcode = gE('barcode').value;

	if(barcode == '')
		{ 
			return false;
		}
	if(barcode != '') 
	{
		//Executa a função que cria o fundo da pagina
		exibirBgBody();
		//Cria uma div que conterá o retorno
		boxCad();
		//chama a função do ajax
		var ajax = abreajax();
		//declaramos o recepiente
		if(ajax)
		{
			var recipiente = gE('boxCad');
			//metodo e pagina a serem utilizados
			ajax.open('GET','ajax/paginaretorno.php?bar='+barcode,true);
			//funçoes padrão do ajax
			ajax.onreadystatechange = function() 
			{
				if (ajax.readyState == 1) 
					{
					// Cria o efeito de loading
					loading(true);	
					} // if->readyState->1
				if (ajax.readyState == 4) 
					{
						if (ajax.status== 200) 
						{
						// Remove o efeito de loading
						loading(false);
						// Pega o conteúdo - HTML - da página requisitada: formulario.php?ajax=true e coloca dentra da div definida na variável recipiente
						recipiente.innerHTML = ajax.responseText;
						// Chama a função que trabalha sobre os botões de Ok e Cancelar
						} // if-status->200
					} // if->readyState->4
			} // ajax->onreadystatechange
		// Envia a requisição
		ajax.send(null);
		}
		// Evita o reload da página
		return false;
	}
}
// Utilizado para criar o fundo sobre a página (wiewport), body.
function exibirBgBody() {
	// Seleciona a tag body. item(0) por que só existe uma tag body
	var tagBody = gEs('body').item(0);
	// Pega os tamanhos atuais da página, como largura, altura, ...
	var sizesPage = getPageSize();
	// Vamos criar uma tag div
	var bgBody = document.createElement('div');
	// Setar o atributo ID a div criada
	bgBody.setAttribute('id','bgBody');
	// Essa div terá o tamanho exato da página
	bgBody.style.height = arrayPageSize[1] + 'px';
	// Essa div terá a largura exata da página
	bgBody.style.width = arrayPageSize[0] + 'px';
	// Evita criar a div novamente
	if (!gE('bgBody')) {
		tagBody.insertBefore(bgBody, tagBody.firstChild);
	}	
}

// Cria a div denominada como boxCad, a qual conterá o formulário de cadastro
function boxCad() {
	// Cria um 'container' que comportará o formulário de cadastro.
	var objBody = gEs('body').item(0);
	var sizesPage = getPageSize();
	var boxCad = document.createElement('div');
	boxCad.setAttribute('id','boxCad');
	var wPage = arrayPageSize[0]; // Largura total da página
	var hPage = arrayPageSize[1]; // tamanho total da página
	/*boxCad.style.width = (wPage / 2) + 'px'; // metade da largura da página*/
	boxCad.style.height = (wPage / 2) + 'px'; // metada da altura da página
	boxCad.style.marginTop = -(wPage / 4) + 'px'; // 1 quarto da largura
	//boxCad.style.marginLeft = -(wPage / 4) + 'px'; // 1 quarto da altura
	objBody.insertBefore(boxCad, objBody.lastChild);
}



// Utilizado para criar o efeito de loading
function loading(opt) {
	if (opt == true) {
		// A tag que receberá a img de loading
		var refer = gE('bgBody');
		// O tamanho da referida tag
		var referHeight = refer.offsetHeight;
		// Dizemos que os elementos dentro dela será alinhado ao centro
		refer.style.textAlign = 'center';
		// Criamos uma imagem, img.
		var img = document.createElement('img');
		// Informamos o caminho da img
		img.setAttribute('src','imagens/imgLoading.gif');
		// Setamos um atributo ID na img criada
		img.setAttribute('id','loading');
		// Definimos seu tamanho
		img.setAttribute('width','126');
		// Dizemos que o margin-top será a metada do tamanho da div
		img.style.marginTop = (referHeight /2) + 'px';
		// Evita que seja criada duas ou mais img de loading
		if (!document.getElementById('loading')) {
			// Insere a img na tag informada na variável refer
			refer.insertBefore(img, refer.firstChild);
		}
	} else if (opt == false) {
		// Referenciamos a img de login através de seu ID
		var imgLoading = gE('loading');
		// Removemos a img de loading
		if (imgLoading) {
			imgLoading.parentNode.removeChild(imgLoading);
		}
	}
}

/* Funções de terceiros */
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
//
function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 

}

paginaretorno.php

<?php
// Este primeiro header, corrigi o problema de acentuação dos caracteres.
header('Content-Type: text/html; charset=iso-8859-1');
// Os dois headers seguintes, evitam que a página seja armazenada em cache no navegador.
header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); // Date in the past

include('../SQL/coneccao.php');

$barcode = $_GET["bar"];



$grava_andamento = "INSERT INTO tb_remessacvl (remcvl_numeroremessa) VALUES ($barcode)";
$resul_andamento = pg_query($grava_andamento);
if($resul_andamento)
{
?>
<div id="retorno" style="background:#FFFFFF"><?php echo "Funciona";?></div>

<?
}
else
{
echo "nada funciona";
}

?>

Compartilhar este post

Link para o post
Compartilhar em outros sites

DSerma    19

DSerma
Postado

Mas em qual linha ele acusa esse erro ??

 

Abraços...

Compartilhar este post

Link para o post
Compartilhar em outros sites

DSerma    19

DSerma
Postado

Então.. quando perguntei em ql linha acusa o erro... eu esperava q você mostrasse no código ql a linha do erro.... o npumero dela nao me importa.. quero saber ql é a linha em si...

 

Abraços...

Compartilhar este post

Link para o post
Compartilhar em outros sites

jackvalantine    0

jackvalantine
Postado

pessoal descobri que o erro se encontra nessa função, na ultima linha

 

// Cria a div denominada como boxCad, a qual conterá o formulário de cadastro
function boxCad() {
	// Cria um 'container' que comportará o formulário de cadastro.
	var objBody = gEs('body').item(0);
	var sizesPage = getPageSize();
	var boxCad = document.createElement('div');
	boxCad.setAttribute('id','boxCad');
	var wPage = arrayPageSize[0]; // Largura total da página
	var hPage = arrayPageSize[1]; // tamanho total da página
	/*boxCad.style.width = (wPage / 2) + 'px'; // metade da largura da página*/
	boxCad.style.height = (wPage / 2) + 'px'; // metada da altura da página
	boxCad.style.marginTop = -(wPage / 4) + 'px'; // 1 quarto da largura
	//boxCad.style.marginLeft = -(wPage / 4) + 'px'; // 1 quarto da altura
	objBody.insertBefore(boxCad, objBody.lastChild);  [b][color="#FF0000"]-------------------------------------ERRO APRESENTADO[/color][/b]
}

continuo sem entender, aparentemente esta todo correto.....vai entender.....hehehehe

Compartilhar este post

Link para o post
Compartilhar em outros sites

jackvalantine    0

jackvalantine
Postado

moderador pode fechar,problema resolvido...

 

 

foi só retirar a ultima instancia que funcionou,só não me perguntem o porque,se quiserem saber pergutem ao tio BILL......hehehe http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

// Cria a div denominada como boxCad, a qual conterá o formulário de cadastro
function boxCad() {
	// Cria um 'container' que comportará o formulário de cadastro.
	var objBody = gEs('body').item(0);
	var sizesPage = getPageSize();
	var boxCad = document.createElement('div');
	boxCad.setAttribute('id','boxCad');
	var wPage = arrayPageSize[0]; // Largura total da página
	var hPage = arrayPageSize[1]; // tamanho total da página
	/*boxCad.style.width = (wPage / 2) + 'px'; // metade da largura da página*/
	boxCad.style.height = (wPage / 2) + 'px'; // metada da altura da página
	boxCad.style.marginTop = -(wPage / 4) + 'px'; // 1 quarto da largura
	//boxCad.style.marginLeft = -(wPage / 4) + 'px'; // 1 quarto da altura
	objBody.insertBefore(boxCad);  [b][color="#FF0000"]-------------------------------------LINHA CORRIGIDA[/color][/b]
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

jackvalantine    0

jackvalantine
Postado

moderador pode fechar,problema resolvido...

 

 

foi só retirar a ultima instancia que funcionou,só não me perguntem o porque,se quiserem saber pergutem ao tio BILL......hehehe http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

// Cria a div denominada como boxCad, a qual conterá o formulário de cadastro
function boxCad() {
	// Cria um 'container' que comportará o formulário de cadastro.
	var objBody = gEs('body').item(0);
	var sizesPage = getPageSize();
	var boxCad = document.createElement('div');
	boxCad.setAttribute('id','boxCad');
	var wPage = arrayPageSize[0]; // Largura total da página
	var hPage = arrayPageSize[1]; // tamanho total da página
	/*boxCad.style.width = (wPage / 2) + 'px'; // metade da largura da página*/
	boxCad.style.height = (wPage / 2) + 'px'; // metada da altura da página
	boxCad.style.marginTop = -(wPage / 4) + 'px'; // 1 quarto da largura
	//boxCad.style.marginLeft = -(wPage / 4) + 'px'; // 1 quarto da altura
	objBody.insertBefore(boxCad);  [b][color="#FF0000"]-------------------------------------LINHA CORRIGIDA[/color][/b]
}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito