Ir para conteúdo

POWERED BY:

Arquivado

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

Micilini Roll

[Resolvido] Assim que clicar no textfiled automaticamente apareçe

Por , em PHP

Recommended Posts

Micilini Roll    49

Micilini Roll
Postado

Olá pessoal estou construindo um site de eventos de festas,casamentos para a pessoa marcar qual a data e o horario,eu achei bem legal e interessante o esquema que o facebook ultilizou para criar um evento abrindo uma div aonde existe um pequeno calendario,pois bem peço a voces se voces tem alguma ideia ou algum exemplo de como fazer aquilo?!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Micilini Roll    49

Micilini Roll
Postado

olha pessoal eu tenho o wamp server,ultilizei este codigo:

 

<!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>Untitled Document</title>
<script>
window.addEvent ('load', function () {
new DatePicker ('. demo_allow_empty', {
	pickerClass: 'datepicker_dashboard',
	allowEmpty: true
});
});
</script>
</head>

<body>
Datepicker <label> começando e não permitindo qualquer valor: </ label>
<input type='text' name='date_allow_empty' demo_allow_empty' class='date value='' />
</body>
</html>

 

que peguei do site:

 

http://www.monkeyphysics.com/mootools/script/2/datepicker#examples

 

so que tem um problema no do site funciona ja no meu nao pq?,sera que so vai funcionar quando ja estiver no servidor de algum site?

Compartilhar este post

Link para o post
Compartilhar em outros sites

shini    318

shini
Postado

faltou adicionar o core do framework, se você olhar o fonte da pagina tem essa liinha

 

<script type='text/javascript' src='core/jsmin/bundle.js?js=js/mootools-core.js,js/mootools-more.js,js/monkey.js,js/tooltipinside.js&m=4969502850'>
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Micilini Roll    49

Micilini Roll
Postado

este comando nao funcionou nao eu acho que nao apliquei da forma correta?!

 

<!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>Untitled Document</title>
<script type='text/javascript' src='core/jsmin/bundle.js?js=js/mootools-core.js,js/mootools-more.js,js/monkey.js,js/tooltipinside.js&m=4969502850'>

window.addEvent ('load', function () {
new DatePicker ('. demo_allow_empty', {
	pickerClass: 'datepicker_dashboard',
	allowEmpty: true
});
});
</script>
</head>

<body>
Datepicker <label> começando e não permitindo qualquer valor: </ label>
<input type='text' name='date_allow_empty' demo_allow_empty' class='date value='' />
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Micilini Roll    49

Micilini Roll
Postado

confesso que foi dificil no começo mas depois os comandos foram clareando e ficou assim!

 

<!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>Untitled Document</title>
<script src="mootools-core.js" type="text/javascript"></script>
<script src="mootools-more.js" type="text/javascript"></script>
<script src="../Source/Locale.en-US.DatePicker.js" type="text/javascript"></script>
<script src="../Source/Picker.js" type="text/javascript"></script>
<script src="../Source/Picker.Attach.js" type="text/javascript"></script>
<script src="../Source/Picker.Date.js" type="text/javascript"></script>
   <link href="style.css" rel="stylesheet" />
<link href="../Source/datepicker_dashboard/datepicker_dashboard.css" rel="stylesheet">

<script>

window.addEvent('domready', function(){
	new Picker.Date($$('input'), {
		timePicker: true,
		positionOffset: {x: 5, y: 0},
		pickerClass: 'datepicker_dashboard',
		useFadeInOut: !Browser.ie
	});
});

</script>

</head>

<body>
<input type="text">
</body>
</html>

 

muito obrigado a todos que me ajudaram! :blush:

Compartilhar este post

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

Informação importante

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

  Aceito