[jQuery] Taconite vs JSON
Hello, I'm doing a website and I'll use ajax (or ajaj...) but I have a question. I don't know if I should use Taconite or JSON. I already know Taconite, it works well, but there's something which disturbs me. With Taconite, I have to specify directly in the php what html element I'm going to modify, so I already intervene with the design. Yes, I use MVC though and I write all this code in my V part. But, with JSON, I never specify in the php something about the design. It's just when I receive my
[jQuery] nth-child(n) not working for me.
I switch between var n = 2; nth-child(n) and nth-child(2) and get different behavior. Any suggestions/work arounds? Thanks! Here is the code: <html> <head> <title>nth child</ title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> //Add input box for each column $(function(){ var n = 2; // $("#filterTable tbody tr td:nth-child(2)").each(function(){ $("#filterTable tbody tr td:nth-child(n)").each(function(){ $(this).append("this row");
[jQuery] Using jQuery Form Plugin - submitting special characters
I am trying to send special characters through my form, using the form plugin, but they keep on getting converted to strange characters. e.g. Smart quotes from MS Word, etc. So, what I am wondering is, what do I need to do to fix this? I thought that submitting the form into an iframe with the form plugin would fix this problem, but it doesn't seem to, still the same issue. Do I need to tell the form plugin to use the same charset that I use on my site? <script type="text/javascript" charset="iso-8859-1">
[jQuery] Passing values to functions
Hi, I am trying to get my head around jquery and am converting some standard javascript code over. My old code was setup like this: function deleteid(id){ // Delete by id } Then for html I have: <a href="javascript:void(0);" id="delete" onClick="deleteid('{$entry.cID}')"> Now moving to jQuery I just can't figure out how to pass the id I want deleted attached to the click function. For example: $("#delete").click(function() { }); How to I pass the id of that row I want deleted? I know this
[jQuery] Hover on all elements: $(*).hover(...)
Heyo jQuery hackers, I'm putting together a little script that adds a class "selected" to an element when you hover over it. When you stop hovering the class "selected" class is removed. I would like the class only to be apply to the lowest element in the DOM. For example say I was hovering over a deep inside a document - I would like to only add the class "selected" to that tag, not the <div>, <body> and <html> tags surrounding it. So far my thinking has been to use something like this: $(function()
[jQuery] div.hover, only w/ background-settings in IE?
hi, .. by using this snippet, everything works great in Firefox - you can move the mouse everywhere inside the red DIV border, and get out .. the fading effect always works correctly. but, in IE 6/7, .hover only seems to act when the mouse is AT the red border; well, if you set a background-color to #test, or, a background-image (like a transparent GIF), it also works ... but, when setting a transparent GIF, IE 6 flickers ... like, swichtes between default cursor and hour glass during the fading
[jQuery] Enabling few dates
<div dir="ltr">Hi All, I am looking for a calendar component wherein I can enable few dates only for eg...I have, say 15 dates in a year which need to enabled for selection out of the whole year. How do i do it, which plugin can I use, I am at present using a calendar componet by matt kruse and wont want to change if at all possible. Thanks & Regards Faizal </div>
[jQuery] dates - fourth Saturday from any given date
I'm completely new to this group, because I've only just discovered it, so please forgive me for being a novice. I'm totally baffled by dates - I work in an office that runs an intranet which occasionally needs some kind of js to calculate things. I've pretty much got my head round doing basic calculations to display results depending on the user's input, but I am totally baffled by how js works with dates, please forgive me again if the term js for Java Script is offensive, if so, can someone let
[jQuery] Problem Firing AutoComplete in JQUERY
Autocomplete is not fired for a textfield when the field is loaded using ajax but the is fired when the same field is loaded directly. Is there any issue that needs to be resolved regarding the same.
[jQuery] Double JQuery Connundrum
Hi, I'm creating a widget that uses jquery. As you might imagine, it might load on a page already having jquery loaded. Is there a way to load two instances of jquery in a page? Perhaps some variation on noConflict()?
[jQuery] SlideViewerPro - modification request
Im using SlideViewerPro from Gian Carlo Mingati- great plugin!! You can see my implementation here: http://www.mydesign.net/our-projects/attractions/acme-factory-raft-ride I would send him this request, but his entire site is in italian and I dont see a way to contact him. What I would like is to add passive functionality to this where the image would change automatically after a given interval, with the main image sliding and the 'current' status changing in the nav below. Would anyone be interested
[jQuery] jQuery.center Plugin
Hi all, I'm trying to debug a plugin - I believe its a new plugin and has a bug as the behavior of it is incredibly inconsistent across browsers. The plugin is the jQuery.center - http://plugins.jquery.com/project/elementcenter. For reference I've put a basic example of my implementation of this: http://www.rdp.freshmango.com/defaultAlexanmtz.asp I also found another version of the plugin here: http://exscale.se/archives/2007/11/20/jquery-center-element-plugin/ For reference I've put a basic example
[jQuery] nth-child(n) not working for me - I didn't see my previous post
I switch between var n = 2; nth-child(n) and nth-child(2) and get different behavior. Any suggestions/work arounds? Thanks! Here is the code: <html> <head> <title>nth child</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> //Add input box for each column $(function(){ var n = 2; // $("#filterTable tbody tr td:nth-child(2)").each(function(){ $("#filterTable tbody tr td:nth-child(n)").each(function(){ $(this).append("this row");
Understanding $.each and stored variables
Hi, I need to iterate over a list of elements and I want to store variables within the $.each-section for later use in some functions. Now I have a problem to understand why the variable $this of my function "doFunction()" returns always the last element while $(this) in the click-handler returns the right clicked element. I thought that defined variables in the $.each-Method are like closures - and separate within each iteration. Are you able to explain me how the whole thing works? Here's the code:
$(..).click() annd getting access to other method
Hi. My code in short like this: function Class() { this.foo1=1; this.foo2=2; this.Init=function() { // create HTML and append to DOM here this.AddListeners(); } this.AddListeners=function() { $('get existing element right').click() { this.DoSome(); // !!!!! } } this.DoSome=function() { console.log(this.foo2); } } var object=new Class(); object.Init(); Of cours function DoSome() not run.. I know why, but - what can I get access to this method from
Show / hide with multiple words in text link
I'm using the show/hide functionality in jquery, html and jquery code below. The problem is when I add more than one word in the link text, the code doesn't work. Shortened html: <!-- module d --> <div class="module-single"> <div class="module d" id="FOOTBALL"> <div class="FOOTBALL selection"> <p>Lorem ipsum dolor sit amet</p> </div> <div class="BASKETBALL SECOND" style="display: none;"> <p>Lorem ipsum dolor sit amet</p> </div> <div class="switch_links"> <p>Recruiting: <span class="basketball"><a
Adding class to elements
I want to add a class to every input field that is the same as the type attribute value and an id that is the same as the name attribute value (so I can properly target them with CSS across all browsers). I thought this would be right but I guess not cuz it doesn't do anything. $("input").addClass($(this).attr("type")); $("input").attr("id", $(this).attr("name"));
[jQuery] best/standard way to benchmark your own scripts?
looking to find possible bottlenecks and basically optimize the hell outta my js which relies heavily on jquery and the occasional plugin... is there a more elegant and efficient way to do this than to toss a few document.write()s at my code?? =P thanks!! -Alex
[jQuery] Selecting a nested Ajax Tab from a link
Hello! I am using UI Tabs...and I think it is GREAT! Q: Is there an easy way to navigate to a Nested Ajax Tab from the main tabbed page? I have created a tabbed page with Ajax content: http://www.edh.realmdigital.co.za/productgroup/golf/60 The first Tab has nested Ajax tabs. For the life of me I cannot figure out how to select a SPECIFIC nested tab from a link on the main page. If you click on "Buy Now" I need to go to the first main tab and then to the 3rd nested tab within. I can select the main
[jQuery] jdmenu top level links disabled with submenus
Hey all, Im using the jdmenu and when i add some sub menus, the top level menu item link is disabled. If i try to click it it does nothing, and I need to have that top level menu item still available to be clicked on. If anyone has any suggestions, please let me know. Cheers, Matthew
[jQuery] jQuery.sheet, new layout, ThemeRoller integrated, what does everyone think?
Hey Guys, I just released jQuery.sheet 0.3.0 and wanted to know what everyone thought about it. Check out documentation & demo here: http://jqueryplugins.weebly.com/uploads/3/1/3/8/313814/jquery.sheet.html Check out home page here: http://jqueryplugins.weebly.com/ . With your help, we can make jQuery.sheet the premier web-based spreadsheet! K-BL
[jQuery] find, not selector not working
I have the fairly simple markup below and am trying to only get only the checkboxes under the first level LI (Main 1 and Main 2), not the deeper ones. <ul id="el"> <li> <input type="checkbox" value="1" /> - Main 1 <ul> <li> <input type="checkbox" value="1" /> - Sub 1 </li> <li> <input type="checkbox" value="1" /> - Sub 2 <ul> <li> <input type="checkbox" value="1"
[jQuery] get an image from an input field just with javascript
Hello everybody, I wonder, is it possible to load an image (which the user is choosing by a form) directly with javascript without submitting the form? For instance, I could have: <form> <strong>Page Background: </strong> <input id="bg_image_path" type="file" name="bg_image" /> <em>Upload the image that you want to use as a background.</ em> <a id="preview_btn" href="javascript:void(0);" >PREVIEW</a> <input type="submit" value="SUBMIT" class="form_button"> </form> If they press SUBMIT the
[jQuery] jTemplates and event handlers ?
Hi there, I have created a table of data using jTemplates where I have my table template in a seperat .html file. I generate some links in the the table that i want to add a event handler to but i can't get it to work. What i do is using this code to add event handlers to all links with class name "remote" and then add it to (document).ready : function addClickHandlers() { $("a.remote", this).click(function(e) { e.preventDefault; $("#Container").load(this.href, addClickHandlers); alert('Testing event
[SOLVED] I'm sure this is easy..
Hi, I'm building a custom cms for an application with a "Page Linker". The "Page Linker" basically lists out all the links on the site from the db with an input box at the top of the page. What I would like to do is when they click a link the address gets put into the input box which they can select and paste into the cms link dialogue (fckeditor). I am a total newbie when it comes to jQuery so I really don't know where to start with this but I think it should be easy enough?? Any help would be greatly
[jQuery] [validate] Issues in IE6
Hi, I've got form validation using http://bassistance.de/jquery-plugins/jquery-plugin-validation/ working well in Firefox 2, Safari 3.1, Opera 9.5 etc but throwing up an error in IE6. I can't see what's wrong, any suggestions? http://www.edenvillamedical.co.uk/ The form in question is under the 'Prescriptions' tab. 'Patient Name' is required. Appreciate any help. Many thanks Matt
why doesn't this work
I am trying to figure out how to get this to work. I have a simple link. When you hover or mouseover the link. the box below slideToggles in. when you mouseout of the link. the box slideToggles out. What I want is to beable to keep my mouse in the box that appears and when i mouseout of that box, then the box will slideToggle. but i can't figure out how to get it to work. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
[jQuery] getting/setting height() in IE6 quirks mode behaves inconsistently
In IE6, quirks mode, I expect this to not change their height of an object: var h = $obj.height(); $obj.height(h); However, it does cause a re-size (if the object has padding/borders). Is this intended? ( Using: http://code.jquery.com/jquery-latest.pack.js ) It looks like when height() is called, it returns the internal height, minus borders and padding. When height(val) is called, the height includes borders and padding. I believe these should behave consistently in quirks mode. In standards mode
[jQuery] Using .load and updating the DOM
Hi - I'm using .load to update a panel on a page when a user clicks to add an item to a list. The panel reloads ok, but next to the item in the list is a link to remove it - this is an <a> tag with a class; I have a function listening out for clicks on links with this class, but this doesn't work for links that are loaded into the updated panel _after_ the page has been loaded. The list is up-to-date, but the remove links are redundant. Is there a way to update the dom so that it 'knows' these links
[jQuery] hover() with mouseout() problem
Hi, I'm having some problems - i'm sure they're lame, but i can't handle with them by myself. Any help really appreciated :) So, here's the problem: I'm moving mouse over menu item, then a submenu (beneath the main menu) shows up. I'd like to move mouse around the submenu, but it dissapears. How to make submenu visible (and clickable, because it contains an unsorted list) and make it dissapear after moving mouse out from it? Here's the code: $(document).ready(function(){ $("#trzy").hover(
[jQuery] add/removeClass problem
Problem: I have two divs, each containing tab navigation. When I click tab navigation items they receive class 'selected' while the previously clicked tab anchors retain 'selected' class as well. My intention is that with click of tab, other tabs drop the selected class. jquery: $(function () { $('div.tabs').each(function () { var tabContainers = $('> div', this); $('ul.tabNavigation a', this).click(function () { tabContainers.hide().filter(this.hash).show(); $('ul.tabNavigation a', this).removeClass('selected');
[jQuery] selection element
I have selection problem. When i call the function value isnt comming. How can i choose the title value from this array? HTML <LI class=resourceListItem id=649459 title='=WTF=RvrvDH/k8XAVENVFZJ/ xoQKasfd/JsdfhJTVKVadsfASA='> <LI class=resourceListItem id=649458 title='=WTF=RvrvDH/sdafasENVFZJ/ xoQadfwCd/JXhJTVKVOXdasdA='> <LI class=resourceListItem id=649457 title='=WTF=RvrvDH/k8XsadNVFZJ/ xoQKwCsdfa/JXhJTVDewfsdDWW='> <LI class=resourceListItem id=649456 title='=WTF=RvrvDH/asfdsfAVENVFZJ/ xtlqNwmXBhxUfqGt3V8Cg8E='>
[jQuery] simple test if all checked BEGINNER
Hello I sucessfully implemented a test to see if all checkboxes are checked: $("form#form1").submit(function() { var anzahl = $("#form1 input:checked").length; if (anzahl=="7"){$("#all").show(500);} return false; }); I think this can be done more elegant, because when the number of checkboxes change, I have to change my code. Not sexy.... Thanks in advance Thomas
[jQuery] PHP port of jQuery
Hi, I would like to introduce you phpQuery - jQuery port to PHP. http://code.google.com/p/phpquery/ There was one topic mentioning about it, but it is one year old and i decided to start a new one. phpQuery implements following portions of jQuery API: 1. Selectors 2. Attributes 3. Traversing 4. Manipulation Today library seems to be quite stable, there is couple of test cases, but massive public tests would be very appreciated. License is MIT, like jQuery. Latest release download (as for today):
[jQuery] JQuery - wrap() + Internet Explorer problem
Hi, well I got some problems with wrap() and IE. It works fine in FireFox but if I try it in IE it removes every picture beside the one I clicked. But if I tab in an other register in IE and tab back it works like in FireFox. I wonder if there is a way to get it work with wrap() or if there is an other way to get it like that. I hope someone got an idea. -weidc
[jQuery] jQuery validation use different event for differernt input
<div dir="ltr"><div>Hi all, </div><div> </div><div>Some question on the validation plugin.</div><div> </div>Say there are 3 fields, and the first one is user name.<div>I want to check the availability of the user name on focusout using 'remote'.</div> <div>But for the rest of the fields, only validate when user clicking submit button.</div><div> </div><div>Can I do that? -- Best Regards, Jacky 網絡暴民 <a href="http://jacky.seezone.net">http://jacky.seezone.net</a> </div></div>
[jQuery] [validate] generated attribute
Hi, I'm trying to use this plugin and it looks wonderfull. But i wonder if is necesary to use generated attribute which is invalid. In my opinion right way is to add/remove some class to element for example class with name generated_by_jquery_validation :-). But its only my idea...
[jQuery] Galleria + UI Accordion not working
My goal is to create an accordion menu that exposes a group of thumbnails in a galleria gallery (galleria is a jquery gallery plugin). The idea is that each header item represents a different gallery, so clicking on that item exposes the gallery thumbs, which the user can click to load the full sized picture in the main content area. The two plugins are interacting poorly -- the gallery breaks when it's inside a list that is an accordion. The accordion still works as expected, but the list of thumbs
[jQuery] Resolve Mootools Conflict
Just wondering how I can resolve the jQuery/mootools conflict on: http://www.tccnotary.com/contractorform.php I have tried moving around the "jQuery.noConflict();" script to different spots within the code but to no avail.
[jQuery] Finding DIVS with similar IDs
I have multiple DIVs with similar IDs: <div id="test1">Test 1</div> <div id="test2">Test 2</div> <div id="test5">Test 15</div> <div id="test11">Test 11</div> What is the syntax to hide all the DIVs that start with 'test'? This doesn't work: $("id*=test").hide(); also tried: $("id:contains('test')").hide();
Next Page