Jquery e dojo

4 de março de 2011 4 respostas

Juliana_PS 4 de março de 2011

Tenho esse código em jQuery:
$(document).ready(function(){

$('#navMenu li').append('<div class="hover"> </div>'); 

                         $('#navMenu li').hover(function(){ 

                               $(this).children('div').fadeIn('1000'); 

			}, function(){ 

                               $(this).children('div').fadeOut('1000'); 

                         }).click(function(){ 

                               $(this).addClass('selected');

		     });

                    });

e tenho que passar para Dojo
como faço com hover, o que pode substituir ele no dojo? e o children?

4 Respostas

windsofhell 4 de mar. de 2011

Nao da pra fazer algo do tipo:

html:

<style>  
.black { color:black }
.red { color: red }    
</style>
<li id="navmenu" class="black">test</li>

javascript:

var item = dojo.byId("navmenu");
dojo.connect(item, "onmouseenter", function() {
    dojo.toggleClass(item, "red");
});
dojo.connect(item, "onmouseleave", function() {
    dojo.toggleClass(item, "red");
});

Se vc quiser ver o codigo funcionando : http://jsfiddle.net/HxfmZ/

//Daniel

Juliana_PS 8 de mar. de 2011

aah brigadaa
só qe no caso, são várias

, como faço pra não ter que fazer um connect pra cada uma !

windsofhell 9 de mar. de 2011

Ola,

Vc vai ter que fazer uma query pra pegar todos os li e conectar aos eventos, eu mudei um pouco o exemplo:

HTML:

<ul class="navmenu">
<li>test 1</li>
<li>test 2</li>
</ul>

CSS:

.navmenu { color:black }
.red { color: red }

DOJO:

dojo.query("ul.navmenu > li").forEach(function(node, index, arr) {
    dojo.connect(node, "onmouseenter", function() {
        dojo.toggleClass(node, "red");
    });
    dojo.connect(node, "onmouseleave", function() {
        dojo.toggleClass(node, "red");
    });
});

Eu atualizei o exemplo se vc quiser ver funcionando.

http://jsfiddle.net/windsofhell/MtGFg/

Juliana_PS 11 de mar. de 2011

Muito obrigada
me ajudou bastante …

Criado 4 de março de 2011

Ultima resposta 11 de mar. de 2011

Respostas 4

Participantes 2

4 Respostas

Topicos relacionados