Jump to content


weslley clyton

Member Since 23/11/2009
Offline Last Active 22/03/2013, 11:16
-----

#1017992 Configuração De Página Em Html Para Impressão

Posted by weslley clyton on 17/04/2012, 09:57

Olá...

Estou loucamente procurando por uma resposta para minhas duvidas..
já procurei tanto na web, e ainda não consegui suprimir minhas duvidas e problemas..
Vou fazer uma listinha aqui do que me aflige e vamos ver até onde podem me ajudar.

* Como colocar Cabeçalho e Rodapé em todas as paginas que serão impressas..
(Este cabeçalho e rodapé serão personalizados, com imagens ou mesmo html.)

* Como fazer com que o cabeçalho de uma tabela apareça em todas as folhas de inpressão.
(eu tenho a sginte tabela:
|nome |sexo|
|weslley| M |

esta tabela tem várias linhas com nomes e o respectivo sexo, vai chegar uma hora eu essa tabela ultrpassará uma folha, assim quando der essa quebra de página eu quero que a primeira linha dessa nova pagina seja o cabeçalho da tabela |nome |sexo| e abaixo novamente o restante do resoltado).

* Como dar as margens corretamente para a pagina de impressão em todas as paginas a serem impressas.

* Como configurar a impressão para imprimir em paisagem sem ter que modificar no navegador.


Aposto que essas são as duvidas de várias pessoas.
Até e dese já agradeço.


#1002463 Div Flutuante

Posted by weslley clyton on 11/08/2010, 14:17

Ae galera.. sei que ja tem um monte de tópico falando sobre div flutuante, mas não consegui achar resposta para meu problema..

é o seguinte, eu tenho minha div flutuante funcionando e posicionada no lugar que eu quero tudo certinho ... o único problema é que o lugar onde eu sei a divi fica com o espaço do tamanho da div...

como eu sei que uma imagem vale por mil palavras ta ai a tela:

Posted Image

a foto do boi é a div flutuante e o espaço selecionado é onde eu inseri a div e ficou em branco..

o código

<style>
#foto_teste{ position: relative; width: 273px; height: 227px; top: -210px; left: -758px; z-index:12}
</style>

<table width="1016" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="padding-bottom:25px;">
        	<div style="float:left" class="index_arvore"></div>
            <div style="float:right" class="index_informativo"></div>
        </td>
      </tr>
      <tr>
        <td align="right" valign="top" style="padding-bottom:68px;">
        	<table width="970" border="0" cellspacing="0" cellpadding="0">
  			  <tr>
    			<td width="472">
    				<div style="background:#9C0; height:26px; width:435px; padding:28px 0 20px 37px"><!--url(img/site/bg_titulo_transp.png) top left-->
                    	<img src="img/site/titulos/em_destaque.png" width="370" height="23" />
                    </div>
        			<div style="background:#990; height:232px"><!--url(img/site/bg_conteudo_trans.png) top left-->
       	    <div style="float:right; background:#dbb661; width:233px; height:149px; margin-top:36px; padding:10px;">
                        	<div style="padding-bottom:14px;">Nome: Banbino UZNome: Banbino UZ</div>
                            <div style="padding-bottom:3px;">Descri&ccedil;&atilde;o</div>
                            <div align="justify">
