Hello, it's hard to tell if i made a mistake in post so if there is a
double I'm sorry... anyways... I'm trying to get this script to
work...
<script type="text/javascript">
$(function(){
$.ajax({ url: "test.html", cache: false,
success: function(html){ $
('body').append('<div class="resizable" style="background-
color:#FFFFFF;"><div class="drag-handle"><span style="float:left; line-
height:25px;">WindX (drag me)</span><img src="../../
close.png" class="close" style="float:right;" alt="Close" width="24"
height="24"/></div><div class="boxCONTENTS" id="test"></div></div><br/
>'), $("#test").append(html); } });
var globalIndex = 1;
$(".resizable").resizable({start: function() { $(this).css("z-index", +
+globalIndex); }, handles: "all", autoHide: true, transparent: true,
helper: "proxy" , ghost: true }).click(function() { $(this).css("z-
index", ++globalIndex); }).draggable({start: function() { $
(this).css("z-index", ++globalIndex); }, handle: ".drag-
handle" }).hover( function () { $(this).addClass('scalefx');},
function () { $(this).removeClass('scalefx');} );
$(".close").click(function() { $(".scalefx").toggle("scale", {},
200); }).hover( function () { $(this).css("cursor", "pointer");},
function () { $(this).css("cursor", "default"); });
$AJAXCONTENT='<h1>Test</h1><h1>Test</h1><h1>Test</h1><h1>Test</
h1><h1>Test</h1>';
$("#replaceME").append('<div style="width:100%; height:100%;">'+
$AJAXCONTENT+'</div>');
});
</script>
It's hlaf way going right... it's the appended box that is not
working... thats the fourth boxes... the static one are working ....
not sure why... thanks for the help here...
jeremyBass
the link
http://www.sjrmc.org/Scripts/jquery.ui-1.6b/demos/functional/Untitled-1.html
