Using plugin emptyonclick
Hey! I need some help please! I load an external div by jquery's load()-Function into another site's div. This works fine. But I can't access this new loaded content by another jquery-function, like the emptyonclick() for input-fields. It doesn't work for later loaded fields, but direct included fields react like I wanted to. And it works fine when the site is seperately loaded. But ss it possible to access later loaded content by jquery at all? I'm Using: jquery-1.3.2.js jquery.emptyonclick.js Thx,
[jQuery] Using "this" within alsoResize attribute in Resizable
I have something that looks like this: $(this.container).resizable({ handles : 'w, e', alsoResize : 'div.stretchable', minWidth : 57, containment : 'div.drop_area', }); But I will have a bunch of these objects so I cannot use unique Ids so I must stick with classes. Usually I would simply do $(this div.stretchable) to acquire the element to alsoResize, but in this instance it only takes a string. I would like to do something like this: alsoResize : this + ' div.stretchable' but
[jQuery] OpenLayers and JQuery
Hello all, Has anyone figured out how to get OpenLayers to work with JQuery under IE? I'm trying suggestions listed at the below URLs with no luck. http://docs.jquery.com/Using_jQuery_with_Other_Libraries http://trac.openlayers.org/ticket/1391 Thanks, Coop
animate an element after teh previous animation finishes
I would like to have my page fade in slowly, once that is done the menu items should fade in slowly one at a time. Here is what I have so far: first I hide everything $("body").hide(); $("body").hide().find("ul#mainMenu").children("li").each(function(e) { $(this).hide(); }); then I fade everything back in $("body").fadeIn(3500).end() .find("ul#mainMenu").children("li").each(function(e) { $(this).css("display","inline-block").fadeIn(1000); }); However, this makes everything fade
highlight text pulled from function
i'm building a really simple mashup using twitter api / jquery / json everything's working perfectly but i want to highlight my search terms (there are multiple terms separated by 'OR' in the query) in the results. I found the jquery highlight mentions across a few tutorials and spaces, but they mostly refer to search results and inline styling instead of styling applied within the function. i'm a complete newbie to jquery, and trying to learn as i go, but i'd appreciate someone much cleverer than
[jQuery] jquery click not working correctly
Hi all. I have a page that has a number of includes. The jquery in question shows/hides a div tag. Here is the code... $(document).ready(function(){ $("div#page_wrapper div#content a#pass_link").toggle(function(){ $("div#password").animate({ height: 'hide', opacity: 'hide' }, 'slow'); },function(){ $("div#password").animate({ height: 'show', opacity: 'show' }, 'slow'); }); }); in the body (within the same include file) I have a link <a href="javacript:void(0)" id="pass_link">
[jQuery] jquery click not working correctly
Hi all. I have a page that has a number of includes. The jquery in question shows/hides a div tag. Here is the code... $(document).ready(function(){ $("div#page_wrapper div#content a#pass_link").toggle(function(){ $("div#password").animate({ height: 'hide', opacity: 'hide' }, 'slow'); },function(){ $("div#password").animate({ height: 'show', opacity: 'show' }, 'slow'); }); }); in the body (within the same include file) I have a link <a href="javacript:void(0)" id="pass_link">
[jQuery] help with jquery click browser problem
Hi all. I have a page that has a number of includes. The jquery in question shows/hides a div tag. Here is the code... $(document).ready(function(){ $("div#page_wrapper div#content a#pass_link").toggle(function(){ $("div#password").animate({ height: 'hide', opacity: 'hide' }, 'slow'); },function(){ $("div#password").animate({ height: 'show', opacity: 'show' }, 'slow'); }); }); in the body (within the same include file) I have a link javacript:void(0) link text then I have a div
[jQuery] weird problem with clicking on link
Hi all. I have a page that has a number of includes. The jquery in question shows/hides a div tag. Here is the code... $(document).ready(function(){ $("div#page_wrapper div#content a#pass_link").toggle(function(){ $("div#password").animate({ height: 'hide', opacity: 'hide' }, 'slow'); },function(){ $("div#password").animate({ height: 'show', opacity: 'show' }, 'slow'); }); }); in the body (within the same include file) I have a link <a href="javacript:void(0)" id="pass_link">
[jQuery] question about dealing with JSON callback
hi! i am trying to use jQuery.post() to send name/value to a php function which then retreives data from mysql and responds with JSON which looks like this when i append it directly to my debug output div: {"product_id":"000002","product_name":"Cesario Lo","product_brand":"Creative rec","product_slug":"slug2","product_description":"description2","product_active":"1","product_type":"shoe","product_gender":"female","product_sizes":"8.5","product_style":"style 2","product_categories":"2","product_shipping":"shipping
Bouncing DIVs in Firefox
Hi All, I'm wondering if someone can point me in the right direction. I have the following structure <h2/> <divbody/> ... repeat... Basically when the user mouseovers the H2, then the divbody is made visible (Jquery show('fast')). When they mouseleave, then it animates in the opposite direction hiding it. This works fine in IE, Chrome and Opera, however, in Firefox, the animation gets into a loop and looks like a yo-yo (divs going up and down in long loops). It's as though FF is catching the mouse
[jQuery] addClass and removeClass
Hi there, I'm getting an interesting problem with addClass and removeClass. I'm attempting to build a rating system using radio buttons to select the rating. I'm actually hiding my radio buttons and styling the label to have pretty stars instead for a nicer interface. I want to highlight the star when the radio button is selected, so when the label is clicked by adding the 'active' class. I also need to remove the 'active' class from all other labels so that only one is selected at any one time.
[jQuery] JSON datastore
Is there anything similar to dojo's datastore in jQuery? I wish to try build an elementary kind of a single-page self-saving client-side javascript application similar to Tiddlywiki based around a database of student's records. Although I don't hope to make it as sophisticated as Tiddlywiki! I wish to express and save the data in form of json objects. Any ideas or comments on this would be highly appreciated.
[jQuery] ajaxForm not submitting in IE
i am using the ajaxForm plugin. in Firefox it works. in IE it does not. i used IE8... for its debugger and found out that its stuck at this line of code. .. i think in unlimited loop return typeof o!=="undefined"&&!o.event.triggered?o.event.handle.apply (arguments.callee.elem,arguments):g some where in the file having /* * Sizzle CSS Selector Engine - v0.9.3 * Copyright 2009, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * More information: http://sizzlejs.com/ */ (function(){var
[jQuery] Get all radiobutton in a span
HI, I have following html code. Using jQuery how to get all the radiobuttons inside span id 'list_0' as i tried var kk=$("#list_0 > input:radio") is not working plz help... <span id="list_0" title="list_0"> SET 1 <table border="0" cellpadding="0" cellspacing="0" width="100%"> <thead> <tr class="alignbottom"> <th colspan="2">[Option]</th> <th class="alignright" width="13%">[Category 1]</th> <th class="alignright" width="13%">[Category 2]</th> <th class="alignright" width="13%">[Category 3]</th> <th
[jQuery] jQuery and window.open (opening twice)
Hi all, I’ve got a script which will enable an entire div to be clickable, however when I click on the div it opens the URL twice.. Could someone please help me out? The code is: $(".rightContent").click(function(){ window.open($(this).find("a").attr("href")); return false; }); And here’s the div: <div class="rightContent"> <h3>Google</h3> <div style="margin-top: 5px;"><a href="http:// www.google.com/">http://www.google.com/</a></div> <div style="margin-top: 5px;">info goes here</div> </div> Cheers
How can i get specific child elements of $(this)
Hello. Im working through the book bulletproof ajax, and for a chapter, im putting in jquery functionality instead of the ones provided with the book. I have run into some trouble. The prepare rating function does not work correctly. Id like to replace first like with something like $(this).$('a'), however that does not work. Basically the jQuery replacement for: this.getElementsByTagName('a'); $(document).ready(function() { bookShop(); }); function bookShop() { var prepareCart = function(element)
[jQuery] ClueTip Ajax Load Div
I think ClueTip is great, but the only thing I think it needs is an option to load just a div on an external page rather than the a whole external page. Like is available in BeautyTip Does anyone know how to mod ClueTip to do that? Regards from Josh
[jQuery] load an aspx page (or ascx) in a div
hi all, i want to load external asp.net pages in divs,with jquery,without postback the page, cay anyone show me a sample? tnx
[jQuery] Something is not working in IE7
i seem to have some funny behavior in IE7 ... basically i have can add a option to a select elem with a ajaxForm - http://malsup.com/jquery/form/. then once added, i will repopulate the select from db. in Firefox all works fine... in IE7 it seem to work... added and repopulated dropdown ok. but when i refresh page, and try the added items are gone.. i am not sure which part has a problem... cos i did a repopulate after adding an option with the form which WORKS. but after that it dont ..
[jQuery] SlideToggle Callback Help
I have this simple slide toggle. $('.open-post-info').click(function() { var id = $(this).attr('id'); $('.post-info-' + id).slideToggle("medium"); return false; }); What I want is when I run the function that after it runs to add CSS class and when I close/toggle up that the class gets removed. Help please.
[jQuery] SuperFish Problem
When I added the SuperFish Module to my site "www.beixm.wizeguygaming.com" it seems to work 'OK' but does not expand for sub-menu's...why?
[jQuery] tablesorter plugin
I am working with tablesorter plugin and pager plugin. I have written code that looks for a class and decides whether or not to display the row based on which checkboxes are selected. Example: if i select the checkbox vehicles, the category id is 4, so jquery looks in the table for any rows with class "cat_4" and show() is called. Problem: with the pager plugin, it only "filters" on the current page, it does not filter on the whole data set. How do I tweak and tell the tablesorter/pager plugin that
Jquery Gallery
Hi All , Ive recently played around with a jquery gallery that was showcased in .Net magazine Issue 185. Here : http://www.netmag.co.uk/zine/latest-issue/issue-185 This gallery uses the slideshow plugin and includes navigation to move from one slide to the next or back. I'm wondering if its at all possible for me to load divs instead of images. The reason is, i need to create a gallery that may showcase 3 - 4 items per 'slide'. Each of these items then need to be clickable to view on its own (possibly
[jQuery] form.action equivalent in jQuery
I currently have the following legacy piece of html: <form action="" method="get" name="clientListForm" id="clientListForm"> <input type="submit" name="submit_hello" id="submit_hello" value="Say Hello" onclick="this.form.action = 'hello.php';"> <input type="submit" name="submit_hi" id="submit_hi" value="Say Hi" onclick="this.form.action = 'hi.php';"> </form> The above probably doesn't look too elegant but can someone suggest to me the best way to initialize this.form.action in jQuery?
[jQuery] [tooltip]: Multiple tooltips running from one set of parameters
I'm sure this question has a simple answer, it's just stumping me... I have multiple (about 15) tooltips based on your "Fancy" and "Pretty" demos that are attached to a series of HTML labels. All the tooltips use the same parameters: track: true, delay: 0, showURL: false, showBody: " - ", fixPNG: true, left: 30, top: -100, Its only the "extraClass:" that differs. How can i reduce code by stating the tooltip parameters just once for all tooltips, and then change the extraClass
[jQuery] [tooltip]: Multiple tooltips running from one set of parameters
I'm sure this question has a simple answer, it's just stumping me... I have multiple (about 15) tooltips based on your "Fancy" and "Pretty" demos that are attached to a series of HTML labels. All the tooltips use the same parameters: track: true, delay: 0, showURL: false, showBody: " - ", fixPNG: true, left: 30, top: -100, Its only the "extraClass:" that differs. How can i reduce code by stating the tooltip parameters just once for all tooltips, and then change the extraClass
[jQuery] Check $.load ajax request is complete
Is the there way to check ajax request is complete for success? On page: http://docs.jquery.com/Ajax/load#urldatacallback about callback (Optional): The function called when the ajax request is complete (not necessarily success).
[jQuery] Theming tabs
I would like to tweak the look of my tabs. I looked at the theme roller, but I don't think I understand it. I have to download and unzip an archive, then install the theme somewhere in my app, every time I want to see how the app looks in my page? There must be a better way. I just want to change a couple of parameters. I noticed in the tabs docs that I could override .ui-tabs, .ui-tabs-nav, and .ui-tabs-panel. So I tried this in my style tag: .ui-tabs { background-color: #00FF00; } .ui-tabs-nav
[jQuery] XML parsing
Following is my XML file: <record> <state> F</state> <sub_record> <state> T </state> <sub_record> </record> I want to get the first state out, which is F. I use var state = $("state",kj).text(); I got FT back. How can I get only F back? Thanks! Cindy
[jQuery] Cross server check if a pdf file exists
I'm trying to see if a pdf file exists in a directory on another server. If it does, do one thing, if not do another. Here's what I tried: $.ajax({ url: url, type: 'GET', dataType: 'jsonp', jsonp:'jsonp_callback', error: function () { $('.Row').eq(i).children('td:eq(2)').append(file_unavail); }, success: function(){ $('.Row').eq(i).children('td:eq(2)').append(file_avail); }
[jQuery] Modifying jQuery to decrease file size.
I'm currently using about one third of the jQuery library and I'm wondering if I can safely remove unused functions that are not being internally called nor called by my code in an effort to reduce filesize further. I realize that minified and gzipped its already small, but when there may be millions of downloads a day...i need it small. :) thoughts? regards, paul
[jQuery] jQuery countdown with simple percentage bar display?
I'm wondering if there exists a jQuery plugin which would display a percentage bar counting down from a specified time. As the remaining time gets lower and lower, the bar would change from green, to yellow, to red, etc. I'm trying to provide a visual display of the time remaining in a user's session on our website control panel. Andy Matthews Senior Web Developer www.dealerskins.com P Please consider the environment before printing this e-mail. Total customer satisfaction is my number 1 priority!
[jQuery] Nice lightbox variant?
hi, I want to use a lightbox (clone) for showing forms (like login, register etc.). I looked at Lightbox and Simplemodal. Are there any other suggestions? Snef.
[jQuery] $("#field") is null
Hello, I have a selectbox with month periods in it. Here is my code: $(function(){ $("#ppsub_ppterm_id").change(function(){ var term = this.options[this.selectedIndex].text; if(term == "Eenmalig"){ $(".idealtd").show(); }else{ $(".idealtd").hide(); //$("#ppsub_amount option:selected").val('anders'); } }); }); <select name="ppsub_ppterm_id"
[jQuery] delaying an action
Hi all, I was wondering if there is a way in jQuery for me to disable a hover event for a few seconds and then execute it only if the mouse pointer is still hovering over the particular element I have set the hover event to. So the user would hover over a link and if after 2 seconds was still hovering over it, the hover event would then execute. Otherwise, nothing would happen. I've been trying to find out about it for sometime now but I am exhausted with searching. Thanks.
[jQuery] jqGrid, rowedit, php posts names instead of values to the db
Hello: I need to dynamically edit and change the server data. http://pssnet.com/~devone/ajqtable/editgrid2.html Right now, when the fields get edited php posts names instead of values to the db. My assumption is that on submit, the editurl will be called upon with the changed data. I read in the docs that I may have to add an onSubmit function (as shown below). Thank you for you help. Regards, Nat <?php include("dbc.php"); $var1 = $_POST['service_id']; $var2 = $_POST['name']; // $var1 = "abc"; //
Action not available after new elements being created
Well, the topic might not be clear enough to explain the problem. Here is the example... http://keneks.xm28.cnnics.com/jquery/jquery.html
[SOLVED] Creating an array
Hello, everyone... I'm having a problem which should be simple to solve, but I can't work around it due to my lack of experience in jQuery. I'm using the script posted below to replace certain keywords with images. It works really well, BUT, right now I'm using individual entries of the same code over and over for each word I want replaced... anybody care to tell me how that code looks like as an array? //FIRST WORD $(document).ready(function() { $("*:contains('VALUE')", document.body) .contents().each(function()
[jQuery] changing list image on click
I have a list of links on a page that do some javascript functions. I want to be able to swap out the bullet image on the list element whenever the link is clicked. Refreshing the page would, of course rest the images, which is fine. Here's the list <ul id="buttons"> <li><a class="toggleIB" href="javascript:toggleIB('ib1');">title 1</ a></li> <li><a class="toggleIB" href="javascript:toggleIB('ib2');">title 2</ a></li> <li><a class="toggleIB" href="javascript:toggleIB('ib3');">title 3</ a></li> <li><a
Next Page