Ir para conteúdo

POWERED BY:

Arquivado

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

SlyX

PHP/Ajax (coisa simples eu acho)

Por , em Javascript

Recommended Posts

SlyX    0

SlyX
Postado

seguinte..

eu fiz um scriptzinho todo legal, com calendario funcionando, mas ele é todo em php, eu queria que ele funcionasse "solto" no site, (quando mudo o mes, ele vai ter que dar reloase em todo o site e nao queria assim), pensei em fazer um iframe, que seria a solucao facil.. mas pensei em usar ajax, a questao é que nunca trabalhei com ajax, entao queria a ajuda de vocês de como fazer para proceder, para ilustrar vou postar uma imagem e os codigos caso alguem possa ajudar :)

 

imagem:

Imagem Postada

 

 

codigos php:

 

index.php:

<?session_start();?><html><head>  <title></title><style>* {	margin: 0;	padding: 0;	list-style: none;	text-decoration: none;	font-style: normal;	vertical-align: top;}html {	overflow: -moz-scrollbars-vertical;}body{	font: 100% Verdana, Arial, Helvetica, sans-serif;	margin: 0;	padding: 0;	text-align: center;	color: #000000;	height:100%;}#geral {	float: left;	width: 780px;	margin-left: -390px;	position: relative;	left: 50%;	height: auto;}#topo {	float: left;	width: 780px;	height: 150px;	background: green;}#main {	float: left;	width: 780px;	backgruond: black;}#calendario {	float: left;	width: 170;	background: red;}#conteudo {	float: left;	width: 600px;	background: yellow;}</style></head><div id="geral">	<div id="topo">	&nbsp;	</div>	<div id="main">		<div id="calendario"><? include("calendario/index.php"); ?></div>		<div id="conteudo">conteudo</div>	</div></div></html>
calendario/index.php

<?require("calendario.obj.php");if(empty($data)) {	new Calendario(null, null);} else {	$data = explode("/", $data);	new Calendario($data[1], $data[2]);}?>
calendario/calendario.obj.php

<?class Calendario {	function Calendario($mes="n",$ano="n"){		if(is_numeric($ano)){			$this->Ano = $ano;		}else{			$this->Ano = date(Y);		}		if(is_numeric($mes)){			$this->Mes = $mes;		}else{			$this->Mes = date(n);		}		$this->Meses = array('', 'Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro');		$this->Dia = date(j);		$this->Dias_semanas = array("Sun"=>1, "Mon"=>2, "Tue"=>3, "Wed"=>4, "Thu"=>5, "Fri"=>6, "Sat"=>7);		$this->Valida = false;		$this->GeraCalendario();	}	function GeraCalendario(){		for($i=1;$i<=31;$i++){			if($i==1){				$tal_dia = mktime(0,0,0,$this->Mes,$i,$this->Ano);				$primeiro_dia_mes = date(D,mktime(0,0,0,$this->Mes,1,$this->Ano));				$n = $this->Dias_semanas[ $primeiro_dia_mes ];			}			if($this->Valida==false){				$this->Valida = true;			}else{				$n++;			}			$txt="dia".$n;			if(checkdate ( $this->Mes, $i, $this->Ano )){				$$txt = $i;				if( $i==$this->Dia && $this->Ano==date(Y) && $this->Mes==date(n) ){					$$txt = "<B>".$$txt."</B>";				}			}		}		$dia = $this->Dia;		$mes = $this->Mes;		$ano = $this->Ano;		$mesprev = ($mes-1);		$mesnext = ($mes+1);		$anoprev = $ano;		$anonext = $ano;		if($mesprev == '0') {			$mesprev = '12';			$anoprev = ($ano-1);		}		if($mesnext == '13') {			$mesnext = '1';			$anonext = ($ano+1);		}?><style>#Calendario {	border:2px solid #BB2A27;}#Calendario td {	text-align:center;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: 12px;}#Calendario .sl {	border-bottom:2px solid #BB2A27;}</style><table id="Calendario" class="calendario" width="180" border="0" cellpadding="0" cellspacing="0">  <tr>	<td class="sl" bgcolor="#9a2927"><strong>	  <table width="100%" border="0" cellpadding="0" cellspacing="0">		<tr>		  <td><a href="index.php?data=00/<?=$mesprev."/".$anoprev;?>">&laquo;&laquo;&laquo;</a></td>		  <td><?=$this->Meses[$this->Mes]?></td>		  <td><a href="index.php?data=00/<?=$mesnext."/".$anonext;?>">&raquo;&raquo;&raquo;</a></td>		</tr>	  </table>	</strong></td>  </tr>  <tr>	<td>		<table width="100%" border="0" cellpadding="0" cellspacing="0">		  <tr>			<td bgcolor="#eb211d" class="sl"><div align="center">D</div></td>			<td bgcolor="#eb211d" class="sl"><div align="center">S</div></td>			<td bgcolor="#eb211d" class="sl"><div align="center">T</div></td>			<td bgcolor="#eb211d" class="sl"><div align="center">Q</div></td>			<td bgcolor="#eb211d" class="sl"><div align="center">Q</div></td>			<td bgcolor="#eb211d" class="sl"><div align="center">S</div></td>			<td bgcolor="#eb211d" class="sl"><div align="center">S</div></td>		  </tr>		  <tr>			<td><?=$dia1?></td>			<td><a href="index.php?data=<?=$dia2."/".date("m/Y");?>"><?=$dia2?></a></td>			<td><a href="index.php?data=<?=$dia3."/".date("m/Y");?>"><?=$dia3?></a></td>			<td><a href="index.php?data=<?=$dia4."/".date("m/Y");?>"><?=$dia4?></a></td>			<td><a href="index.php?data=<?=$dia5."/".date("m/Y");?>"><?=$dia5?></a></td>			<td><a href="index.php?data=<?=$dia6."/".date("m/Y");?>"><?=$dia6?></a></td>			<td><?=$dia7?></td>		  </tr>		  <tr>			<td><?=$dia8?></td>			<td><a href="index.php?data=<?=$dia9."/".date("m/Y");?>"><?=$dia9?></a></td>			<td><a href="index.php?data=<?=$dia10."/".date("m/Y");?>"><?=$dia10?></a></td>			<td><a href="index.php?data=<?=$dia11."/".date("m/Y");?>"><?=$dia11?></a></td>			<td><a href="index.php?data=<?=$dia12."/".date("m/Y");?>"><?=$dia12?></a></td>			<td><a href="index.php?data=<?=$dia13."/".date("m/Y");?>"><?=$dia13?></a></td>			<td><?=$dia14?></td>		  </tr>		  <tr>			<td><?=$dia15?></td>			<td><a href="index.php?data=<?=$dia16."/".date("m/Y");?>"><?=$dia16?></a></td>			<td><a href="index.php?data=<?=$dia17."/".date("m/Y");?>"><?=$dia17?></a></td>			<td><a href="index.php?data=<?=$dia18."/".date("m/Y");?>"><?=$dia18?></a></td>			<td><a href="index.php?data=<?=$dia19."/".date("m/Y");?>"><?=$dia19?></a></td>			<td><a href="index.php?data=<?=$dia20."/".date("m/Y");?>"><?=$dia20?></a></td>			<td><?=$dia21?></td>		  </tr>		  <tr>			<td><?=$dia22?></td>			<td><a href="index.php?data=<?=$dia23."/".date("m/Y");?>"><?=$dia23?></a></td>			<td><a href="index.php?data=<?=$dia24."/".date("m/Y");?>"><?=$dia24?></a></td>			<td><a href="index.php?data=<?=$dia25."/".date("m/Y");?>"><?=$dia25?></a></td>			<td><a href="index.php?data=<?=$dia26."/".date("m/Y");?>"><?=$dia26?></a></td>			<td><a href="index.php?data=<?=$dia27."/".date("m/Y");?>"><?=$dia27?></a></td>			<td><?=$dia28?></td>		  </tr>		  <tr>			<td><?=$dia29?></td>			<td><a href="index.php?data=<?=$dia30."/".date("m/Y");?>"><?=$dia30?></a></td>			<td><a href="index.php?data=<?=$dia31."/".date("m/Y");?>"><?=$dia31?></a></td>			<td><a href="index.php?data=<?=$dia32."/".date("m/Y");?>"><?=$dia32?></a></td>			<td><a href="index.php?data=<?=$dia33."/".date("m/Y");?>"><?=$dia33?></a></td>			<td><a href="index.php?data=<?=$dia34."/".date("m/Y");?>"><?=$dia34?></a></td>			<td><?=$dia35?></td>		  </tr>		  <tr>			<td><?=$dia36?></td>			<td><a href="index.php?data=<?=$dia37."/".date("m/Y");?>"><?=$dia37?></a></td>			<td><a href="index.php?data=<?=$dia38."/".date("m/Y");?>"><?=$dia38?></a></td>			<td><a href="index.php?data=<?=$dia39."/".date("m/Y");?>"><?=$dia39?></a></td>			<td><a href="index.php?data=<?=$dia40."/".date("m/Y");?>"><?=$dia40?></a></td>			<td><a href="index.php?data=<?=$dia41."/".date("m/Y");?>"><?=$dia41?></a></td>			<td><?=$dia42?></td>		  </tr>		</table>	</td>  </tr></table><?	}}?>
outra coisa.. eu queria que tipo assim..

eu estou no dia "5" eu queria que mostrasse a semana do dia 5.. tipo

 

segunda / terça / quarta / quinta / sexta	 3	  |   4	 |   5	  |   6	   |  7
de acordo com a semana atual (isso é oq ira aparecer no conteudo), lógico que quando eu alterar o dia do calendario, a lista da semana, via ser referente ao daquele dia...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Basto    0

Basto
Postado

cara, o que você ta querendo fazer pode ser feito... mas nao com esse script ai.você vai ter q mudar toda a arquitetura pra poder se encaixar no perfil ajax.você ta usando links pra receber as entradas do usuários.. com ajax você usaria eventos.axo q antes de poder implmentar oq você ta querendo eh bom estudar um pokinho de ajax e javascript.. ou deixar assim mesmo quem sabe.

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