Ir para conteúdo

POWERED BY:

Arquivado

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

iRCC

Mostrar calendario

Por , em Javascript

Recommended Posts

iRCC    0

iRCC
Postado

Boa noite, desculpe se estou postando na área errada, mas acredito que seja aqui.

 

O problema é o seguinte: procurei aqui no forum alguns calendários, mas nao encontrei um como eu queria.

No sistema que desenvolvo, tenho um calendário que já funciona mas você precisa clicar em um botao para ele aparecer e como agora estou fazendo o portal do sistema gostaria de algum calendario que já apareça automatico quando o pagina eh carregada, se alguem souber como poderia fazer isso agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Procure pelo plugin jQuery chamado DatePicker...

 

é bem completo, acredito que dê para carregar com a página...

 

http://docs.jquery.com/UI/Datepicker

Compartilhar este post

Link para o post
Compartilhar em outros sites

iRCC    0

iRCC
Postado

cara era isso mesmo que eu tava qerendo, fui ali no site ora baxa e tem duas versões:

 

jQuery Minified (19kb with Gzipping)

jQuery Regular (120kb)

 

qual a diferença das duas, você sabe me dizer?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Algum CSS teu está sobrescrevendo o do plugin ?

você colocou na tua página a chamada para o CSS do plugin ??

Compartilhar este post

Link para o post
Compartilhar em outros sites

iRCC    0

iRCC
Postado

Agredito que não.

Vou explicar o que fiz: Baxei o calendario do site e coloquei em uma pasta todos os arquivos e cria uma pagina html separada só para testes que esta assim:

 

<!DOCTYPE html>
<html>
<head>
  <link type="text/css" href="ui.all.css" rel="stylesheet" />
   <link type="text/css" href="jquery.datepick.css" rel="stylesheet" />
  <script type="text/javascript" src="jquery-1.3.2.js"></script>
  <script type="text/javascript" src="ui.core.js"></script>
 <script type="text/javascript" src="jquery.datepick-pt-BR.js"></script>
  <script type="text/javascript" src="ui.datepicker.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
	$("#datepicker").datepicker();
  });
  </script> 
</head>
<body style="font-size:62.5%;">
  
<div type="text" id="datepicker"></div>

</body>

não sei se falta mais algum script ou link

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Parece que estão todos sendo chamados..

eles realmente existem nesse nível ai de pastas ?

 

Tem como colocar um link pro teu site ??

Compartilhar este post

Link para o post
Compartilhar em outros sites

iRCC    0

iRCC
Postado

Sim, os arquivos existem no msm nivel que a pagina eles estao todos juntos numa pasta com o nome de JQuery, peguei o exemplo do site que passaram no primeiro post, e montei o meu aqui.

 

Ele ainda nao esta implementado no site, mas coloquei a pagina de teste que fiz(essa que postei ali) no ar, o endereço é este

 

http://isma.somee.com/gerenciapessoal/jQuery/teste.htm e ele deveria ficar assim: http://docs.jquery.com/UI/Datepicker

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Olha o conteudo do

ui.all.css

@import "ui.base.css";

@import "ui.theme.css";

 

^^ entendeu ?

Tá faltando esses 2 arquivos ai... coloca eles no mesmo nivel desse primeiro css.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Por que ele indica você usar os caminhos absolutos ne?!

vai no site e pega ^^

 

E olha o motivo:

http://jquery-ui.googlecode.com/svn/tags/l...ase/ui.base.css

@import url("ui.core.css");

@import url("ui.accordion.css");
@import url("ui.datepicker.css");
@import url("ui.dialog.css");
@import url("ui.progressbar.css");
@import url("ui.resizable.css");
@import url("ui.slider.css");
@import url("ui.tabs.css");
http://jquery-ui.googlecode.com/svn/tags/l...se/ui.theme.css

 

OU seja, tem css demais ai... oO

Compartilhar este post

Link para o post
Compartilhar em outros sites

iRCC    0

iRCC
Postado

Agora deu certo ;)

só mais uma pergunta: na pagina que estou fazendo queria colocar esse calendario dentro de uma DIV, então fiz ele em uma página htm separada e depois dei um include dessa pagina dentro da DIV, isso devria funcionar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Sim, deveria.

Se todos os caminhos estiverem certos.. mas não é bacana ter as tags <style>, e <script> fora do <head> .

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