Ir para conteúdo

POWERED BY:

Arquivado

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

Guga01

Problema com jquery slider

Por , em Javascript

Recommended Posts

Guga01    0

Guga01
Postado

Olá pessoal!

 

Estou tentando usar o slider do jquery, mas está dando erro. Criei uma página bem básica para poder identificar

o problema, mas não consegui. Segue o código:

 

<!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>
<link type="text/css" rel="stylesheet" media="screen" href="css/jquery-ui-1.8.21.custom.css" />
</head>

<body>
<?php
echo "<input type='text' id='sp' name='sp' maxlength='3' class='textoBox' value='' tabindex='1' />";
echo "<div id='areaSliderSP'></div>";
?>

<script type="text/javascript" src="js/jquery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/jquery/ui/jquery.ui.mouse.js"></script>

<script type="text/javascript">
	$(document).ready(function(){
		$('#areaSliderSP').slider({
			value:0,
			min:0,
			max:100,
			step:1,
			slide: function(event, ui) {
				$("#sp").val(ui.value);
			}
		});
		$('#sp').val($('#areaSliderSP').slider('value'));
	});
</script>
</body>
</html>

 

O erro que aparece é:

 

$('#areaSliderSP').slider is not a function

slide: function(event, ui) {

 

 

Alguém poderia me ajudar? Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lampaed    1

Lampaed
Postado

Cara... não sei direito qual o seu problema mais o seu PHP é totalmente fora de questão

 

O Problema do Slider você precisa verificar com o plugin que você pegou no site irá ter a resposta, não tem como eu saber pq eu nunca mechi com o jqueryUI, mais esse PHP ai tá muito fora de questão vocês utilizar.

 

 

//Faz os Includes dos JS
$(document).ready(function(){

   var input = $("<input/>").attr({type: "text",id: "sp",name: "sp","maxlength":3,"class":'textobox',"tabindex":1});
   var idInput = input.attr("id");
   var div = $("<div/>");

   document.append(input);
   document.append(div);

   $(idInput).slider({
      value: 0,
      min: 0,
      max: 100,
      step: 1,
      slide: function(event,ui){
          div.val(ui.value);
      }

   });

});

 

Cara.. PHP você utiliza para Manipular informações do Servidor e requisição de informações e toda a estrutura, mais dentro da página para facilitar a manunteção do código utiliza o javascript. Assim você pode Manipular tudo de forma facil.

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