display jquery prettyPhoto lightbox in parent from iframe
I have been trying to get some assistance with this issue for a while now. I know this issue has been discussed before but I can't seem to get it to work. I have a master html page with an iframe on that page. I am using jquery prettyphoto and I was wondering how I can get the light box to display in the parent window when I click on the link in the iframe? Please see my code below: Master Page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Need to click two buttons programmatically and sequentially.
This may not be possible or I'm approaching the situation entirely wrong but what I have is 2 hidden divs that I display in a pseudo-modal manner ontop of another form. Each div is bound to a hidden button that is .click() from another script depending on certain checkboxes being checked. The situation I'm having is both buttons are being clicked simultaneously and I'd rather they be clicked sequentially so the end user sees the hidden div displayed, then the div is re-hidden and the second div is
Out of focus in the area (id="aaaaa") showed up to try to respond. How is that possible?
Out of focus in the area (id="aaaaa") showed up to try to respond. How is that possible? $(document).ready(function (){ $("#bbbbb").focus(); $("#aaaaa").bind("blur", function (e){ $("#aaaaa").css("border","1px solid #000"); }); }); <div id="aaaaa"> <table> <tr><td><input type='text'></td></tr> <tr><td><input type='text' id="bbbbb"></td></tr> <tr><td><input type='text'></td></tr> </table> </div>
How to reset toggle()?
For example, when user press reset_toggler, toggler should begin from 1st function again $('a.reset_toggler').click(function () { // … ? }); $('a.toggler').toggle( function () { // 1 }, function () { // 2 }, function () { // … }, function () { // 10 } );
Trying to filter a table by search fields
I am trying to figure out the best way to only show rows that match certain criteria. In my example the table displays first name, last name, date won, and game name. I've tried several examples on the internet and the ui.tablefilter plugin, to no avail. They all seem to depend on a certain structure in the table. I am limited in how I structure the html because the html of the table is generated by an asp.net gridview control. I have gotten the below piece of code to work, but it takes at least
Speedy way to add child elements
Hi Am using this code to add listitems containing a image to a UL. The problem is that its very slow, no matter the number of items or the size of the images. So I wonder if there is a more correct way to add items to an element. Thanks / Dave $.getJSON("jsonimagelist.aspx, function(json){ $("#ulImageList").html(""); for(var i = 0; i < json.imageviewer.image.length; i++){ $("#ulImageList").append("<li><img src=\"" + json.imageviewer.image[i].name +"\" alt=\"\" /></li>"); }
HEREDOCS question
So I'm just getting started here, apologies in advance if this is a stupid question but I can't seem to load content onto the page if the <span> was echoed in a heredoc. For instance: If a user enters an incorrect password, the php reads... }else{ echo<<<HERE Sorry, your b.s. password didn't work! <span id = "reload">Try again?</span> HERE; Within the $(init) contained in the page, is the following: $("#reload").click(main); Later, the main function is: function main(){ $("Output").html("Maint.txt");
Trouble combining flash's Externalinterface.callback and jQuery's mouseover event
Hey, I'm really stuck with this one guys. It would really help me out if you could solve this problem. So here's the deal: I have two swf using AS 2.0 in a webpage. One of them is hidden at the start, but when I rollover on the other one, the hidden one is supposed to show up and the visible one is supposed to hide. $('#ad_peel_small').mouseover(function(){ $(this).hide(); $('#ad_peel_huge').show(); document['ad_peel_huge_obj'].peelOff(); }); However, everytime I rollover
javascrip and Css Formvalidation
hi i need to have form(username,password and email) validation. The validation should not have pop- up messages instead of that it should dispaly message beside the text box and text box should be red color....... can any give the link r any source code....... regard's girish girish@pbminfotech.com
Jquery checkboxes issue
HI All, I am using jQuery in Drupal CMS. There is functionality of advance search with 70 -80 checkboxes on a page. On click on each checkbox a request is being sent and number of records from database are refelected on the page. It works fine untill you donot click on checkboxes too fast. If you click on checkboxes too fast then the result is not correct. I have looked in to php and jquery but not able to track down the issue. Hope somebody can help. Is this jQuery limitation that clicks can not
scrolling feature on rollover
How do i Create a scrolling feature on rollover, without the scroll bar and so that it zooms on mouse over?
jQuery image gallery/slideshow help! PLEASE!!
hi! i need a gallery plugin or script that loads a photo gallery that doesnt use html lists. i want to use it for my website that is targeted in an area with not-so-much bandwidth. all the scripts i have seen load the images as the page loads and this kills my page load time. i want a script that loads the image when you click on next or previous using ajax or something. something like the facebook photo gallery. hope this sounds right. please help!! my deadline's in two days and i need this! THANKS!!
Function & event
First of all, thank you for looking at this. I didn't even know how should I properly ask this question but I'll give it a shot... Currently I have this function that is triggered when the value in said select menu is changed: $("#SELECT-A").change(function () { // do task C } Next, when the value in another select menu is changed, I would like the same thing happen too, i.e. $("#SELECT-B").change(function () { // do task C }Instead of copying all the events in first function to another, is there
DXImageTransform site broken with 1.4
I'm maintaining a site that uses the filter:progid:DXImageTransform.Microsoft.AlphaImageLoader to load PNG images with transparency. With jQuery 1.4 (and 1.4.1), the site is now broken in that the images are not getting loaded. They work just fine with 1.3.2. Any ideas? Thx.
swap image upon hitting an anchor. (one page layout using the JQuery Scrolling Effect)
Specifics: I'm using a fixed div header and footer. Single page design. Navigation links scroll to anchors with jquery. let's say they're are two sections. topic1 and topic2. the navigation links use 3 images: 1. not-visting 2. hover 3. visiting if the user clicks topic1 and then decides to scroll topic2 I want "visiting" to change to "not-visiting" and "not-visiting" to change to "visiting." I will admit I'm a designer, and not a JS guru (though I wish I was). any information to help me achieve
Fadeout only to 50%
How can I fadeout an element to only 50%? I can't use the native fadeOut since it fades an element out to 0% then removes it from the DOM. All I want is to fade the element out to a certain opacity when hovered, then back again when unhovered.
Combobox issue
I posted an question over the weekend about the following issue in IE7. I use the following code to change the font color on the drop down box. When the mouse enters I want the user to see black font but when the user exits and leaves the selection on the first entry, I want the font to be gray. This code works great in Firefox but in IE when I click in the box, the drop down list is displayed but as soon as I move the mouse to make a selection, the list collapses. Has anyone else seen this and is
Get Div, and append items?
In JQuery, how can we get a div by ID, and append items to it in a li/ul format?
outer div ok, nested div ko
good morning, I'm new to the forum. Thank you for the cool place, I just found tons of amazing stuff ;) I wanted to ask a question about html traversing, because I've got an unsolved problem which blocks the development of one project of mine. I post code for simplicity: $(document).ready(function() { $.fn.pause = function(duration) { // funzione delay; $(this).animate({ dummy: 1 }, duration); return this; }; var slideTime = 1500; var
How to filter by (attr >= value)?
Brief overview: This is a calendar system in day view (displaying minutes down the left side) and I'm using divs for each time slot. I'm trying to only select timeslots after a certain timestamp. Example: <div class="rc-timeslot" data-time="1265040000"></div> <div class="rc-timeslot" data-time="1265040300"></div> <div class="rc-timeslot" data-time="1265040600"></div> I'd like to only grab timeslots that match: .attr("data-time") >= 1265040300 How would I go about this efficiently? I know I can do
[jQuery] Loading page plugin or script.
Maybe a newbie question. When i use Plesk 8 there is a loading message that display loading page contents, and dissapear until all the page is loaded. There exist some jquery plugin or script for this kind of functionality? to prevent users to use the page options untill all the scripts, images and contets are loaded. Thanx in advance.
Behavior change for getJSON and arrays with 1.4.1
There is something that changed from previous versions... For the following code: jQuery.getJSON('/any/url', { 'conc':[0, 5, 10], 'reads':[0, 5, 10]}); One used to get a url such as "/any/url?conc=0&conc=5&conc=10&reads=0&reads=5&reads=10" but now with 1.4.1 we're getting something like "/any/url?conc[]=0&conc[]=5&conc[]=10&reads[]=0&reads[]=5&reads[]=10", so instead of variables with the correct names, now we have those extra brackets. How can we revert to the old behavior?
Funny problem after jQuery1.4 update
Hello all make some ajax calls using $.getJSON method the call work fine. I use one of the returned data components as a key for the next getJSON call i make (which gathers other information). The error i noticed is after i installed jQuery 1.4 the URL being passed to the 2nd $.getJSON call is for some reason appending a "%5B%5D" to the string. Example of how i'm using getJSON var noCache = new Date().getTime(); $.getJSON('model/AJAX.cfc?method=getAssessmentDetails&returnFormat=json&queryformat=column',
My jQuery formatted page prints with url attached to links
Hi, I have used a jQuery script to heavily format pages received from a database (from Drupal). Everything is fine except when printing the pages (here an example of page . Open it and print it.) While I've read some stuff describing how to print url, i want the contrary. Why, in first place does it happen?
Trouble with click event on images
I am working on a 3d image carousel plugin and having some issues with assigning click events the images. One way to rotate through the carousel is to click an image and it will rotate the carousel to bring that image to the center. But for whatever reason the click event I am trying to apply to all the images is not working at all. I'm using $('img').live("click", function () { // code // }); and using jQuery 1.4 My plugin starts off by hiding all of the images elements, and then running through
Async postback
im using ASP.NET MVC here and want to do async postback after a form submit/button click. I actually have a custom object I want to postback. This works just fine using the standard form action etc.... but now I want to do it using async/jquery. so, how can I actually perform an async postback in jquery? I have a url, I have the values I want to postback but how can I async postback as well as passing this custom object to the serverside for processing? (to the controller action) thanks
Temporary Fix for IE fadeIn(); fadeOut() fadeTo() Bug (Not Working)
It appears that fadeIn();, fadeOut();, and fadeTo(); (and any of the opacity animations) are having issues in Internet Explorer. After troubleshooting for a couple hours, I discovered that if you add .css('display', 'inline-block') then everything appears to work, but with some obvious display hiccups. Once I discovered that, I reverted back to see if setting 'inline-block' on the elements in CSS would improve the issue. Ironically, if I set 'display: inline-block' in CSS on the offending elements,
jQuery slideshow first image not centered
I recently discovered jQuery searching for a image slide show for a new web site. I have somehow managed to get it working with almost no knoowledge of it's syntax. I have been working with a problem now for some time and can not seem to move beyond it and thought posting for help here might work. When the web page first loads the first picture is not centered, but almost. When the second image fades in it is centered, as well as all remaining images in the rotation, including the first image.
How to reload a SELECT in a form, using ajax via jQuery
Hello, firstofall, sorry, i know that it's a simple question (maybe stupid) but i cannot find out how to do. 1) a user on the website popup add an element to the Database using $.post WORKING 2) i want to refresh the SELECT in the form to include his element that the user just added without reload the page. Don't know how to do that. <select id="wheel" name="wheel"> <?php $connection = new DBConnection(); $requete = "SELECT nomService FROM structures WHERE serviceInterne = 0"; $result = $connection->query($requete);
jquery is not working after ajax call
[quote author=piyush23424 link=topic=286276.msg1357425#msg1357425 date=1265034430] Hello.. jquery function is not working after the ajax call, i am using jquery function to hide show the div and sorting the the divs(records div id is contentLeft ) in the listing and ajax is used to show the listing 'by order'() (one drop down with options and two radio buttons for asc and desc order) link name 'adjustments' is activating the hide/show div functionality [code] <script type="text/javascript"> $(document).ready(function(){
Scrolling message box
I'm using the following code (not mine) to have a message box stay on the page as you scroll down. How can I change it so that the box always stays a certain number of pixels below the top of the window? $('.message_box').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350});
Traversing - $(this).parent().prev().(".replace_no").val("1") - correct way
Hi... I'm trying to traverse using this method... which doesn't work $(this).parent().prev().(".replace_no").val("1") Upon clicking something, I want to change this value: <p><label>Replace amount:</label><input type="text" class="replace_no" value="CHANGETHIS" /></p> <p><img id="button" src="btn.jpg" /></p> So I basically want to go to the previous P, then change the value of the class "replace_no" inside here I've also tried this, which doesn't work: $(this).parent().prev( function() {
Extranl script with Ajax and UI Dialogs close immediately
Hi everyone, I have a script who work perfectly as an inline script : <script> // jqn() is a custom utility finction that escape dots for allowing jquery to find items with dots $(document).ready(function(){ $(jqn('#lnk.addnote')).click(function(){ $.get('/webapp/ui/parts/notes/add.html', function(data) { var dlg = $("<div class=\"dialogcontainer\"></div>").append(data); $(dlg).dialog({bgiframe: true, modal: true, buttons : { 'Annuler' : function(){ $(dlg).dialog('close'); }, 'Créer'
Add submit handler?
I am using ASP.NET/MVC but also trying to use JQuery to do some async postbacks. I am totally new at Jquery and still find it difficult. All I want to do is, to have a submit button using the standard HTML submit button but then use some jquery to add a click handler to it, so when clicked, it will do something such as a post or an alert. This is what I have, and it does not work at all. nothing happens: <script language="javascript" type="text/javascript"> $("#cmdAdd").submit(function() {
Simple replace
Hi, I have a site which is rendering some CMS-driven content with empty paragraphs. I'd like to remove these spaces dynamically with jquery. I'm trying this but it doesn't work: $('<p> </p>').replaceAll('');Can anyone tell me how to just replace all occurences of '<p> </p>' within nothing (i.e. remove them)? Thanks all...
need help with a tabbed accordion menu system
hey jqueryists ... im developing a personal site at the moment, using jquery to create a tabbed accordion menu system ... rather than me trying to explain what that is, take a look at it over here: http://www.digitalsicness.net/beta2 i am rather new to jquery (and javascript) ... i can get by, but i still have a lot to learn ... now the problem i am having is if you click on the menu items fairly quickly (pressing the menu items as fast as you can) two of the sections load stacked on top of each
live() - focusin event fires multiple times while using Jquery 1.4.1
Hello All, I am using JQuery 1.4.1. I have HTML input elements which created dynamically. I have assigned "focusin" event all input elements. While loading page, it is triggers only once while focusing each input element. Problem is, When I minimize and maximize the page, focus event is fired multiple times. Finally it show "Stack overflow at line 0". $('input').live("focusin",function(objectRef) { alert("focusin event"); }) What could be causing this problem?
jquery slider problem
Hai developers.. plz check this image and help me if anyone know this problem. Here two type integration, one is the simple jquery slider and other is arrow headed image mover. i'm more confused and it's needed the client for their site. anyone know this problem plz try to share it with me. thanks arun@feathersoft.net
How to activate a DIV on mouse over and deactivate on mouse out
Hi, my team is working a application with online editor to change certain information on the page. an example is http://www.350.com/pe this page has certain objects on it. when you mouseover one of the object then it shows a control panel on the top of that object. we could not simulate it. previously we try to resolve it my having a DIV containing controls and hidden and when mouse over a object DIV we show the controls DIV above the control. the problem is when you
Restructuring Link
I would like to convert the following link: <a onfocus="OnLink(this)" href="/mySite/DispForm.aspx?ID=1" ONCLICK="GoToLink(this);return false;" target="_self"> into this: <a onfocus="OnLink(this)" href="/mySite/ViewPage.aspx?SelectedID=1" target="_self"> (Convert URL and remove onClick) The link tag must only be applied when the href matches /mySite/DispForm* if possible. Any help would be much appreciated. Many thanks.
Next Page