[jQuery] next() working in ff but not in iex
Hi, I'm having a problem wit using next(). I have this code which i've built in to a simple test page which you could run to see my problem (obviously you need jquery included in the same directory). IN firefox next finds the div and I get the alert back...as expected. the div is a sibling of the list item and so should allow me to get to the alert. However in IEx this does not happen. Any ideas why? I thought jquery was supposed to deal with browser inconsitency?! anyways heres my code. Thanks in
[jQuery] noob question
Somehow I don't get the concept of get() right. The following expression gives an error; $('p.fl').get(0).css('background', 'red'); Now what I'm trying to do here is select the first paragraph from all the paragraphs with a class of "fl". After that I'm just trying to get a visual id by making it red but it's more about grabbing the element really. There's probably a very good reason why this doesn't work but what I understand from documentation this should work? This ultimate goal is to hide a paragraph
[jQuery] Change URL in beforeSend
I have an app and want to change the url for all ajax requests to give them a relative path. I tried to set up a global change using ajaxSetup and beforeSend, but the url was only updated in the config, not the request object. Any thoughts on how to do this? <code> $.ajaxSetup({ beforeSend : function(J) { this.url = "/newpath/" + this.url; } }); </code>
[jQuery] cancel jQuery binded event handlers
Hi all, I am trying to cancel event propagation in handler I have defined in the following manner: element.onclick = fuction() { /* first handler */ } I have also defined handler with jQuery: $('element').click( function() { /*second handler*/ } ) So the point is I want to prevent invocation of second handler and do this only in first handler. I can't call element.unbind() method in first handler, because it will do this forever. I need to discard invocation for concrete case which I check in first
[jQuery] Attribute selectors different for XML than for HTML?
I ran into a problem today trying to select elements in an XML tree. I finally got it to work, but I had to make my XML handling different from my HTML handling. Can someone help me to understand whether this is a jquery bug or just a gap in my understanding? To select my desired node in my HTML document, I used this syntax: $('option[@value="27"]') And it worked fine. Trying the same syntax on XML: $('Effort[@weekNumber="5"], xml) Causes the Javascript to fail entirely. But when I remove the @ symbol:
[jQuery] validation plugin: how to add custom messages for groups
i have a group that contains both first and last name. i'm wondering if it is possible to have custom messages for groups. i'm trying to achieve something to the following: a. if both first and last name are not filled in: First and Last name are Required b. if only first is filled in: last name is required c. if only last is filled in: first name is required is this possible? -- View this message in context: http://www.nabble.com/validation-plugin%3A-how-to-add-custom-messages-for-groups-tp21299100s27240p21299100.html
[jQuery] [autocomplete] making it work with JSON web service data source
I'm trying to replace a MS AJAX.NET autocomplete control with something a bit lighter and more cache-and-compress friendly and I really love how smoothly the Autocomplete plug-in generally works (http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/). I had to change a couple of things to make it work with our JSON-service- based design: 1) Our application is using web services serialized to JSON and it's working great up until the autocomplete. You can read about the general methodology
[jQuery] [treeview]
Greets ... when i run the tree~menu locally .....it works like a breeze..... when i load it up on the webserver....it freezes.....firebug tells me the error is at line 176 in >> jquery.treeview.js the code in that line is >> var stored = $.cookie(settings.cookieId); the error is >> $.cookie is not a function URL>> www.trinityindia.org the error persists in all the browsers.....3 days down already....have no clue... do help ....:)
Selecting too many children
I have some code that creates tabs from a ul and li tag, and it works nicely and just the way I want it too.... that is until there is another ul tag/ li tag put inside the original li. I tried to set it so it would only select the immediate children of the ul tag such as $(ul#id > li).each(function(i){ etc. I narrowed down the spot were I am sure the goofyness happens before but I cannot find the actual problem. the problem is that the code treats the embeded li tags as if they were a trying to
[jQuery] Jquery remove dd problem
Hi, I'm currently using the plugin jQueryForm. With it I want to retrieve some info from the Ajax request. In order to do that, each time the user submit the form, I need to clean the information retrieved previously. In my XHTML code I have some div in charge of those messages, which is this: <div id="ok" style="display:none;"> <h1>Sucesso!</h1> <dl id="list_sucesso"> <dt>As seguintes operações foram realizadas:</dt> </dl> </div> In the JS part, I did set this: $(document).ready(function()
Easy Checkbox Numbering
I need to figure out a way to populate a hidden div, which is associated with a checkbox, with the number in which the checkbox was checked. Essentially, you would check a random box, and a little number would pop up next to it saying it was the first box you selected. Then you'd scroll down the list a bit, select another box, and it would indicate that you just made your second selection... and so on. Okay, I've got about 30 checkboxes listed, like so: Goal One <input type='checkbox' value='goals[1]'
Add tooltips to page at runtime?
So here's the thought. I have a form with 5 fields <input id="one" name="one" type="text"> <input id="two" name="two" type="text"> <input id="three" name="three" type="text"> <input id="four" name="four" type="text"> <input id="five" name="five" type="text"> I'd like to append a to the end of each field at runtime. When you mouse over, I'd like to see the tooltips like this demo That demo handles the jquery tooltip part of it, but can I use javascript to append the ? icon and reference the jquery
[jQuery] Initial Event Registration
Hi, Is there a plugin kicking around anywhere that would let me declare events on object in a more declarative manner eg instead of $('#button1').click(function(){..}).blur(function(){...}) $('#button2').click(function(){..}) etc etc $('#button3').click(function(){..}) Doing it this way $.register( '#button1:click' : function(){...}, '#button1:blur : function(){...}, '#button2:click' : function(){...} '#button3:click' : function(){...} ) or $.register( '#button1' :{ click:function(){...} blur:function(){...}
[jQuery] Editable new feature $(selector).editable('disable')
This new version of editable supports $(selector).editable(options) $(selector).editable('disable') $(selector).editable('enable') $(selector).editable('destroy') for more information check: http://arashkarimzadeh.com/index.php/jquery/7-editable-jquery-plugin.html or read how to extend for supporting more types here: http://arashkarimzadeh.com/index.php/jquery/9-how-to-extend-jquery-editable.html
[jQuery] High Point Village Website
Hi, I've just finished working on a new web site using jQuery 1.3.1 and would appreciate feedback. http://www.highpointvillage.co.uk/ Rich
[jQuery] validate the field, but not required
hi there, i found jquery is very useful to validate to html page. Thanks for all your effort. Now i want to validate the form but they are not required. only if the text box or other field needs to validate onblur or onclick. For example, if there is first name field, then it should contain only letters. so this should be validate. and at the same time they submit the form without filling the first name. i searched google, but dont find the solution for this. please tell me how to do this.
[jQuery] Problem with superfish example
Hi, I'm trying to get my page working with Superfish based on the example at http://users.tpg.com.au/j_birch/plugins/superfish/example.html But this example doesn't work in IE6, even though the similar example on the main page does work. Unfortunately I have no idea how to fix this. Any ideas?
[jQuery] jqUploader using action does not work with HTTP.
This form action not working: <form enctype="multipart/form-data" action="http://localhost/argofile/ index.php/upload/do_upload" method="POST" class="a_form"> I'm using code igniter framework, this type of url is the path for the "file" : http://localhost/argofile/index.php/upload/do_upload When i click the upload button, this error happens: HTTP error: with NAMEofFILE: error #404 See this print-screen: http://hermes.araripina.com.br/imagens/jqUploader.png When not using the framework, php normal
[jQuery] Long Image Scroller (jCarousel)
Hi Guys, I have a long image that is about 2200 px wide that I need to display within a 500px div. I need a solution similar to jCarousel (Lite) that would allow users to scroll horizontal either using a Mouse Wheel or simply hover a button (preferably right or left half of the image to move to the sides). So far I have managed to do it if I cut the image into pieces and use jCarousel Lite (with Fraction Config) to scroll but I need something that would scroll through the whole image without cutting
[jQuery] Delay triggering modal on mouseover
Hi I have been searching for a way to not fire off the displaying of a popup/modal box on mouse over. I have found a couple things that get me halfway, but I am in a jam and need to get this done ASAP. I am hoping someone could help: Basically I have a list of links that are titles of publications like <a href="#">Title 1</a> <a href="#">Title 2</a> <a href="#">Title 3</a> <a href="#">Title 4</a> <a href="#">Title 5</a> <a href="#">Title 6</a> <a href="#">Title 7</a> When a user hovers over the link
[jQuery] issue with ajax function
Hi, I'm trying to send a string to my webservice. The method I call expects a string parameter and returns a string of JSON data. I've tried this way : $.ajax({ url: "Publication.asmx/GetPublication", data: "pText=some text", type: "POST", contentType: "application/json; charset=utf-8", dataType: "json", }); in which case I get the following error and the webservice is not even reached : Invalid JSON primitive: pText and this way : $.ajax({ url: "Publication.asmx/GetPublication", data: "pText=some
[jQuery] cycle plugin
I am a newbie using the cycle plug-in to (manually) scroll through images. I want to prevent going from the last image forward to the first (or first back to last) and disable the controls that do this. I presume I need to use autostop and/or autostopCount but can't figure out how. Any help much appreciated.
[jQuery] forms :: fire javascript on enter (without reloading the whole page)
hello, i've a text inpput field and a button. if you click on the button a java script gets called (and all works fine) but if you type some text and push the enter button than the whole page gets reloaded on the form submit. i know how to prevent the browser to reload the whole page (by catching the enter button action) but i don't know how to make it do the same like pressing the submit button: # HTML <form id="searchForm" action=""> <input type="text" name="searchText" id="searchText" value=""
[jQuery] Calendar with jQuery or pure JavaScript??
Hi everyone! I need to make a Schedule/Calendar just like Google Calendar, but with some customizations... Do you guys think it is better to make it with jQuery or straight JavaScript?? Thanks!!!
[jQuery] eval(JSON_DATA) how safe is it?
Hi there another question from my, how save is it eval() data getting via JSON $.ajax() call i want to get javascript data to be executed after JSON $.ajax() call. or is there another way to do that?
jQuery Request and Response
Hello All, This is my first post in this forum (I am also very new to the jQuery world). I need some help with the following: From my application server I need to send multiple request to another 3rd Party server and get all the response back. like the URL can be www.testRequest.com/Test www.TestRequest123.com/Test123 www.TestReq123.com/TestReq123?par=123 Number of URL is not fixed, it can be 1 or more. Now as I mentioned I have to send all the request to one server one by one (the URLs) and have
[jQuery] jQuery Fill (use notemplate)
When you want to fill a part of your html with specific data once and show it. You can use $(selector).bind(data,{fill:true}); which require jBind plugin. jBind will bind will first find the html content of matched selector and fill it's content with assigned data. You can find out more by downloading it's sample package or reading it's documentation. This feature is added in version 1.5.3 read more here : http://arashkarimzadeh.com/index.php/articles/6-jquery/14-jquery-fill-by-data.html
.post then .load - not loading anything
So, I have this PHP if(!empty($_POST) || $catSortID != "") { $catSortID = $_POST['catSortID']; $catSortItem = " WHERE category_id = " . $catSortID; } else { $catSortItem = ""; } $catList = mysql_query("SELECT * FROM adminCategory ORDER BY CategoryName"); $catLinks = array(); while ($catlistRow = mysql_fetch_array($catList)) { $catLinks[] = '<a href="javascript:;" class="sortCat" id="sortCat_'.$catlistRow['id'].'" onclick="sortItemCat('.$catlistRow['id'].')">'. $catlistRow['CategoryName']
[jQuery] jquery validate rules using css for dynamic controls
Hi, In my application, controls are generated dynamically. I want to know if I can configure rules by giving CSS classes and NOT by specifiying element name while validating the fields. I tried following code and works in some scenarios: var isValid = $("#questionAnswerForm").validate({ errorLabelContainer: "#messageBox", wrapper: "li" }); if(isValid != null && !isValid.form()){ return false; } I am using struts controls like <html:radio>, <html:text> etc. If I specify error message in "title"
fileupload with $.post
hi hi im trying to upload a file... but not working my code is: $(document).ready(function() { $("#upload").submit(function() { $("#msgbox").removeClass().addClass('messagebox').text('Überprüfe...').fadeIn(1000); $.post("takeupload.php",{ MAX_FILE_SIZE:$('#MAX_FILE_SIZE').val(), file:$("#file").val(), name:$("#name").val(), nfo:$("#nfo").val(), poster:$("#poster").val(), descr:$("#descr").val(),
[jQuery] Feedback request: Bigger Link plugin updated for jQuery 1.3
Hey all, Back in 2007 I published a jQuery plugin called Bigger Link to make it easy to extend the clickable area of links. http://plugins.jquery.com/project/biggerlink I have rewritten it to take advantage of jQuery 1.3 (which it requires), fixing a bunch of sloppiness and attempting to make it a little more flexible in use. Your feedback is appreciated! Give it a spin and please let me know of any issues - it needs more testing before I will be comfortable adding it to the official plugin directory.
thickbox in a new window
[code]<a class="thickbox" href="viewgallery.php?uploadid=<?=$uploadid?>&keepThis=true&TB_iframe=true&height=537&width=493"><img src="<?=$imagedisplay?>" width="100" height="100"/></td>[/code] I need that above linke pop up the viewgallery.php?uploadid=<?=$uploadid?> page into the new window ,and not in a same window. any help?
[jQuery] live Problem
Dear FOlk , I'm going to upgrade my liveQuery code , I figured out that LIVE in jQuery 1.3.1 doesn't Support Focus and Blur and also it doesn't support the no-event Style callback that liveQuery provides... what is the solution.
[jQuery] [datepicker] Offset problem
Hi there all, I am using the latest version of jQuery-UI and in particular the datepicker. On the one site everything is perfect but now, using on another site, the datepicker opens up offset about 30px above the input field. I can interact with it and it does fill the correct field if a date is selected, just not sure why the offset is happening. Any ideas? Thanks, Schalk Neethling
Nested accordion problems
Hi, im pretty new to jquery and trying out nested accordion and i ran into some problems. I dont know if its my lack of javascript/jquery knowledge or a bug in jquery. First issue is that the accordians starts expanded, i want it to start collapsed except the top element. The other problem is that i cant put text inside a accordian element that has a nested accordion. what happends is that the text dissapare or the nested accordion disapear.. The height seems to live its own life aswell Am i doing
Ajax form post syntax
Hi everyone I'm in the process of trying to jQuery our intranet DB system up a bit, but I'm getting into problems because I don't really know how to write the jquery syntax properly. I've only ever done basic JS for form validation etc. I'm getting there gradually though. I've made a reminders system, where on every page the following jQuery happens: // REMINDERS POLL AJAX $('#reminders').oneTime(9000, function() { $(this).load('/reminder_poll.php?'); }); $('#reminders').everyTime(45000, function()
[jQuery] click fires twice
both jquery-1.3.1 and 1.2.6 on FF No beginner here, but I'm absolutely stumped. The following function is firing twice. There are no other event handlers involved (and, anyway, it's only whatever I put in this function that runs). I've found a couple of messages online about similar problems but nothing that seems to apply here. $('#newsletter_posts_list a').click(function(e) { alert(this.href); e.stopPropagation(); return false; }); The stopPropagation call was the last thing I tried.
appenChild in MSIE fails when used with $("#id").h
Hi Guys, This is my first post in this forum, hello everyone! Well, currently I am struggling with a small problem related to MSIE. Works in Safari, FF, Chrome and Opera. Basically, I have an element in the head... its a <style> tag. I have assigned this tag an id, so that I can change it's contents later using jquery's $("#id").html(.... MSIE fails at this because html() works with appendChild() and apparently MSIE isn't so good at supporting that. The reason I am writing to the <style> tag's content
[jQuery] Tablesorter plugin
HI all I have been using a function to create the table... this functions accepts a list and 2 content place holders to put table and pager ... but something is going wrong.... the pager css doesnot work correctly... some time it overlaps table ... sometimes it comes outside the table.. I am using this function coz i have table on each page of website ... so I made this function once and call it with the list that I need to populate on a particular page.... can somone tell me why pager is not placed
[jQuery] [validate] Not Working for me
Ok, I got the js file and jquery file placed them on the webpage, gave my form an id exactly how the demo had it and still nothing, doesn't even work. Please help, I 've been trying everything and still nothing
Next Page