JQuery :: Unable To Manage Opened Children Windows
Aug 3, 2011
I am trying to modify with jQuery the content of a child window but for an unknown reason it does not work. I would be gratefull if someone may explain what (how) happend. Here is my code:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// Open a new window with a bare html file
var newWindow = window.open
[Code]....
What I expect (you should already have understood) is a new div to be appended to my child window body. The div (and its text) is effectively inserted (in new child's window) but then disappears in the process. Once I look at the generated code, the div is not in child's DOM.
I have a function that opens a new window when the link is clicked. The pop-up window contains a customer's info. Each time I click the link, my pop-up is opening in the same (popped-up) window, but I'd like it to create a new window each time.
The problem is: variable "mywin" is lost after i REFRESH the current page. Since i'm doing a LONG, LONG inventory management (where the opened window is about 200K long), I want to know how I can access the opened window. I tried searching the web, but as far as I know there isn't any "list of windows previously opened by this one" method or property.
I've managed to do it with a setTimeout function on the child window that calls another function of the parent window every 1/2 a second. Code:
I am using jcookie to store certain information (user cart) and the idea is to re display the contents of the cart when the user visits the website at some other point in future.
So if user adds the item to his cart and i) closes the browser and opens a new browser window after some time OR ii) opens a new tab : In both cases should see the item added to the cart
I am using jcookie.js library.The code I am using to create cookie and add cart contents to it is:
function checkCookies(){ var rented_car_timings_cookie = $.cookie("rented_car_timings"); var $rentTimingsContainer = $('<div class="module">' + rented_car_timings_cookie + '</div>');
[Code].....
Now the problem I am seeing is that the cookies work if I refresh the same page or open a new tab in the same Browser window: I am able to see content added to cart. however, If I open a new window , then I do not see the same .
This is my first post to this forum. When a button in parent window is clicked multiple times, more than one popup window is opened. This problem is occurring in linux firefox and mozilla browsers. In windows the code is working fine. Is there any option in window.open() method to open a popup window once. s there any known issue regarding this case?. Need a workaround to fix this issue.
hen a button in parent window is clicked multiple times, more than one child window is opened. This problem is occurring in linux. In windows the code is working fine. Is there any option in window.open() method to open a child window once.
how to manage the script scope on a full ajax application Let me explain a scenario
- Pages are loaded dynamically in a div, - pages are php files - pages contains scripts tags (static and generated via php) depending on context
Load Scenario :
1. master page load pages via $.load jquery function 2. page are inserted and the script is executed (mostly input events or live events)
when i select another page (just imagine a combo with all pages listed), the Load Scenario is executed again... the 2 js code line that matter in the master page
I got 3 sections on the site, at the bottom of each are 5 bars which are used to change the text color. I'm trying to minimize the code, so I created an array which contains all the colors, but I'm not sure where to put the call to the array. If I put it in the for loop, the selected color will always be green no matter which color you click. The bars should also go up to 40px when clicked and when the next bar is clicked the current bar at 40px should go back to it's originals size(20px)
this is the JS
Code: var colors = new Array(4); colors[0] = "#ed1c24"; colors[1] = "#736257"; colors[2] = "#620460";
here's the link to the script: [URL] I got the script working, but I can't manage to move the numbers from the top...to the bottom. I tried nearly every combination I can think of. Here's a screenshot of where the numbers are placed currently:
I got a problem with the JQuery Cycle plugin, I can't manage to make the "goto" working.
Here is the code :
And here is the HTML :
What's happening is when I click on "test", it does show the alert but it does not go to the 4th slide. Instead, It acts as if it was the first call, therefore the slideshow starts again from the 1st slide with the default options.
below is clickunder code , but it open under windows when visitor click everywhere on the pagei need it be speacial for links , whenever visitor click on speacial link , it opens windows
<SCRIPT LANGUAGE="Javascript"> function PopShow3() { CookieTest=navigator.cookieEnabled; if(CookieTest)
I have a problem where I want the menu with 'active' to be opened, belew is the script and source I have.The accordion works fine, but just does not open on the active page,
I have a div containing many children all very different, each one as a different width. I need to get the width of all the children. I mean child1.width() + child2.width() + child3.width() etc... Of course as a new child can be added anytime I can not use the kind of things I put above.
I tried that among other things : $("div.mydiv").children().width(); But I only get the width ofthe first child.
When I clicked on the download link on the homepage (for both production and development version), the file opened in the browser (see image) but it didn't download.
I plan to use this functionality in a few places on the pages. To do so I want to check if something else has been opened (and not closed) and if any of the other items called are still opened, close them. Some sort if if statement that checks for 2-3 variables :items 1,2,3 are :open, close them all before opening this item.
This pops up a new window with every call. In the child window I call a parent function onbeforeunload, appClose() :
function appClose(){
if (window.opener && !window.opener.closed){ window.opener.CloseChild(getQueryString("application")); }}
This is in my frameset tag of the child code :
<frameset ... onbeforeUnload='appClose()'>
The window.opener.CloseChild() function is called perfectly when I have one child window open, but as soon as I create another child window both of the open child windows don't ever call it. They do both go into the onbeforeunload appClose() function, but do not call the window.opener.CloseChild() function inside of this routine.
Anyone have any ideas why when I have two child windows open I can't access the window.opener functions?
I have tried taking each new window out of the array and used the following code in CloseChild() :
I have about 13 ul li a items in a list and some have nested lists within them e.g. ul li ul li a and some don't. I want to prevent the default action on only a elements that have nested lists within them but not prevent default action for ones that don't. Here's an example of the markup.
[Code]...
However, instead, is there a way to tell jQuery to only apply this preventDefault to ul li a elements that have ul li a descendants/children (not sure of correct terminology here) so I can have the list items in any order?
just wondering if there is any way for the :contains to not look in children to find something? Tried $(':contains("$")');, but it returns everything. Was thinking of something like $(":not(':parent')").filter(':contains("$")');, but the console returns null (and even then it would exclude elements that have children and their text includes "$".)
Trying to make a script that looks through a page and finds the price on any page. The only way I could think of doing this relatively accurately is to search for all elements with "$" in the text, then get the one that has the largest height/width (That's problem #2, I think -- will deal with it once i get there :)
I'm trying to get an unordered list and its children as an HTML string on a mouseout event, but html()only selects the child elements:var theHtml = $('ul', this).html();I've tried using andSelf(), but that doesn't return the result I want:var theHtml =$('ul',this).and Self(). html();I can't choose $(this).html() as I need only the list.
Given the following markup <div id="menu"> <ul> <li><a id="home" href="#">Home</a></li> <li> <a id="about" href="#">About</a> <div>
About sub menu </div></li><li> <a id="products" href="#">Products</a> <div><h2>Books</h2> <ul><li>ColdFusion</li> <li>jQuery</li> <li>CSS</li> <li>HTML</li> <li>Groovy</li> <li>Hibernate</li> .....
How can I grab only the 1st level children of my node? I want direct decendents of menu only. My code below is grabbing all <li> which is going to be a problem. (function($){ $.fn.extend({ myplugin: function(options){ return this.each(function(){ // the object we are working with var obj = $(this); // get a list of menu items var menuItems = $('li',obj); }); }}); })(jQuery);