A ra&ccedil;a Tabapu&atilde; participou da Expozebu 2010 em Uberaba (MG) com 219 animais, sendo 141 f&ecirc;meas e 78 machos, al&eacute;m de 4 matrizes modelos. Participaram criadores do Norte ao Sul do pa&iacute;s. O julgamento da ra&ccedil;a aconteceu no dia 06 de maio, foi julgado ...</div>
                      </div>
                    </div>
    			</td>
    			<td width="498" align="left" valign="top">
                	<div style="background:#9C0; height:26px; width:409px; padding:28px 0 20px 37px"></div><!--url(img/site/bg_titulo_transp.png) top left-->
                  <div style="background:#990; height:232px; width:446px;"></div><!--url(img/site/bg_conteudo_trans.png) top left-->
                </td>
  			  </tr>
			</table>
			<!--Div Flutuante-->
            <div id="foto_teste"><img src="img/site/destaque.png" /></div>
        </td>
      </tr>
      <tr>
        <td align="center" valign="top">
        	<div style="background:url(img/site/tracejado.png) repeat-x; height:5px;"></div>
            <table width="970" border="0" cellspacing="0" cellpadding="0" style="margin-top:17px;">
  			  <tr>
    			<td width="287">
                	<div style="background:url(img/site/bg_titulo_transp.png); height:13px; padding:13px 0 12px 9px">
                    	<img src="img/site/titulos/newsletter.png" width="156" height="14" />
                    </div>
                    <div style="background:url(img/site/bg_conteudo_trans.png); height:155px; padding:10px;">
                    	<div style="margin-bottom:10px;">Cadastre seu e-mail e receba os informativos e novidades da fazenda copacabana.</div>
                        <div style="margin-bottom:3px;">Nome</div>
                        <div><input type="text" style="width:267px; height:20px;"/></div>
                        <div style="margin-bottom:3px; margin-top:3px">Nome</div>
                        <div><span style="margin-top:10px;">
                          <input type="text" style="width:267px; height:20px;"/>
                        </span></div>
                        <div align="right" style="margin-top:10px;"><input type="image" src="img/site/bt_enviar.png" /></div>
                    </div>
                </td>
                <td width="40" style="background:url(img/site/traceja_pe.png) repeat-y center;"></td>
                <td width="288" valign="top">
                	<div align="left" style="height:58px">
                    	<div style="float:left"><img src="img/site/logo_nticias.png" width="37" height="38" /></div>
                        <div style="float:left; padding-left:7px; margin-top:12px;"><img src="img/site/titulos/ultimas_noticias.png" width="152" height="14" />
                        </div>
                    </div>
                    <div>
                    	<div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                        <div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                        <div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                        <div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                      <div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                        <div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
<div>06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                        
                  </div>
                </td>
                <td width="37" style="background:url(img/site/borda_not.png) repeat-y center">&nbsp;</td>
                <td width="318">
                	<div align="left" style="height:58px">
                    	<div style="float:left"><img src="img/site/logo_eventos.png" width="37" height="38" /></div>
                        <div style="float:left; padding-left:7px; margin-top:12px;"><img src="img/site/titulos/ultimos_eventos.png" width="152" height="14" />
                        </div>
                    </div>
                    <div>
                    	<div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                        <div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                        <div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                        <div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                      <div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                        <div style="padding-bottom:10px;">06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
<div>06/2010 - 13&ordm; Leil&atilde;o Ber&ccedil;o do Tabapu&atilde;</div>
                        
                  </div>
                </td>
  			  </tr>
			</table>
        </td>
      </tr>
    </table>



ajudem ai =D..

até


#993761 Ajuda Com Código De Multiplos Arquivos

Posted by weslley clyton on 05/02/2010, 14:34

Olá pessoal... seguinte eu entendo oque o codigo faz por um todo.. mas queria entender oque ele esta fasendo em kda linha para que possa modificar corretamento o arquivo..

Este é o arquivo check.php

$fileArray = array();
foreach ($_POST as $key => $value) {
	if ($key != 'folder') {
		if (file_exists($_SERVER['DOCUMENT_ROOT'] . $_POST['folder'] . '/' . $value)) {
			$fileArray[$key] = $value;
		}
	}
}
echo json_encode($fileArray);

este é o arquivo uploadfy.php


if (!empty($_FILES)) {
	$tempFile = $_FILES['Filedata']['tmp_name'];
	$targetPath = $_SERVER['DOCUMENT_ROOT'] . $_REQUEST['folder'] . '/';
	$targetFile =  str_replace('//','/',$targetPath) . $_FILES['Filedata']['name'];
		
		move_uploaded_file($tempFile,$targetFile);
		echo "1";

}


e este é o index.php

<!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>Uploadify Example Script</title>
<link href="/example/css/default.css" rel="stylesheet" type="text/css" />
<link href="/example/css/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/example/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/example/scripts/swfobject.js"></script>
<script type="text/javascript" src="/example/scripts/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("#uploadify").uploadify({
		'uploader'       : 'scripts/uploadify.swf',
		'script'         : 'scripts/uploadify.php',
		'cancelImg'      : 'cancel.png',
		'folder'         : 'uploads',
		'queueID'        : 'fileQueue',
		'auto'           : true,
		'multi'          : true
	});
});
</script>
</head>

<body>
<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify" />
<p><a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">Cancel All Uploads</a></p>
</body>
</html>



Contudo este é um Jquery que faz upload de multiploas arquivos, eu estou tentando modifica-lo para que eu possa tratar imagens, como tamanho e qualidade.. flws

desde ja agradeço.


em anexo todos os arquivos deste maravilhoso jquery...

Attached Files




IPB Skin By Virteq