[jQuery] Block UI problem
Hello, I'm having problems with BlockUI plugin. For some reason it applies style="poistion: relative;" to parent div and this mess up with my contextMenu plugin. Is there any way to disable this? Thanks Rodolfo.
[jQuery] pager plugin
All, I'm using the pager plugin (http://rikrikrik.com/jquery/pager/) to work through a mysql result set that is broken up into divs. I'd like to preserve back button functionality when using this plugin. I've seen the history plugin (http://plugins.jquery.com/project/ history) which looks promising, and well suited for ajax page calls, which mine is not. I'm wondering if anyone here has done this before. I'm about to trudge my way through it, so if it's already been done, please do point me in the
[jQuery] Help : Difficulty binding event to selected jQuery object
Dear jQuery, Can find plenty of discussion on the use of livequery but little on binding problems which are less dynamic. If you could point out a nice simple thing I'm overlooking then that would be great :) Background: As part of a UI I'm coding I serve a series of working panes. Content is ajaxed into the pane and then livequeries pick out class flags from the loaded content. One such flag is "toolbar_button" class which signals to lift the element out and make it into a button on the toolbar.
[jQuery] scrollTo plugin failing with no errors or warnings
Could somebody tell me how this is managing to go wrong? Site is at antoniocaniparoli.co.uk/wip I am trying to animate movement between # locations on the page — the #s being references to images in a gallery. Each image has a little caption at the bottom giving its position in the list and offering href=# links to the next and/or last one in the sequence. As it stands the default behaviour works absolutely fine, but that's all that happens. My syntax (relevant script is at the bottom of antoniocaniparoli.co.uk/wip/antonio.js
[jQuery] Deep $.extend() doesn't work with Date objects
Hi guys, I'm trying to create a deep copy of an object with $.extend(true, {}, obj), but I've noticed that all of the dates get copied as a simple Object with no properties. Here's a sample code that demonstrates it: var clone = $.extend(true, {}, {myDate:new Date()}); // clone.myDate returns {} // clone.myDate.toString() -> [object Object] Any ideas on why this is happening?
[jQuery] Can JQuery solve the iframe height=100% problem?
Hi, I'm trying to get my iframe to occupy 100% of its parent block element. But the height=100% attribute in CSS isn't doing the trick. Here's my HTML .... <td width="177" height="100%" valign="top" class="content- rule"><iframe id="fileTreeIframe" style="border:0px none #ffffff;" src="file_tree.php" border="0" width="100%" scroll="auto"></iframe></ td> and the CSS ... iframe { display:block; height:100%; width:100%; border:none; } It doesn't look good right now -- http://screencast.com/t/mIzGnUikC.
please i need a simple script ajax with jquery
hi all i want please a simple script ajax with jquery i hope anyone could help me
[jQuery] dropping between items that have no gap between them
Hi.. Quick question about drag-n-drop with jQuery UI. For my CMS, I have a admin tree of items of various types, that i want to enable drag-n-drop between. I aim to emulate windows explorer in most aspects of operations, with some improvements ofcourse. I had already found a drag-n-drop library (Toolman's) before i found jQuery, and built something where you could re-arrange the order in which items are displayed (making them non-alphabetical, yep) by dragging them to another position in the tree.
[jQuery] gm jq mushup post
Hi all, I am writing a greasemonkey user script which uses jquery for most things it does. the user script is supposed to work on a page with lots of elements i want to discard so that focusing on the main content is easier. this part is easy, i just select the div containing what i want and store its content in a variable, then i remove everything in body, and finally append a div with the content from the variable. it works. but i have another objective too. the page is very slow as it has lots
Load() Query
Hi, I'm currently using a static page and loading other pages into a certain div dynamically using the load() function. The problem is it doesn't load the JS that's in the HTML file and therefore causes issues with things like form validation and so forth. I have also tried using $.get() and that doesn't work either. I believe they both just grab the HTML only. Any pointers would be great! Cheers
[jQuery] [validate] dynamic message
Hello group! Very happy to have deployed validation plugin ( I mostly need to check validity of EAN/UPC numbers for barcode generation). You can see it in action here: http://www.barcoderobot.com/ean-13.html The question I am struggling with though is howto return a 'dynamically generated' message. Say, '13 digits are required, you have XX'? $.validator.addMethod("dynamic_check", function(value) { if(_value is incorrect_){ return False;} }, 'dynamic message goes here');
[jQuery] Using selectors successfully...?
Will someone please explain to me why the following code fails to execute? I have a simple test page set up and jquery doesn't seem happy with what I'm trying to do. I get no errors, and when I log to console in firebug it shows that it is indeed finding my two objects, however it won't actually perform 'addClass': $(document).ready(function() { $(".testclass").each(function(){ $(this).addClass("midget"); }); }); At first I just figured it was because I wasn't
[jQuery] problem with superfish plugin
hi i used superfish menu on my project i got problem with IE6. that menu appears backside of my sliding image. how can i solve this problem if any one can help me? please help me as soon as possible. u can check problem on my site http://ihricon.org.np
Need help with image loading events
Hi, I have this script (taken from http://www.wait-till-i.com/2007/07/10/return-of-the-http-overhead-delay-this-time-without-a-server-side-component/). delayHTTPoverhead = function() { var parentID = ''; var avtClass = ''; function ri() { var img = parentID !== '' ? document.getElementById(parentID).getElementsByTagName('img') : document.getElementsByTagName('img'); var rep = /.*#/; for (var i = 0; img[i]; i++) { var src = img[i].src; if (src.indexOf('#')
[jQuery] Can i use selector to reach "slice" in jQuery 1.3?
I remember i can use the statement "jQuery('.button:eq(1):lt(3)');" in jQuery 1.2.6. example: <html> <body> <a href="#" class="button">button1</a> <a href="#" class="button">button2</a> <a href="#" class="button">button3</a> <a href="#" class="button">button4</a> <a href="#" class="button">button5</a> </body> <html> It returned matched button results from button2 to button4. But now it only returned button2 element in jQuery 1.3. So the selector statement like this can't chain filters??
[jQuery] Finding specific values within an element
Hi there. I just started to play around with jQuery. I'm hoping you could take a look at this and see if I'm at the right track, or that my approach is completely wrong. The idea is simple. I have a bunch of entries I want to display. When I click an entry, I'd like jQuery to retrieve the entry's ID and do something with this ID. What I did is the following. HTML <div class="entry">Something here<span class="entryId">12345</span></ div> <div class="entry">Something here<span class="entryId">67890</span></
[jQuery] How to save "this" context in callbacks
Goodday! Could anyone tell me how to save "this" context inside callback? Here is simple example: var myClass = jQuery.Class.create({ init: function(){ this.value = "value"; // callback as argument: someExternalFunction( function() { this.setValue(); // PROBLEM: "this" is not myClass pointer anymore! } ); }, setValue: function () { this.title = "new value"; } });
[jQuery] UI/Tabs docs mismatch for multiple <ul>
The UI Tabs documentation for using <ul> in a panel [1] has conflicting info and I'm not sure how to proceed. I'd like the following, but links in the enclosed <ul> are overwritten as though they are tab links:: <ul id="container"> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> </ul> <div id="one"> <ul>...</ul> </div> <div id="two"> <ul>...</ul> </div> The docs say to select the TOC <ul> specifically for .tabs() (which doesn't work and looks to have been removed in trunk [2]), but
[jQuery] simple checkbox and display text problem
Hi all, having trouble getting each checkbox selected to display a text element. This works below, but of course i want it for all checkboxes and not just one $(document).ready(function() { var total = 0; var a = 0; //morning is the name of one the checkboxes $("input[@name=morning]").click(function(){ if ($(this).is(":checked")) //if check assign value and append to span, else uncheck remove { $('#newsletters').append('<span id="newsletter_types"></span>');// create span var a = 500;
[jQuery] jQuery UI: Something that works correctly on IE but not firefox
<div>jQuery UI: Something that works correctly on IE but not firefox :</div> <div><a href="http://mynichecomputing.org/testpage/">http://mynichecomputing.org/testpage/</a></div> <div> </div> <div>Help.</div>
addClass - Please Help!
This is the JS for a very simple accordion menu: $(document).ready(function(){ $('#accordion-container > li > a').bind('click',function() { var $next = $(this).next().addClass("class1"); if ($next.is(':visible')) return false; $(this).parent().parent().find('li > ul:visible').slideUp('normal').removeClass("class1"); $next.slideDown('normal'); return false; }); }); What do I need to modify to be able to ADD class "active" when a menu is opened (via the <a> trigger) and REMOVE the same
[jQuery] how do I invoke a cluetip from code?
I just want to fire up a cluetip just like an Alert(). e.g pseudo code: if(!condition){ cluetip("try again!") } thanks in advance
[jQuery] jquery.ocupload-packed.js plugin hides my upload link?
somehow var myUpload = $('#upload_link').upload({ etc. hides my div#upload_link when i open it in a thickbox?? i am using the jquery.ocupload-packed.js plugin. Directly browsing to the file doesn't hide the div. What can i do???
[jQuery] Newb question about accessing a form's inputs
Hi, If I have a form: <form name="myForm" method="post" action="myAction.php" onsubmit="javascript:doStuff()"> <input type="hidden" name="myHiddenInput"/> <input type="text" name="myNonHiddenText"/> <input type="submit" value="submit"> </form> What is the equivalent JQuery syntax for the following? function doStuff() { document.myForm.myHiddenInput.value = 'some dynamic var'; return true; } Thanks in advance, James
[jQuery] Text to the left of the jQuery Star Rating Plugin
Hi, I'm using the star rating plugin at: http://www.fyneworks.com/jquery/star-rating/ and I'm trying to add a little text to the left of a set of stars (i.e. "Rating: * * * * * "). After fooling around with the CSS for a long time, I still haven't been able to get rid of the line break between the text and the stars (I get the visual equivalent of "Rating: \n* * * * * "). I've tried floating things left, setting display: inline, etc, but I must be missing something. I'm using the current version
[jQuery] Altered SWF not updating
Hello! I am using jQuery to alter the parameters of embedded YouTube-Videos. This works fine with browsers that use the <embed> portion of the code (Opera & FF), whereas the browsers who use the <object> part (IE & Chrome) will update the code accordingly but not refresh the Video. What I am using is the following: $(document).ready(function(){ $('param').each(function(){ var oldname = $(this).attr('value'); var check = oldname.search(/youtube.+/); if (check != -1){ var newname
[jQuery] All is well except in IE - links initially not clickable
Hi, My site (http://pthesis.com) works fine in Firefox/Opera/Safari, but in IE 7 there is a small hitch. Sometimes when I click the portfolio link and open it, the links to the sites in the left column aren't clickable. If I close it and re-open it, they work, and if I do "Refine by category" and then click, they work. As I mentioned, this only happens in IE 7. I've tested in IE 8 beta 2 and it works fine. Does anyone have any suggestions for a workaround? If it would be helpful I'll post the page
[jQuery] jquery, ajax, and search engines
I've noticed when I fill in dynamic content on a page using jquery that when you view source you don't see the dynamic content. So I'm wondering if search engines don't see it as well. It's obviously a serious consideration. Thanks!
selectors with ^ giving error :(
hi im using this code to add a class to the mailto link $('a[@href^="mailto:"]').addClass('mailto'); but in firebug im getting this error: [Exception... "'Syntax error, unrecognized expression: [@href^="mailto:"]' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no] Line 0 why?? thanks
[jQuery] How to enable jquery in a loaded page?
Hi there, I am having a problem to enable jquey in a loaded page. For example: base.php has jquery and i load showContent.php like: $(document).ready(function() { $("#show").click(function() { $("#content").css("overflow-y", "scroll"); $("#content").load("showContent.php"); }); but now the jquery in showContent.php doesn't work. if i directly browse to showContent.php the jquery does work Any tips?
[jQuery] Selecting the <param>s inside an object
Hi! I think this is a simple question but I somehow cannot solve it myself. I'd like to remove those new Youtube-Headings on a blog by adding '&showinfo=0' to the Youtube-URLs. It works absolutely fine with the <embed>s by doing this: $('embed').each(function(){ var newname = $(this).attr('src')+'&showinfo=0'; $(this).attr('src',newname); }); Since the <object>-tag gets its parameters from the nested <param> I somehow don't manage to access these. How do I access the name-parameter of each
[jQuery] how to change the iframe src
Hi, what I want to do is to change iframe src, when click the tab. The click function is called, but the iframe src is not changed at all. Do you know what is wrong? Cindy <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=iso-8859-1" http-equiv="Content- Type"/> <title>RAP Console</title> <link type="text/css" media="screen" rel="stylesheet"
[jQuery] Several questions regarding jQuery Approach...
Hi, 1. Assume that there is a table on a page: <table> <tr> <td></td> <td></td> </tr> </table> and I'm using jQuery to manipulate this table by: $("table").table(); What is the right way of accessing "td" elements inside the function: (function(jQ) { jQ.fn.table = function(options, titles, data){ ... ... } })(jQuery); 2. When I'm accessing the same table outside of plugin, like this: $("table").table(); $("table").TableSetTitles({col1:"test", col3: "test3", col5: "not exist"});
[jQuery] How do I add/subtract currency with jquery?
I have a group of form fields that will contain prices in dollar and cents (0.00) that a user enters. After the user enters the prices in all the product fields, discounts in the discount fields (indicated by something like -5.00), and a deposit in the deposit field, they click a "calculate" button to show the final total in the balance due field. I'm too new to jquery to even produce example code. I found a plugin to format currency, but haven't seen anything that does what I need to do. Any ideas?
[jQuery] Datepicker UI Opening at Random / Unexpected Locations
Hi, I have a Datepicker UI linked to a textbox using the following code: $(document).ready(function(){ txtDOB = $("input[name=txtDOB]"); txtDOB.datepicker(); }); Screenshot of the Textbox: http://arch.kimag.es/share/85588260.jpg When I click on the textbox, the calendar opens at an unexpected location as seen in this picture Firefox appears over textbox: http://arch.kimag.es/share/34288230.jpg Chrome Working Fine: http://arch.kimag.es/share/75291561.jpg It works fine in Chrome. I really can't
[jQuery] Superfish Dropdown BG Problem
Hi, I'm setting up my first Joomla site and had a request to add drop down menus. I located Superfish and installed it. Simple, clean, no problems. But wait... It all works well, except for the fact that there is no background image or color on the dropdown items. I cannot seem to address the background of the list items. All are ignored in the superfish.css file. The odd thing is that the drop shadow shows up if I opt it. And the direction arrows work fine too. I don't know why the bg does not.
Datepicker UI Opening at Random / Unexpected Locations
Hi, I have a Datepicker UI linked to a textbox using the following code: $(document).ready(function(){ txtDOB = $("input[name=txtDOB]"); txtDOB.datepicker(); }); Screenshot of the Textbox: http://arch.kimag.es/share/85588260.jpg When I click on the textbox, the calendar opens at an unexpected location as seen in this picture Firefox: http://arch.kimag.es/share/34288230.jpg Chrome Working Fine: http://arch.kimag.es/share/75291561.jpg It works fine in Chrome. I really can't figure out why this is happening..
[jQuery] Ajax callback parameter endless
Hi I have override the confirm function like this : function confirm(msg,callback_true,callback_false) { if yes{ callback_true(); } else{ callback_false(); } } In my application i use the function like this : confirm('message',function(){ alert("ok")}, function (){ alert('not ok')}); I must ask the question a lot of time without reload the page. The problem is , when i recall the question, the answer is show 2 times, when i recall another question, the answer is call 3 times, etc ... I think the
[jQuery] Issue with jQuery text scroller ...
This is the jQuery text scroller script(s) I'm using (http:// sorgalla.com/projects/jcarousel/examples/special_textscroller.html). I have this implemented on my site here: http://sites.fcps.org/testad/ The problem is that the script is set up to feed in content via XML/ Atom feed and i just want to feed in static content from my Web site. So I just want to post content using my Drupal site nodes and then mark up the content so it displays correctly in the text scroller. How can I tweak the script
SOLVED: Image FadeOut-Load-FadeIn (again!)
Hi *, i guess my problem described below is a ridiculous one for all of you. But i have no idea where my mistake is. I have the following code: $(document).ready(function() { $('#thumbnail a').click(function() { //Get the target filename and set to 'file' variable file = $(this).attr("name"); //Fade out current visible image $("#image").fadeOut("slow"); //Get target file $('#image').load(file, function(){
Next Page