HOLA alguien me puede decir como resuelvo este problema.
tengo un div editable ,en el contiene otro div con
contendido el cual es este <div class="rr"></div>
al hacer click en el div editable cambia a color rojo y el div que esta dentro de el desaparece.
y al hacer click afuera de el cambia a color plomo y el div que esta dentro de el el div editable aparece..
hasta ahy todo perfecto pero mi problema es :
Que cuando en el Div "editable " ingrese cualquier letra o ya sea numeroo
este cambie a color plomo pero que no apáresca el div de clase rr
mejor dicho que el div de classe rr solo aparesca cuando de click afuera
y el div editable este vacio ahi recien aparesca "rr"
no se si me entendieron:( algien tiene alguna idea de como hacerlo?
<html>
<head>
<script type="text/javascript" src="/escritorio/jquery-1.6.1.min.js"></script>
<script>
$(function(){
$("#id2").click(function() {
$('#id2').css({ "background": "red"});
$('.rr').css({ "display": "none"});
});
});
$(function(){
$('body').click(function() {
$('#id2').css({ "background": "#ccc"});
$('.rr').css({ "display": "block"});
});
$("#id2,#dir").click(function(e){
e.stopPropagation();
});
});
</script>
<style>
}
#btn1{
float:right;
}
#dir{
border:solid 1px black;
z-index:333;
width:300px;
height:40px;
display:none;:
background:red;
float:left;
color:#ccc;
}
.rr{
background:yellow;
}
#id2{
float:left;
outline:none;
border:solid 1px black;
min-height:40px;
}
}
</style>
</head>
<body>
<div id="id2" style="width:300px;word-wrap: break-word;"g_editable="true"contenteditable="plaintext-only">
<div class="rr">saaaaaaaaaads</div>
</div>
<div id="dir"></div>