Ir para conteúdo

POWERED BY:

Arquivado

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

Alexnadre Sampaio

[Resolvido] Mootools

Por , em Javascript

Recommended Posts

Alexnadre Sampaio    0

Alexnadre Sampaio
Postado

Seguinte pessoal, to com um prolema e não consigo resolver...

não manjo muito de js, mas se alguem me der uma dica eu agradeço.

estou usando o mootools para fazer alguns efeitos na minha pagina,

em principal toggle (Fx.Slide)

segue link de demo

http://demos.mootools.net/Fx.Slide

 

só que se eu coloco a ultima versão do mootools não funciona.

e se eu deixo a versão antiga eu não consigo utilizar outros plugins como

flot

http://code.google.com/p/flot/

 

 

alguem pode me ajudar?!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Matias Rezende    50

Matias Rezende
Postado

Olá Alexnadre Sampaio,

 

Seja bem vindo ao fórum. Caso não tenha feito, sugiro que leia as normas de conduta do fórum, para uma melhor participação.

 

Tópico Movido

Javascript http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript Frameworks

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alexnadre Sampaio    0

Alexnadre Sampaio
Postado

Opa, Obrigado Matias... ;D

...

 

Bom dia pessoal, dei uma navegada no forum e vi que isso não é apenas uma duvida minha...

Entretanto hj pela manhã encontrei a solução:

 

Como eu ja havia encontrado, deve ser uilizado o noConflict() do jquery, mas até então, não me havia caido a ficha.

Mas agora eu consegui.

 

O primeiro passo foi encontrar a biblioteca mootools que contivesse os scripts para mim poder fazer o toggle, segue link abaixo:

http://mootools.net/download/get/mootools-1.2.4-with-1.1-classes.js

 

após isto, inseri o noConflict() depois de incluir o jquery, e por ultimo o mootools:

        <script type="text/javascript" src="includes/jquery/jquery.js"></script>
        <script type="text/javascript">
                var $jq = jQuery.noConflict();
        </script>
    	<script language="javascript" type="text/javascript" src="includes/flot/jquery.flot.js"></script>

        <script type="text/javascript" src="includes/mootools.js"></script>
        <script type="text/javascript">			
                window.addEvent('domready', function() {
			var status = {
				'true': 'open',
				'false': 'close'
			};	
	
			var myVerticalSlide = new Fx.Slide('box_toggle');
			$('v_toggle').addEvent('click', function(e){
				e.stop();
				myVerticalSlide.toggle();
			});				
		});		
        </script>

depois inseri o que eu prescisava dentro do <body></body>:

        <h2>
                <a style="cursor: pointer;" href="#" id="v_toggle1">Itens Enviados</a>
        </h2>
        <div style="margin: 0px; overflow: hidden; position: static;">
            <div style="margin: 0px;" class="block" id="box_toggle1">
                <div id="grafico_enviados" style="width:600px;height:300px"></div>
            </div>
        </div>
e depois do </html> eu chamei meu flot da seguinte maneira:

        <script id="source" language="javascript" type="text/javascript">
          $jq(function () {
              var d1 = [[1, 1], [2, -14], [3, 5]];
            
              $jq.plot($jq("#grafico_enviados"), [{ label: "Teste",  data: d1}], {
                  series: {
                      lines: { show: true },
                      points: { show: true }
                  },
                  grid: {
                      backgroundColor: { colors: ["#fff", "#eee"] }
                  }
              });
          });
        </script>
Observem que desta forma eu não chamo $(function()...

e sim $jq(function()...

isso pq declarei que var $jq = jQuery.noConflict()

em suma, dai por diante, quando for chamar uma função jquery, ao invés de inserir "$" para dizes que é uma função, eu insiro "$qj"

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