473,671 Members | 2,454 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Drag & Drop Sortable Lists with JavaScript and CSS in a IFRAME

I am using the Drag & Drop Sortable Lists with javaScript and CSS from http://tool-man.org/examples/sorting.html. It works beautifully in a single page, see http://www.molca.com/kkoke.html.

However, if I load the page in a Iframe the list is not sortable. The javascript gets stuck, see http://www.molca.com/kknotoke.html. I have searched the complete Internet, but I can not find a reference to this particular problem.

What is the basic idea that a javascript in an iframe does not work?

Arjen
Nov 29 '05 #1
2 2352
ar*********@nie tbereikbaar.nl said the following on 11/29/2005 4:51 AM:
I am using the Drag & Drop Sortable Lists with javaScript and CSS
from http://tool-man.org/examples/sorting.html. It works beautifully
in a single page, see http://www.molca.com/kkoke.html.

However, if I load the page in a Iframe the list is not sortable.
The javascript gets stuck, see http://www.molca.com/kknotoke.html.
Try placing your page in a simple IFrame page without the redirections
and nothing else in the page. You will then start getting errors. But I
am not inclined to wade through 7 or 8 external files plus in page
script to find the problem.
I have searched the complete Internet, but I can not find a reference
to this particular problem.
<g> The "complete Internet"?

How long did it take you? I am considering a Search Engine and wonder
how long it would take to search the complete Internet <g>

Sorry, I couldn't resist the metaphoric description of searching the
"complete Internet"
What is the basic idea that a javascript in an iframe does not work?


Typically it occurs when you try to access or assume that the page is
the parent when it isn't and it throws off scope and variable issues.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Nov 29 '05 #2
Randy Webb schreef:
Typically it occurs when you try to access or assume that the page is
the parent when it isn't and it throws off scope and variable issues.


That is the problem. But what is the concept of NOT being the parent. How can I load a page with Javascript as daughter and still execute it? That is, the page in the Iframe is not the parent. But how does the Javascript know where to load the daughter script. Or, the script is in the daughter, so why isn't it default executed in the first place?

Arjen
Nov 29 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
3545
by: jojobar | last post by:
Hello, I look at the asp.net 2.0 web parts tutorial on the asp.net web site. I tried to run it under firefox browser but it did not run. If I want to use this feature in a commercial product where the user can run on firefox/mozilla, what would be a good approach. 1. Should I overwrite the javascript code drag-and-drop to make it more browser independent. If I want to go this route, can anybody provide me a
1
1555
by: vincemoon | last post by:
Sites such as download.com, dealtime.com, shopping.com, and tucows.com, feature impressive sortable lists of products. What software that imports CSV can be used to generate database-driven sortable product listings such as shown on such sites? I am already able to get CSV into sortable (by javascript) HTML tables that do not use databases, but there are problems with this such as the slow sort time when there are many items, the...
6
8642
by: ameshkin | last post by:
Hi, I've been working on a drag drop system and something happened when I tried to switch the code from a working model to one with another database. The drag drop still works, but the informatin in the database is still not updating. I kind of got aggravated and could not figure out the problem with my 4 months of PHP experience. If anyone would like to look over the code, then go tot his URL and get in touch with me if interested!
2
2112
by: ameshkin | last post by:
Hi, I'm working on a drag and drop feature with the scriptaculous javascript library. And I was wondering if someone could help me! :( Here is some test code. Basically, when someone takes something from the left side and puts it in the right side, I just want to run a database query. I have NO IDEA how to do this because of my limited javascript experience.
2
8145
by: anchi.chen | last post by:
Hi People, Just wondering if any of you have ever come across any javascript examples that will allow one to drag and drop multiple items between lists? That is, users would be able to use the "Shift" or "Ctrl" buttons to select multiple items from LIST 1 and drag them to LIST 2 in one go. I've already have the code to drag and drop between lists but for 1 item at a time. The only method to move multiple items between lists
5
2260
by: empiresolutions | last post by:
Hello Fellow Developers, I am using the awesome drag and drop script found at http://script.aculo.us/. I have also added a modification that interacts to a db for reordering upon release of a dragable item. Within each dragable is a input checkbox. This checkbox holds a DB id value that is sent on submit. This process works fine in IE, but in FF the checkbox values dont get sent via GET, or POST. How do i get FF to react as i think it...
1
1329
by: libsfan01 | last post by:
hi im using drag and drop on my site, my problem is if i drop the content on a part of the page other than a container, that content disappears. is there someway to prevent this? here is my code: <script type='text/javascript'> window.onload = function () { var params = {
5
13769
by: Romulo NF | last post by:
Greetings, I´m back here to show the new version of the drag & drop table columns (original script ). I´ve found some issues with the old script, specially when trying to use 2 tables with drag&drop on the same page (which was not possible). Now i´ve a new concept of the script, more object oriented. I´ve also commented the whole code so you guys can easier understand it engine. What exactly we need when trying to make a column drag &...
1
3826
by: patrickq | last post by:
What am trying to achieve is dragging an element from one IFRAME/FRAME into another IFRAME/FRAME. But upon dropping the element, I do not want the target IFRAME/FRAME to open/load it. I want to set the data type to "text" at the source, so that the drop operation simply drops a set text string onto a target text entry field. Under IE, when dragging an object, it is possible to catch the “dataTransfer.setData” event to set up the data to be...
0
8927
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8825
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8605
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
1
6237
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5703
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4227
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4416
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
2062
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
2
1816
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.