SiteExperts.com Logo Home | Community | Developer's Paradise
User Groups | Site Tools | Site Information | Search
 Main Menu
 Resource

WebFX Resizable Elements

Categories...
Language
JavaScript
Product
IE4
Task
Drag and Drop, Utilities
Technology
Dynamic Positioning, Dynamic Style

Sponsored Links
Developer's Paradise : Inside Technique :
WebFX Resizable Elements
Submission by SiteExperts Staff

Go to the resource:
WebFX Resizable Elements

Add to Assistant

Short Description
Make your content resizable with this library that adds grab handles to DIV containers.

Long Description
Make your content resizable with this library that adds grab handles to DIV containers.

Author
Erik Arvidsson, Emil Eklund
Submission URL
http://www.SiteExperts.com/tips/webfx/ts04/page1.asp
Submission Date
Sep 3,1998
 

Discussion and Rate this Resource
Overall Rating: 4.3

bsslmj on May 28, 2000 at 1:34:16 PMNo Rating
±×·¡µµ
nferraz on Mar 27, 2000 at 2:40:38 PMRating: 5

I have improved this script, adding the possibility to move elements around. You may find the new version here:

http://www.insite.com.br/~nferraz/javascript/resize.html

Please reply if you have any comments, and post any changes that you make!!!

Thanks.

pacifica on Mar 14, 2000 at 8:24:03 AMRating: 3

Kevlingo,

I'm using the genMove.js on a DIV that encases an IFRAME tag.  All works fine, a little buggy, but works great.  Email me if you want to see some code.

willy_t on Feb 22, 2000 at 9:13:45 AMRating: 4
Regarding kevlingo's question, this is something I'm trying to do as well.  Has anyone been able to accomplish this?  As for why it doesn't seem to work for kevlingo, I'm assuming that since the IFRAME is a 'window'-ed object that resides outside of the top-level document's DOM, the DIV being used to encase it wouldn't be able to provide a container for the IFRAME object.  I do suppose that an approach would be to encase the target IFRAME with another container IFRAME that has a DIV-based border that is somehow tied to the original target IFRAME.  But, this is really ugly.
kevlingo on Nov 28, 1999 at 11:23:56 AMRating: 4

I am trying to use this with an iframe. Here is my code:

<head>
<script language
="javascript" src="genericResize.js"></script>
</head>

<body scroll="no">

<div class="resizeMe" id="navframe" style="position: absolute; left: 9; top: 83; width: 144; height: 357"><iframe id="menu" src="navigator.htm"></iframe></div>

<div Class="PageBorder" style="position: absolute; left: 44; top: 27; width: 687; height: 439"></div>

<div style="position: absolute; top: 6; left: 59; width: 355; height: 50; z-index: 1"><p ID="Title">Test Title</div>

</body>

The problem is that it doesn't work. The strange thing is that the "PageBorder" div does?!?! I don't even have that setup to resize. Can someone tell me what I'm doing wrong?

Thanks!

deutz on Nov 16, 1999 at 7:01:28 AMNo Rating

 

rhaney on Jul 13, 1999 at 1:58:02 PMRating: 5
I too would like to see it combined with the genericMove. when i have tried it, it seems that genericMove becomes dominant and the resize script gets ignored
Erik on Jun 25, 1999 at 11:14:50 AMRating: 5
Icych: Just combine it with the generic move script and you're there
lcych on Jun 23, 1999 at 1:04:45 PMRating: 4
I could find a good use for this for teaching children if it could be combined with drag and drop.
egarnel on May 6, 1999 at 1:39:55 PMRating: 5
I like this a lot, hopefully will find use for it soon

Most Recent Ratings/ Comments


To rate and comment on a resource, you must first logon.

If you are not registered, please register yourself to become a member of the SiteExperts.community.

User Name
Password

Copyright © 1997-2008 InsideDHTML.com, LLC. All rights reserved.