I did new modifies to main.html file, but it doesn't work again:
<style>
.hover {
cursor: pointer;
border-width: 3px;
border-style: solid;
border-color: #FF0000;
}
.selected {
cursor: pointer;
border-width: 2px;
border-color: #FF00FF;
}
</style>
</head>
<body>
<script type="text/javascript">
function demo(){
var frame=document.getElementsByTagName("iframe")[0];
//alert(frame.contentDocument.documentElement.innerHTML);
var test=frame.contentDocument.documentElement;
$(test).click(function(event){
var element = $(event.target);
element.addClass('selected');
});
$(test).dblclick(function(event){
var element = $(event.target);
element.removeClass('selected');
});
$(test).mouseover(function(event){
var element = $(event.target);
element.addClass('hover');
});
$(test).mouseout(function(event){
var element = $(event.target);
element.removeClass('hover');
});
}
</script>
have you any idea what's wrong??
Thanks,
Julio
