[jQuery] Jquery Tabs, want to remove white line under selected tab
Hello, My Jquery Tags are working perfectly. But the only problem I am now experiencing is the selected tabs have a 1px white line underneath them. I have matched the colour of the tab and pane, but the 1px line underneath makes the tabs look separate from the pane. Has anyone encountered this issue and know of a quick fix? Martin
[jQuery] Help with jquery functions
dear members, new on the whole jquery thingie, and need help on for the follwing: I want to refresh a dive that contains a php query. It has to refresh every 3 seconds. What i see is that the follwing code isnt correct. it also starts $(document).ready... twice... it has to be wrong, but what do i have to make it. please help :'( <script type="text/javascript"> $(document).ready(function() { $("#fileUpload3").fileUpload({ 'uploader': '/CMS/scripts/uploader.swf', 'cancelImg':
[jQuery] Pointless but fun jQuery experiment
Inspired by google's chrome experiments I recently put together a pointless but fun experiment with the help of jQuery and I thought that people on the list might like to check it out: http://www.kelvinluck.com/assets/jquery/boingPic/index.html As I said, completely pointless but makes a nice change from "serious" progressive enhancement! Hope you like it, Kelvin :)
[jQuery] tablesorter plugin
Hi all, I found this very handy tablesorter plugin (http://tablesorter.com/ docs/#Demo). But i have a problem when i want to put an image in it, the image is trashed and/or does not display properly. Is there a special way to do it with tablesorter ? my code: echo '<td>'; echo '<a id="'.$row['userId'].'" href="#"><img src="images/ recycle.png"></a>'; echo '</td>';
Slide toggle , how to do this better?
Hello, I am working with jQuery for the first time and I am trying to create something relatively simple. Its displayed here http://www.octografx.com/deoudeplank/producten.html The .html code is as follows: <div class="prod"> <div class="prod_title"> <h1>Vloer Titel</h1> </div><!-- end prod_title --> <a href="#" title="calc"> <img src="images/prod1.jpg" alt="prod1" border="0" /> </a> <div class="prod_desc">
[jQuery] Attribute selector
Hello! I'd like to set a css property on every table, that have style="table-layout: fixed" attribute. I tried this, but don't works: $('table[style="table-layout: fixed"]').css('background-color','#DD0000'); With id attribute works: $('table[id="mytable"]').css('background-color','#DD0000'); But i don't want to add id-s in tables. How can i solve this like first example? Thanks you! Lay
[jQuery] Make jeditable select show the option's text instead of value
I mean If I have this: {'E':'Letter E','F':'Letter F','G':'Letter G'} and the corresponding generated select with options. I want jeditable to display for example "Letter F" instead of "F" after selection. Is it possible? Thanks
[jQuery] Timers and jQuery problem
What is wrong with this code? $(document).ready(function() { var a = $("#job-banner-content div"); if (a.length > 0) { var i = 0; var f = function() { i += Math.max(1, Math.floor(Math.random() * (a.length - 1))); var b = a.eq(i % a.length).css("top", "-200px").animate ({ top: "0px" }, 2000); setTimeout(function() { b.animate({ top: "200px" }, 2000); }, 7000); } f(); setInterval(f, 10000); } }); What happens is that the animation only occurs occasionaly every 10 sec not every time with 10 sec intervals.
[jQuery] aborting a $.getScript() request
I have the following AJAX request. $(document).ready(function() { var iconLoading = $(' mini.gif '); var pluginLoaded = $('Plugin ready'); var requestScript = function() { $(iconLoading).insertAfter('#my_button'); $.getScript('http://www.domain.com/jquery.corner.js', function() { $(iconLoadind).hide(); $(pluginLoaded).insertAfter('#my_button') .css({background: '#ffc', padding:'3px 5px'}) .fadeOut(3000); // do
[jQuery] Cross-browser inline style injection in DOM
Hello all jQuery people. This is my first post in this list but I hope I can make sense with my question. Currently I'm developing some web applications for internal use, porting some old ones. I'd love the jQuery-way to do asynchronous requests, so I developed a plugin similar to Pimentech jFrame. Basicly, it "automagically" catches all clicks on links, sends an AJAH request and loads the response inside a container. The problem came when the response contains STYLE or LINK tags. Using Firefox and
[jQuery] question about getJSON and surrounding JavaScript comments in JSON
I'd like to use the getJSON function but my data source has surrounding javascript comments on it. Is there a way I can use getJSON and pass it a parameter to strip this off. If not is there a different function that would be more appropriate? I am able to remove the Javascript comment characters and getJSON works fine but the feed is this way. thanks for any help. jt
[jQuery] Intelisense in VS2008
Hi, I copied jquery-1.3.2.js and jquery-1.3.2-vsdoc.js files into the same directory and intelisense works, but not in complete. For example, I don't have almost any properties and methods of event object, like event.stopPropagation() or event.isPropagationStopped() and similar. Why intelisense of event object doesn't work? Thank you for your answer, Simon
[jQuery] Trouble styling submenus of Superfish
Hi there, I'm having a problem styling the submenus of Superfish. The text on hover jumps a few px to the left. I have played around with it, but I can't figure it out. If I add in padding-left: 5px to this in the css .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #CFDEFF; outline: 0; } it then puts the parent item out of whack. http://www.rugbygoldcoast.com.au/rugby/index.php I would appreciate any guidance :) Thanks
[jQuery] must show an element if exists
hi, i am learning jQuery and confused about one thing.below is simple code using jQuery. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { if ( $('#myDiv').length ) $('#myDiv').show(); }); </script> </head> <body> <div id="myDiv">Search Engines</div> </body> </html> i am trying below lines. if ( $('#myDiv').length ) $('#myDiv').show();
[jQuery] Trying to get CrossSlide plugin to work
I'm trying to implement the CrossSlide plugin with Drupal and I'm not having any luck. Based on some help I got from this group, I have this code that sets a different banner depending on the URL in script.js (at www.oregonpatrolservice.com): Drupal.behaviors.setBanner = function (context) { var img = { '/content/about-us': 'images/OPS-Banner-02.jpg', '/content/services': 'images/OPS-Banner-03.jpg', '/content/ops-armory': 'images/OPS-Banner-04.jpg', '/content/careers': 'images/OPS-Banner-07.jpg',
JQuery Accordeon + ASP.NEt user controls
Hi! I would like to know how I can use jQuery's UI control Accordeon on an asp.net website. What I have: A widget-like user control thath loads dynamically when the user selects an option. The user may have several widgets loaded at a time and they are all displayed in a "side bar" placeholder. The user can load or unload any widget. This is working fine. What I want to do: Use jQuery's accordeon do organise the widgets. Whenever the user selects a widget, I want to create a new accordeon page and
selecting nextAll ('tr.drink')stop when a('tr.food')[SOLVED]
How do I accomplish this? <tr class="food"></tr> <--I'm here, SELECT nextAll('tr.drink) <tr class="drink"></tr> <-- select <tr class="drink"></tr> <-- select <tr class="drink"></tr> <-- select *** lots of other drink ** <tr class="food"></tr> <-- STOP! stop when tr class="food" appears. <tr class="drink"></tr> <-- doesn't get selected <tr class="drink"></tr> <-- doesn't get selected <tr class="drink"></tr>
[jQuery] Jquery with Rails application
Hi all.. I am new to JQuery, I am trying to implement Jquery with Rails apllication. I installed JRails and implement some effects. But i couldn't able to find exact result.. can anybody tell the usage of Jquery with Rails
[jQuery] attr("href") giving full path instead of relative in IE
I'm wanting to read in the exact string that's contained in an anchor's href attribute in order to use it as the POST variable list for an Ajax call to a PHP script, however in IE6 and 7 the string read from the href attribute ends up being the absolute path, not just the href attribute. Here's exactly what's happening: vars = $("a").attr("href"); alert(vars); <a href="page=2">This should return "page=2"</a> What I get when running locally in all browsers but IE is what is expected, an alert box
[jQuery] Jquery with Rails application
Hi all.. I am new to JQuery, I am trying to implement Jquery with Rails apllication. I installed JRails and implement some effects. But i couldn't able to find exact result.. can anybody tell the usage of Jquery with Rails
[jQuery] Jquery with Rails application
Hi all.. I am new to JQuery, I am trying to implement Jquery with Rails apllication. I installed JRails and implement some effects. But i couldn't able to find exact result.. can anybody tell the usage of Jquery with Rails
[jQuery] [autocomplete] jquery + dwr
Hey guys, I'm using jquery + autocomplete plugin (by Jörn) and I trying to make it work with DWR(<a href="http://directwebremoting.org/">http://directwebremoting.org/</a>). My problem is that jquery autocomplete takes a url or data directly, but to make DWR works properly, I must use their javascript functions and handle the callback. Here is a example: <span style="font-family: courier new,monospace;">TestAutoComplete.findAutoComplete(token, function(data) { /* do something with data*/ });</span>
[jQuery] Jquery Tabs shown Horizontally in Firefox but shown Vertically in IE...?
Hello, I am using Jquery Tabs in a webpage and the problem I am having is that the tabs are shown correctly in Firefox (Horizontally), but incorrectly in IE (Vertically). Does anyone know a simple solution to this problem? My html is very vanilla (see below) <div id="tabs"> <ul class="holder"> <li><a class="tabOne" href="#tabs-1">Tab 1 Title</a></li> <li><a class="tabTwo" href="#tabs-2">Tab 2 Title</a></li> </ul> <div id="tabs-1"> Tab 1 </div> <!-- End of Tab 1 --> <div id="tabs-2"> Tab 2 </div>
using variables in the $(...) selector function
i am trying to get a hold of a td (specified by the position startTd) within a table and am using the following code: $('#year tr td:eq(startTd)') but the startTd variable is not read properly...how do i get around this? thanks!
[jQuery] highlight navbar
I'm trying to make a navigation bar with highlighted tabs. It works when I specifically click the tab, but if I come to the page from an outside link, I can't get the tab to highlight. How could I say something like: $("#navbar a").each(function(){ if(this.href *like* window.location) (this).addClass("selected") } What do I put in place of *like*? Or if you know another good way to do it, that would be helpful. Thanks in advance.
[jQuery] Jquery with Rails application
Hi all.. I am new to JQuery, I am trying to implement Jquery with Rails apllication. I installed JRails and implement some effects. But i couldn't able to find exact result.. can anybody tell the usage of Jquery with Rails<br clear="all">
[jQuery] Looking for talk submissions for Open Web Vancouver 2009
I'm helping organize this year's conference; the dates are June 11th and 12th at the Vancouver Convention Centre. I'd love to see some talk submissions jQuery ( & jQuery UI ): http://www.openwebvancouver.ca/node/add/talk So far we have a few interesting confirmed speakers including Chris Messina and Rickard Falkvinge ( leader of the Swedish Pirate party ): http://www.openwebvancouver.ca/node/25 Any questions, let me know. Jeff
[jQuery] scrollto function works with static html, but not with identical generated html
hi all - i'm just trying to scroll an iframe without a big standard scrollbar, but have run into a confusing problem: i'm able to scroll static html pages loaded in the iframe fine, but for some reason am unable to scroll pages that have been generated by drupal or blogger in firefox. (safari works fine). my test page is at http://nickzmusic.com/nick.html note the two nav links at the top to two identical pages (one static one generated). one works and one doesn't. any ideas as to why? thanks in
Assigning one css class, need to differentiate between them!
Hey guys, I am pretty new to jQuery and have looked around the place and can not find the solution to the problem I am currently having. Ok, i'll get straight into it, so I have an anchor tag as follows: <a href="" id="<?=$memberPhoto['id']?>" class="btnApprove" /> Where the id is assigned to the id of the photo in the database, and the class "btnApprove" relates to the CSS .btnApprove { display: block; width: 25px; height: 20px; background: transparent url(/default/images/system/btn_approve_1.png)
[jQuery] Ignoring mouse events?
Hello, I have a table of items, and each one of them is manageable somehow. That is, for each one of them I can provide links to modify, enable/disable, delete, etc. Basically a simple CRUD application. Now, instead of using ever-present links for each row, I'd like to show a little div with the options on top of the row under the mouse cursor. Just as a test, I managed to hot-track the current row with a .hover() and I also positioned the div (a "global" div, BTW) on the tracked row. My problem
activity indicator
I have an add to favorites image button that when clicked changes it's icon to unmark, posts to a php page, and displays a finished message when done. I wanted to also include an activity indicator, a spinner, throbber, whatever they are called. Everything works but my indicator. The indicator is just a div with the animated indicator, and a display of none. Any advice or suggestions are greatly appreciated. I think i have included the relevent code below. If not let me know. maddogandnoriko Jquery
[jQuery] Post Form to Two Servers
<div><font class="Apple-style-span" face="tahoma, sans-serif">I have a form with a normal action to submit the data.</font></div><div><font class="Apple-style-span" face="tahoma, sans-serif">However, I want to submit SOME of the data to another form on another server.</font></div> <div><font class="Apple-style-span" face="tahoma, sans-serif"> </font></div><div><font class="Apple-style-span" face="tahoma, sans-serif">How does one do this?</font></div><div><font class="Apple-style-span" face="tahoma,
[jQuery] looping through json and adding dom elements (options)
i am new to jquery and what i intend to do now is to load json from server and then based on the json, remove all options from a drop down and populate it with new items from the json. something like a cascading drop down. i dunno if the json outputted is correct? do i need something like "department": ['xxx', 'yyy', 'zzz'] [ {Value: 1, Item: Physics}, {Value: 2, Item: Chemistry}, {Value: 3, Item: Biology} ] then i want to remove all <option> from a drop down then populate it with something like
[jQuery] I <heart> jQery!
Just wanted to send a little luv note to the jQuery team. I'm a UI designer and NOT a programmer, but learning jQuery has allowed me to make my software wireframes/prototypes way more functional. Yesterday a client said to me, "I'm amazed at how fast you guys turn around these wireframes." Well, it's mostly due to jQuery. So, a big thank you to the creators, shepherds, and evangelists, and also to the forum experts who have been remarkably responsive and helpful. Cheers! -Kim
I am really stuck
Hi, I guess you couldn't more stucker than me ( is that even a word? ) I am new here so please excuse me if i am in the wrong area. I am really stuck with a j query function for my website. I can't have anyone tell me what to do or what to change, because i have no clue, it's all been built for me. So what i really need is someone i can pay to fix a couple of issues, and i am sure there will be plenty more work down the track if anyone wants it. So If anyone can help me, please, please shoot me an
News ticker (BBC style)
I'm using the very nice News Ticker by Bryan Gullan http://plugins.jquery.com/project/BBCnewsTicker and i need to add the functionality to allow the links <li><a href="###">url.com</a></li> to be scrolled through by using a next or back link <a href="#>Next</a> at the moment i keep breaking it I'm new to this Forum and would really appreciate any help Craig /* News ticker plugin (BBC news style) Bryan Gullan,2007-2009 version 1.2.2 updated 2009-02-15 http://www.makemineatriple.com/jquery Use and
for loop which makes ajax calls
hi. i have a for loop which (upon every iteration) calls the function $.getJSON(....) which gets data from an external php file and populates a table in my document using the .appendTo() function. the ORDER in which the data is retrieved is very important for my application. document: >> data from $.getJSON(..0..) >> data from $.getJSON(..1..) >> data from $.getJSON(..2..) >> data from $.getJSON(..3..) where the 0,1,2,3 are values passed from the for loop to get appropriate data which DEPENDS on
[jQuery] Noob Question - How do you use the plugins created here in Dreamweaver?
I am new to the whole plugins thing. Can someone help me? I am looking to use the JQuery Carousel and want to know how to use these plugins. Please be descriptive if possible, or point me to a tutorial. Thanks all in advance, Aza
[jQuery] JCarousel and non-image carousel items
Has anyone had any luck with turning small blocks of markup (like an unordered list or something) into items within jCarousel? What I mean is, if i have 10 list items that i want to scroll through in the carousel, and 9 of them are images while the last one is a bit of html text, has anyone been successful with displaying them all correctly and avoiding the ol' "infinite loop" alert? Thanks!
[jQuery] Jquery and MShtml automation??
Hello, Wondering if anyone might have insight into using jQuery with Mshtml. I'm trying to automate a textarea control that is inside of a dojo widget (ajax). I want to send text to the textarea and have it display as if the user were manually entering the text. I've tried the standard methods but the control is wrapped so tight with dojo that I cannot get to it, the closest I can get is its offscreen textarea control, but placing text in there does not display it nor is the text actually attached
Next Page