Can't Move A Complex Object From One Frame To Another
Jul 20, 2005
I am trying to implement JavaScript that will remove a table row in frame [left],
and append it to a table in frame [right]. The browser is IE6.
I've played with several approaches for quite a bit of time, but none of them seem
to work. The removed row does not seem to be able to go across the frame boundaries.
Here is the code in the target frame [right] that is invoked by a button in
frame [left]: Code:
Anyone know of a good tutorial for making an object move repeatedly while a key is held down (ie move right 1px every second while right arrow key is held?)
I currently using the <object> tag to display a webpage in another webpage... essentially. I read that <iframe> is basically deprecated and <object> should be used to replace it.
Thus my code breaks down basically to this: <object data="mywebpage.php"></object>
I'm using FF3 and the question I have is how do I print the contents of the object only? Currently, I have to right click the object and under "This Frame" click Print.
I'm trying to attempt a simple animation, as indicated by the following code. The intention is to move the object (a paragraph element node with id message) to the right by 200 px and down 100 px, by 1 px a second.
However, there seems to be a bug or my methodology is incomplete as the browser returns the Textvalue of the paragraph without any styling.
I am trying to create an Image menu for a site I'm working on that is rather simple in essence. When the user hovers over a button I have the menu will move left or right depending. I have not got a great deal into it yet as I have become stuck, as I'm new I figured it would be easier to troubleshoot if I build up the program bit by bit.
I need help putting together a script that will take all standard text on a page and translate it to another language (spanish or german).
So if I post this script on my blog at any given time (in the comment section) it will change the language for all viewers. Where do I start? Will this work on both FF and IE6/7?
I have a domain: example.com; which is the parent.And a subdomain: api.example.com; which page 'receiver.html' is being loaded in an iframe, child of parent. Both pages set document.domain = example.com.
I'm trying to adapt this code:[url] but Idon't want to load jQuery from the <iframe> again but I need to have the method $.ajax() working from the <iframe> otherwise it would be a cross-domain request and the browser would abort it. I tried ingenuously to set via $('iframe')[0].contentWindow.$.ajax = $.ajax() and I just got a shortcut to the parent page jQuery method. I also tried to "clone" it using $.expand (true...) but the method doesn't work for me; probably because of the complexity of the objected I'm trying to clone. So is there a way for me to use jQuery to have only a $.ajax() method in the <iframe> ? I've thought even about creating a XHR in the child-iframe and then use that in the $.ajaxSetup ({xhr: THATNEWXHR}) but I couldn't do it. I mean, I want to use the XHR factory from jQuery (which has fallbacks for IE, etc) but it has to be created from the iframe-child.
Maybe there is other way to make the AJAX call come from the child-iframe.
If you're wondering "why don't you load jQuery from <script> in the child-iframe", there is a reason... As I'm using jQuery plugins + my own custom javascripts + other independent scripts I created a compiler which minifies each file and bundle them in one. The advantage of this is the reduction of HTTP requests. So "why don't you load that bundle inside the child-iframe?", because it's ugly and Twitter doesn't... Yeah, I like to take Twitter as a reference and I think if they were able to make it so can I;
I got to work in most browsers except IE and Operaby doing it with pure javascript.
I'm "attaching" the code for you guys to test. If you open it with Chrome, Safari or Firefox you will receive 2 alerts one with the return of $.get() and another with the return of a request made via XMLHttpsRequest object. Otherwise (if you open it with IE or Opera) you'll get 'undefined' in the first alert but the real return in the second.
I have been handed the task of updating and maintaining a web application, written in ASP and Javascript, that takes complex user inputs in HTML form and submits them to server-side ASP pages for processing. The problem is, the user inputs can become very complex, and the way this application was developed, the inputs are all concatenated into monstrously long strings of text that are then submited as <hidden> inputs in HTML forms and parsed by the server-side ASP. This results in hideous strings that go on and on like johnsmith~1232^01^Yes^no~~|43|april
etc. etc. This code is an incredible pain to maintain and update. There has got to be a better way to do this. I am required to use javascript and vbscript in ASP pages on the client side, and ASP pages for processing data on the server side. I can't switch to a different technology, or use .NET, or anything like that. I have to use JS and VBScript to get intricate and lengthy user inputs and submit them for processing. I would like to store these inputs in objects somehow and then get the data from those objects, if possible.
My web page has one unordered list that disappears in Firefox. The unordered list in question has the class="dir". I double-checked the source code and verified the markup's semantics. Everything looked fine. So I placed the code in the W3C validator and it passed with no errors. Then I placed a regular unordered list with no class before the previous unordered list. Upon a reload, the new unordered list did not render, yet the unordered list with the "dir" class appeared. The whole situation was strange.
After reviewing web page with the DOM inspector, the disappearing list had been assigned {display: none}. Apparently, my JavaScript for TreeMenu functionality was the culprit. I attempted to debug the JavaScript. Sadly, my JavaScript knowledge is elementary even though I successfully implemented the approach from http://www.bakketun.net/listmenu/. When my web page became more convoluted, the JavaScript began faltering along its seams.
Here are my discoveries while debugging (using Venkman). The elementHasClass() should match the "element.ClassName" with "TreeMenu." If not, the function return false. Unfortunately, another function passes the div element to the setMenu(); then the said function assign the display attribute; block or none.
But I can not pinpoint where the code goes down the wrong path; needless to say develop a solution.
Please review the site below and let me know if you have suggestions. View source and search for class="dir"; the disappearing list has the text "test." Problematic code JavaScript area may include the line listed below. This posting was intended as a short description. Further clarification will be gladly provided if someone shows interest in a particular aspect. I have pages of notes on the debugging process.....
I have a nested listview in my app which creates table inside table at runtimei need to get value of td from second tables tr where i have row number of first tables tr?
At the moment I build those html elements line by line. Also OK .. as far as the resulting string has the opening and closing tag, eg.
"<li>aMenu2</li>".
As can be seen from above posted code there is a line "<div id="' + menuSlider + '" style="display:none">".Appending that -- AFAIS -- the .append is automatically (????) adding "</div>" which closes the statement.That breaks my idea of the whole concept! The menu part isn't included in the 'menuSlider '.How to change it -- NOT to have that "</div" added to it?
Im trying to make a back button that reloads the previous page the user was at. The back button will be on a small top frame and the page that needs to be controlled will be in the main frame.
The top frame is just a navigation system, and all pages will be loaded in the main frame. Im trying to use this Code:
How can I access a DIV item in a given row/column, which itself is a cell of another table of some other given row/column??? I.e. an element of a table in a table! I have been trying to use GetElementByID, by Name, etc.. but not having much success.
What I'm currently doing is returning a list of images in a directory via a form list. I'm an asp guy so vbscript is the way I'm doing this:
<select name="image" size="10" onChange="generateimage(this.options[this.selectedIndex].value)" align=left> <% Dim FSO Dim Files Dim File Dim Count Set FSO = Server.CreateObject("Scripting.FileSystemObject") Set Files = FSO.GetFolder(Server.MapPath("./moms_images/")).Files Set FSO = Nothing Count = 0 For Each File In Files Select Case LCase(Right(File.Name, 3)) Case "jpg", "gif", "bmp", "png"
End Select Next Set File = Nothing Set Files = Nothing %> </select>
What I *hope* to be able to do is allow a file upload (also vbscript) from a pop-up window and, when the upload is complete, refresh the list (above) without reloading the page (AJAX fever, methinks)
The only thing that would make it even cooler would be to auto-select / display the newest upload otf (I use dhtml to display the images on-select ala dynamicdrives example).
I realize this is a fairly tall order, but would be greatful for any pointers or weblinks for this js-challenged soul to use to get started.
I want to have a main image in place and when you click on 1 of the 3 frame options the frame changes showing a preview. Also I would like the add to cart button change its code to add the correct item as well.
Does anybody know why IE5+ does *not* honour array objects (like a table) across a session?
Example: Frame A contains a var tableVar which is set via form Frame B (on init) using top.A.tableVar = document.getElementById("someTable");
As long as Frame B is *not* 'refreshed/ reloaded' witk another page the variable in Frame A is ok.
However, when the page is changed it just 'kills' the rows in tableVar.rows (the lenght just turns to 0).
When tested with something simple like a String (instead of a table) the above mechanism works as expected.
After two full days of mucking about this is strting to smell funny. Does anybody have any idea/ suggestion as to the what and/ or why of this behaviour.
I am having trouble getting the selected option in a list of more than 20 items in sharepoint, The code below works for lists of 20 or less but not for lists of greater than 20. If any one has a snipet of code that will enable me to set a variable with the selected value from a complex dropdown it
Enter a search term and:1) Google Blog Results show up2) Twitter Search Results show up3) Google Maps with custom xml data shows upI have accomplished the first 2 parts - http://www.justincener.com/xmlI now want to add in Google Maps. The idea is to type in a athlete's name and have results come back from Google Blog Search (done), Twitter (done), and Google Maps. I only need to show 2-3 choices, so I want to create a custom Google Maps XML doc that corresponds to a few search terms. For example, when someone types in "Tom Brady", I want a Google Map to also come up along with the Google Blog and Twitter Results.
On the map, I want to plot 4 points showing his 4 next games. I think I know how to create the custom XML for GMaps, but I don't know how to implement it so that when someone enters input, the GMaps will show up. Can anyone get me started in the right direction please?Here is the JS so far that handles Google Blog Results and Twitter Results:
var errorCount=0; var twitter_link; function searchGoogle(query)
I am writing an accounting sofware, and I have difficulties with the form used to enter the debit and credit for a given transaction. I have used the Jquery validation plugin demo, but I don't know how to hide a specific input cell and replace it by blanks. In accounting, you have either a credit or a debit. So I have an indicator tick box at the beginning of each line which defines whether the line is a debit or credit, and if so it hides the credit cell or debit cell.
This isn't working. I'm using the code below to try to apply the href attribute of the first td in a row with class DataFormListTDDataGridItem and apply it to all td elements in that row (effectively want to make entire row clickable and direct it to the href specified by the href attribute in the first td of the row) -
i need to pass the data in the textfields from the left frame to the textfields in the right frame of my frameset. (ex: dslnum of frame1 will be pass to txtDSLTN of frame2)[URL]
I have two frames (frameset, let's call it frame1 and frame2). Frame1 has links..., and frame2. When some link in frame1 is clicked, it must be changed content of the frame2. Here's example: click. How to do that? (I don't see any javascript code)