Adding code to parent from within iframe?
I'm not sure if this is something that it makes sense to use jQuery for or whether I can just use a bit of javascript to achieve the same thing, or whether it can be done at all. I've spent quite some time trying to understand the issue but have very little javascript or jQuery knowledge so hoping someone can help me out. What I want to be able to from within an iframe is: check if parent.window.document.getElementById("autoloadpop") is null and if so I want to add: <a href='popup.php' id='autoloadpop'
Cascade update of input text boxes
I have 3 input text elements: <html> <head> <title></title> <script type="text/javascript" src="../lib/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#text1").keyup(function() { $("#text2").val($(this).val()); return true; }); }); </script> </head> <body> <p>Text1: <input type="text" name="text1"
Maphilight or similar plugin, recursive mouseover()
Hi, I'm looking for a plugin, where I can highlight area-ojects on mouseover() . I tried using maphilight for this but I'm getting a problem with the following idea : When user gets over field_a, field_a and field_b should be highlighted. When user gets over field_b, field_a and field_b should be highlighted. I thought of something similar to this jQuery('#field_a').mouseover(function(e) { jQuery('#field_b').mouseover(); }).mouseout(function(e) { jQuery('#field_b').mouseout();
Possible stackoverflow in my code?
Hi, I'm trying to make a vertical image-scroller with mouse kind-of-tracking detection, and I'm doing it good so far. You can have a look at http://www.bodegascampos.org/atmoshpera/ It's at the top of the page and it's scrolling a few images (currently 3). Anyways, I detected 2 bugs that I don't know how to fix, so I'll be glad if somebody could help me with this. First bug: Sometimes pictures don't load (the "Loading" div just stays there). Can't reproduce it always, but I'm pretty sure that it
dialog in tab not refreshing
OK. I have an admin interface that uses tabs. I have some modal forms in the tabs. This is all good while everything is static. I then made the tabs content load using ajax. This is also fine and works well. Everything is going swimmingly. Here's the problem. The modal forms get content from the database. So, on tab 0 my form uses information that can be edited on tab 1. When I go to tab1 and edit the info, then return to tab 0 I can see that the dialog is the original dialog. Firebug shows
jQuery random image
Hi everyone, I'm using the jQuery Tools showreel plugin http://flowplayer.org/tools/tabs/slideshow.html Basically I am just showing 6 images. But the thing is the client wants a random image to appear at the start. So the same image isn't the same every-time someone goes onto the website. Can anyone help: Here is my code: jQuery(document).ready(function($) { $(".slidetabs").tabs(".images > div", { // enable "cross-fading" effect effect: 'fade', fadeOutSpeed: "slow", // start from the beginning after
a probelm in positioning accordion control
i have a header div that is fixed positioned and also i have accordion control that i am using as a side panel, the probelm is that the accordion appears at the top of the header when scrolling down. so how to make the accordion down the header. thanks
How do I prevent page from scrolling in IE
Hi, I am making a game using the gameQuery library. The game is contained in an iframe and everything works fine in any other browser than IE. The iframe has it's own js that handles the whole game logic. I need the controls to be with the arrows. Here is all I've tried to prevent it from scrolling. This js is included in the containing page : $(document).keypress(function(e) { console.log("keypress_SCROLLS"); e.stopPropagation(); e.preventDefault(); return false; }); $(document).keydown(function(e)
jQuery not recognizing <embed> element in IE
Hi Guys, The following line give me two different result in IE and Firfox. Does anyone have any idea? alert ( $('#top-ad object').children().length ); //IE return 3 //Firefox return 4 so it looks like jQuery not recognizing <embed> element in IE. So how can I select that embed thing. Thanks <div id="top-ad"> <object....> <param....> <param....> <param....> <embed...> </object
jQuery Mobile problems with JQuery UI Grid
Hi, I´m playing around with a mobile web prototype, using jQuery Mobile alpha 4. In the prototype I´m using the jQuery UI grid. But the rows is not showing when the mobile js is referenced, using templates. Using a pre-filled table other grid function like a select function doesn´t work. Removing the reference and running the same code with only jQuery works fine. I´m not expecting that the should work together at this stage, but I´m curious if anyone else tried this or have any info on the subject.
Error when I upload News ticker
I have tested news ticker at URL: http://www.makemineatriple.com/ I have put all working code at URL and seen error inside function: $ is not a function $(document).ready(function() { Javascript is at the top of website: <script language="JavaScript" type="text/javascript"> /*<![CDATA[*/ $(document).ready(function() { var options = { newsList: "#news", startDelay: 10, placeHolder1: " []" } $().newsTicker(options); }); /*]]>*/ </script> Do you have idea how
Accordian height problem
I'm having some kind of animation problem with my accordian. For one of the panels I have set a fixed height. This naturally changed the height of the other panels. So I changed the autoHeight property, but this seems to cause some animation problems. When I switch from the large panel to the other ones I get some bad jerky animation which seems to fly around the page until it settles. Any ideas how to fix this? In my .js file I have $(function(){ $("#accordion ").accordion({ autoHeight:
How to show all news items in one shoot?
I have test plugin news ticker like URL at: http://www.makemineatriple.com/news-ticker-documentation/ I have seen there is function and setting like: tickerRate: 80, Is there possibility to show all items in one shoot? Now is shown one character by one.
Modify options and use it in my jquery plugin methods
Hy all, It's the first time i try to create a jquery plugin using the official Plugins/Authorizing . Please see above a little example of my first test : (function( $ ){ var methods = { init: function( settings ){ // Treatments alert( settings.my_setting1 ); }, function1: function( settings ){ // Treatments alert( settings.my_setting2 ); } } $(this).change(function(
jQuery Mobile rendering problems with content being added after the page is initialized?
I'm using jQuery Mobile and Backbone JS for a project. It's mostly working, using jQuery Mobile's event 'pagebeforeshow' to trigger the correct Backbone View. In the Backbone View for that particular jQuery Mobile page, that's where it's doing all the dynamic things needed. Some of the things the views do is pull in certain bits using Underscore's templating system. This is all great until where I pulling in form bits using the templating system. For example, a set of dynamic radio buttons (which
resizable div in resizable div
Hi, A have div in div: <div id="A" > <div id="B" ></div> </div> A and B are resizable. $( "#A" ).resizable(); $( "#B" ).resizable(); All work fine, but if A set as disable, $( "#A" ).resizable("disable"); B div is disabled too. Exist any solution, how disabled only div A?
Event Handler triggered for certain time + smooth animation
I'm trying to get smooth scrolling done on a huge horizontal slide. I've got Event Handler for mousewheel working but the animation is choppy as h&%l. You can see the test here. Test is inspired by these guys. The way it works now: delta (mousewheel scroll) is positive or negative. Now it adds or subtract a value on variable for maximum negative margin. Scrolling of DIV is done by immediately change of value for leftMargin. What I want ; something like delta change smooth out with .animate() over
Validate - one or more checkboxes
Hi, I'm having a bit of trouble finding the right way to do this: I have three checkboxes and the user must choose at least one of them. The code below works, but if the user checks one, the error label is only removed from that particular checkbox (submitting the form works though, so it is only a cosmetic error). How can I remove the errors from the other checkboxes as well, preferably from within the validation method below. jQuery.validator.addMethod("oneselected", function(value, element) {
Solution slider change swipeleft events
Hello everyone, I have found a "workaround" for the next situation, but i'm interested in hearing alternative solutions. Context: A jqm dashboard page which listens to the swipeleft event. A jqm slider on the dashboard page. Challenge: When sliding the handler of the slider to the left....swipeleft is triggered and i'm gone off to the next page... So, how to prevent swipeleft in this case from doing what is does? Of course, when swipingleft on the rest of the page this should work as normal. Question:
send href variable to new page img src - advice appreciated!
Sorry to bother with such a basic request but have been searching for an answer to this for 2days now & cannot find a precise answer.. I have a base html page which contains several thumbnail images with links to enlarged images which I'd like to view in an external page [so I can control the dimensions of the enlarged image]. I thought it best to use an external template html page to launch these within and therefore imagine I need to declare the variable in the thumb links page & image they may
Will jQueryMobile work on a mobile device with IE6? Does it work on Motorolla ES400?
I'm looking at getting a Motorolla ES400 which I believe is running Windows Mobile 6.5.3. It looks to be running IE6 but not sure. Will the jQuery library and jQueryMobile run on this device? If it does run on IE6, are there any limitations such as no transitions, rounded corners etc? Thanks
Fire an event when the page is fully loaded
Hi @ all.. I want to fire an event when the page is fully loaded. I used the ready function but the event will be fired to early. Ok, the DOM is fully loaded but some pictures are still not there/resized. The reason is that i want to get the height of the content. If i use the ready function it may be that the height is incorrect, because some elements (for example: pictures) are not fully loaded/resized. I need a function which gets the height of the content when everything is absolutely loaded.
Jquery get method can sometimes generate postbacks?
Hi, I have a strange problem: I'm using jquery get method to do some stuff server side and than display some results in a div. Sometimes the code acts weird: the calling page gets postback, but this seems to be random....I'm accessing the Session in the page that is called with get...could this be the problem? Thanks in advanced.
datepicker beforeShowDate
I have an in-line datepicker. I want to apply styles to dates of events on a page which are retrieved via a json feed. I'm using beforeShowDay. The function loops through the json feed and returns [true, 'classname'] for each item where the date matches. An "alert()" prior to the returned array shows that I'm getting the correct results but I can't see the class set anywhere in the source code. jQuery('#calendar').datepicker({ beforeShowDay: function(date) { for (i = 0; i < events.length;
Browser compatibility
_______________________________________ http://www.clean-energyconsultants.com _______________________________________ This is the basic website I'm creating at the moment, and as you will see if you open the link, I implement jquery ui to the extent of an accordion menu with nested buttons for each link. My issues: Chrome: none (except the animated gif in the home page?) FF: the accordion menu appears to work, but each button links the new pages to new tabs, rather than in the "_body" frame.
How to use click and after
Hi, I have the following code fragment that does not work, can anybody help please. This fragment is accessed from another HTML page that includes all the necessary JQuery libraries. <link rel="stylesheet" type="text/css" href="/fedora-ui/menu/search.css" media="screen" /> <link rel="stylesheet" type="text/css" media="screen" href="/fedora-ui/menu/ui.jqgrid.css" /> <script src="/jquery/jqGrid/js/ui.multiselect.js" type="text/javascript"></script> <script type="text/javascript"> $(function()
How to call/view multiple pages in one page?
I'm not sure if this is a jQuery question, I'd like to know how can this be achieved without using iframe or a combination of both? I saw sites using jQuery to achieve the same effect like this one: http://www.gxdeveloperweb.com/dashboardplugin/demo/dashboard_metadata.html How did it pulled the content from CNN and ESPN?
PrevAll order documentation
Here http://api.jquery.com/prevAll/#comment-33411999 guest asks about element order in prevAll function. So my questions are: does inverse order guaranteed why this feature isnt documented example: .class1 #id1 .class2 #id21 .class3 #id31 .class2 #id22 .class3 #id32 .class3 #id33 .class1 #id4 i'm have a node #id32 and i need first preceeding .class2 so i'm do $("#id33").prevAll(".class2").first() could i rely on inverse order or once it could be broken
Autocomplete plugin is not working on ASP.NET MVC
Hi, I am trying to create a web application using ASP.NET MVC and I want add auto complete functionality to one of my text box. So I have added below C# code into my HomeController class to return the data as JSON objects. public class HomeController : Controller { public ActionResult Index() { return View(); } public ActionResult FindPostalAddressesForNumber(string q, int limit) { return Json(new City[] { new City {Id = 1, Name
:: Show / Hide / Toggle - Multiple Divs and Buttons
Hello guys, I'm starting with JavaScript / jQuery. <html> <head> <title> New Document </title> <style> #button01 { width:100px; height:50px; margin:10px; padding:6px 0 0 0; background-color:#f0f0f0; } #button01:hover { background-color:#ffcccc; } #button01 a { display:block; width:40px; height:40px; margin:auto; background:url("button01.png") } #button01 a:hover { width:40px; height:40px; background:url("button01-hover.png") } #hidden01 { display:none; width:300px; height:200px; margin:0 0 10px
Array methods push() and unshift()
Is push() faster than unshift()? When generating arrays from the right, should I keep doing push() and finally call reverse()?
Jquery cycle: images and pager css problem
I am tryin to center the image and the pager in the page I've created for testing out the plugin. The pager is located on the left. I can only center it by manually setting margin-left but I want something indipendent a fixed number in pixels. Also checking with inspection tools of dreamweaver I found the images are always placed with position:absolute and are bypassing my css. Is there any simple suggestion for this? Thanks, Marco Here's the code: <!DOCTYPE html> <html> <head> <title>jquery cycle
help with toggle animation
I am having trouble giving my toggle function an animation, I just want it animate when it opens/close $(document).ready(function() { var adjustheight = 80; $(".view-gallery-trigger").toggle(function() { $('#view-gallery').css('height', 'auto').css('overflow', 'visible'); $(this).addClass('opened'); $(this).removeClass('closed'); }, function() { $('#view-gallery').css('height', adjustheight).css('overflow', 'hidden'); $(this).addClass('closed'); $(this).removeClass('opened'); }); }); but when i have
How do I make this code more generic?
Hi all. I have a table in which each cell forms a "button" to show/hide a div above it. Each "button" will show/hide a different div. The following code works, but how can i make it more generic? $(document).ready( function() { $('div.highlight-inner').hide(0); $('td.col-1').hover( function() { $('div#highlight-1').slideToggle(); }, function() { $('div#highlight-1').slideToggle(); } ); $('td.col-2').hover(
Using the same plugin twice
Hey, I have a page where im using the Star Rating Widget. I need it to change more than one set of radio buttons into stars, but under the same div. jQuery(document).ready(function(){ jQuery("#stars-disabled").stars({ disabled: true}); }); #stars-disabled being the div, which is used more than once as i have a random amount of users commenting on and rating the same product. So far it only converts the first set it comes across, then the rest are left as normal. Anybody know how i can get
How to make Jquery mobile use less space?
I have difficulties figuring out how to make the components of a jquery mobile driven webapp take up less space in a generic way allowing the users to use the app. without scrolling. I can go in and alter the css for all the elements on the page, but that is not trivial since jquery mobile creates a lot of elements for me. Is there a way to set some css settings to make the app. use less white space and maybe make the components sizes smaller? Morten Denmark
How to make dialog not have X to close on top right corner?
I want the X to disappear (and I'll turn off the ESC key), so that the Cancel and Apply buttons are the only way to leave the dialog. How should I make it go away?
autoInitialize Option Removed in 1.0a4?
Hi, To get1.0a3 working on webOS with Phonegap, I would set jQuery.mobile.autoInitialize = false; in a "mobileinit" event handler, and then call jQuery.mobile.initializePage(); and jQuery.mobile.autoInitialize = true; in a "deviceready" event handler. If I did not do this, I would get an error that _trigger() couldn't be called on undefined. This error did not appear on iOS, so apparently it was only an issue with webOS. In 1.0a4, the relevant lines that supported the autoInitialize option
jQuery Ajax call not forwarding to success action
Hello, I am new to jQuery and Ajax. The problem that I am having, is that I am trying to make an ajax call to a struts action that makes a change to the database and upon "SUCCESS", have the control forwarded to another action that will redirect the user to another jsp and construct a page for the user. Everything seems to be working fine except the redirect part. The user is not redirected and only the HTML shows in the response. Any help is welcome and appreciated. I understand that my issue may
Datepicker: fire event on keyboard date change? (NOT onSelect)
Suppose Jane Smith is using the keyboard to edit a form. She tabs into a datepicker input, and the datepicker calendar pops up. She presses CTRL + RIGHT three times to move the selected date three days forward, then presses ENTER to finalize her choice of date. How can I get the currently active date each time she presses CTRL + RIGHT? The onSelect event in the datepicker docs only fires when ENTER is pressed. I want to add ARIA alerts to the datepicker so that blind users can use the datepicker
Next Page