Dragging Forms and Layers : Draggable Layer : Ajax Layer JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Ajax Layer » Draggable Layer »

 

Dragging Forms and Layers




http://dynapi.sourceforge.net/
GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Dragging Forms & Layers</title>
<script language="Javascript" type="text/javascript" src="./dynapisrc/dynapi.js"></script>
<script language="Javascript" type="text/javascript">

dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.api');
dynapi.library.include('DragEvent')

//-->
</script>
<script language="Javascript" type="text/javascript">
  lyr = new DynLayer(null,50,50,250,200,'red');
  lyr.setHTML('drag me <form>'+
        '<input type="radio" value="1" name="r1" checked>'+
        '<input type="radio" value="1" name="r1">'+
        '<input type="checkbox" value="1"><br>'+
        '<input type="text" value="text">'+
        '<input type="button" value="submit">'+
        '<input type="image" name="myimage" src="./dynapisrc/ext/images/debug_imgreload.gif">'+
        '<textarea name="ta" cols=20 rows=3>textarea textarea textarea textarea textarea textarea textarea</textarea>'+
        '<br><img src="./dynapiexamples/images/arrowdown.gif" width=50 height=50></form>');

  dynapi.document.addChild(lyr);

  DragEvent.enableDragEvents(lyr);
  DragEvent.setDragBoundary(lyr);
</script>
</head>
<body bgcolor="#ffffff">
Issue: Unable to scroll or select text in some browsers (e.g. IEwhen drag events are 
enabled on the layer
Try scrolling or selecting text within the text boxes

</body>
</html>

           
       

Download : Download nav_dynapi.zip nav_dynapi.zip


-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Ajax Layer
» Draggable Layer