Jonhkr 23 de set. de 2011
tente assim
var adicionar = function() {
$('#arquivosSelecionado').append('<div class= "displayInlineBlock" > ' +
$('#arquivo').val() + '<span style= "float: right; display: none; width: 10px;" class= "ui-icon ui-icon-closethick" ></span></div> ');
};
$('.displayInlineBlock').mouseover(function(){alert();});
});
Rafael_Guerreiro 23 de set. de 2011
Mas ai eu conseguiria chamar o adicionar a qualque hora? como?
Jonhkr 23 de set. de 2011
The .ready() method is typically used with an anonymous function:
( document ) .ready ( function () {
// Handler for .ready () called .
}) ;
Which is equivalent to calling:
$(function() {
// Handler for .ready() called.
});
Rafael_Guerreiro 23 de set. de 2011
Desculpe, não fui muito claro.
Eu preciso chamar a função adicionar:
<button type="button" onclick="adicionar();">
<fmt:message key="rotuloBtAdicionar" />
</button>
Agora ela esta em uma variável, como faço para executá-la?
Jonhkr 23 de set. de 2011
Rafael Guerreiro:
Desculpe, não fui muito claro.
Eu preciso chamar a função adicionar:
& lt ; button type = "button" onclick = "adicionar();" & gt ;
& lt ; fmt : message key = "rotuloBtAdicionar" /& gt ;
& lt ; / button & gt ;
Agora ela esta em uma variável, como faço para executá-la?
ok neste caso deixe como estava antes
mas os dois modos funcionam
outra coisa,
remover o atributo onclick do botao, e o js fica assim
$ ( function (){
var adicionar = function () {
$ ( '#arquivosSelecionado' ) . append ( '<div class="displayInlineBlock">' +
$ ( '#arquivo' ) . val () + '<span style="float: right; display: none; width: 10px;" class="ui-icon ui-icon-closethick"></span></div>' );
};
$ ( '.displayInlineBlock' ) . mouseover ( function (){ alert ();});
$ ( "button" ) . click ( function (){
adicionar ();
});
});
Rafael_Guerreiro 23 de set. de 2011
Meu código está assim agora:
<script type="text/javascript">
$(function(){
var adicionar = function () {
$('#arquivosSelecionado').append('<div class="displayInlineBlock">' +
$('#arquivo').val() + '<span style="float: right; display: none; width: 16px;" class="ui-icon ui-icon-closethick"></span></div>');
};
$(document).ready( function() {
$('.displayInlineBlock').mouseover(function(){
$(this).find('.ui-icon-closethick').show();
});
$('.displayInlineBlock').mouseout(function(){
$(this).find('.ui-icon-closethick').hide();
});
$('.adicionar').click(function(){
adicionar();
});
});
});
</script>
Só que ele não faz o mouseover e o mouseout das divs que forem incluídas pelo método adicionar();
Jonhkr 23 de set. de 2011
Rafael Guerreiro:
Meu código está assim agora:
& lt ; script type = "text/javascript" & gt ;
$ ( function (){
var adicionar = function () {
$ ( '#arquivosSelecionado' ) . append ( '<div class="displayInlineBlock">' +
$ ( '#arquivo' ) . val () + '<span style="float: right; display: none; width: 16px;" class="ui-icon ui-icon-closethick"></span></div>' );
};
$ ( document ) . ready ( function () {
$ ( '.displayInlineBlock' ) . mouseover ( function (){
$ ( this ) . find ( '.ui-icon-closethick' ) . show ();
});
$ ( '.displayInlineBlock' ) . mouseout ( function (){
$ ( this ) . find ( '.ui-icon-closethick' ) . hide ();
});
$ ( '.adicionar' ) . click ( function (){
adicionar ();
});
});
});
& lt ; / script & gt ;
Só que ele não faz o mouseover e o mouseout das divs que forem incluídas pelo método adicionar();
ok,
isso aqui
'e igual a isso aki
quando da o append da div 'e preciso setar o handler do mouseover novamente para que o js encontre o elemento.
& lt ; html & gt ;
& lt ; head & gt ;
& lt ; script src = "jquery.js" & gt ; & lt ; / script & gt ;
& lt ; script & gt ;
$ ( function (){
var div = "<div class='over'>over-me</div>" ;
$ ( "button" ) . click ( function (){
$ ( "div#div" ) . append ( div );
$ ( "div.over" ) . mouseover ( function (){
alert ( "yep" );
});
})
});
& lt ; / script & gt ;
& lt ; body & gt ;
& lt ; div id = "div" & gt ; & lt ; / div & gt ;
& lt ; button & gt ; btn & lt ; / button & gt ;
& lt ; / body & gt ;
& lt ; / html & gt ;
Rafael_Guerreiro 23 de set. de 2011
Jonhkr, muito obrigado! Resolveu o meu problema, mas antes de finalizar o tópico, eu gostaria de saber mais uma coisinha:
Como eu consigo pegar o valor que está dentro das tags (no exemplo, o 12) com jQuery?
-Edit-
Consegui usando o $(‘div’).text();
Jonhkr 24 de set. de 2011
Rafael Guerreiro:
Jonhkr, muito obrigado! Resolveu o meu problema, mas antes de finalizar o tópico, eu gostaria de saber mais uma coisinha:
Como eu consigo pegar o valor que está dentro das tags (no exemplo, o 12) com jQuery?
-Edit-
Consegui usando o $(‘div’).text();
yes of course,
you can find more info here
http://jquery.com
Rafael_Guerreiro 24 de set. de 2011
Jonhkr:
Rafael Guerreiro:
Jonhkr, muito obrigado! Resolveu o meu problema, mas antes de finalizar o tópico, eu gostaria de saber mais uma coisinha:
Como eu consigo pegar o valor que está dentro das tags (no exemplo, o 12) com jQuery?
-Edit-
Consegui usando o $(‘div’).text();
yes of course,
you can find more info here
http://jquery.com
Sim, sim, foi lá mesmo que eu aprendi a mexer um pouco com jQuery, mas eu demoro muito para achar o que estou procurando. Foi lá mesmo que eu encontrei o .text();
Muito obrigado pela disposição!
Jonhkr 24 de set. de 2011
de nada
