long loop and ajax
hi all i have problem in huge looping by using ajax i have a list of emails around 150k in list box <select id="emails"> <option value="a@a.com">a@acom</option> <option value="b@a.com">b@acom</option> <option value="c@a.com">c@acom</option> <option value="d@a.com">d@acom</option> ............ ......... ....... </select> <input type="button" value="Submit" onclick="FilterEmail();"/> this is my html code and javascript code is <script language="javascript"> function FilterEmail() { jQuery.each($('#emails').val(),function(i,val)
Selecting and rating multiple items from a list
I'm at a loss on how to implement this bit of UI wizardry. I have a list of categories and the user is asked to pick all applicable items and then rate them individually. Right now I have a long list with checkboxes. Whenever a user checks one of the boxes a rating control pops up next to it and they just select the number of stars they want to rate the item. Although this works for my purposes, it's a bit clumsy and takes up a lot of real estate (I have 30 items in the list so far and this may grow).
[jQuery] Cycle Plugin: Pause the cycle from link withing the cycling content?
I am having an issue with pausing the cycle from links within the cycle. I have set up a cycle that contains a html contentent including a 'video playlist'. This is a javascript based list that updates a flash video player with a new video inside the cycle. The videos are loading fine, but for some reason when i call the cycle 'pause', it dosent work? i have testing the $('#feature').cycle('pause'); from a link outside the cycle and that seems to be working, but it seems to be from the links inside
[jQuery] ajaxStart() and ajaxStop(): Any way to know the type of the request?
What I want to do is simples, or at least I thought it was.<div> </div><div>I need to show a #loading div for GET requests and a #saving div for POST ones. I then realized that the ajaxStart/Stop callbacks do not receive any parameter (at least it's what is stated on the API Reference)... If it received a "request" one, I would check the request.type property, for instance.</div> <div> </div><div>Is there any way to accomplish that? Other than setting the callback for each individual request.</div><div>
[jQuery] Modify tabbed interface
Hello, everyone) I've read a tutorial describing creating simple tabs: http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/ But I want to modify it, and cannot achieve the desired result, and that result can be seen at one template: http://themeforest.net/item/maven-portfolio-wordpress/49522?no_login=true (Just click on 'Live Preview') So, I want a conten to: 1. slideUp() and fadeOut() simultaneously 2. slideDown() and fadeIn() simultaneously I found an interesting article about a subject:
datepicker : dateFormat and altFormat
Hi. i want dateFormat and altFormat be in different "language" formats for example : stuck dateFormat => 11-SEPTEMBER-2009 altFormat => 11/ANOTHERLNG/09 it can be in same language but not different, it is possible; dateFormat => 11-SEPTEMBER-2009 altFormat => 11/SEPTEMBER/09 i tried a lot but didnt work. Help needed...
AppendTo seems not to queue
Hi there.... Got a question. Somehow this script does not react proper. It firsts appends and then fires the fadeout. Why is this? $(this).fadeOut().appendTo($(to)).fadeIn('normal'); Thx for your help
[jQuery] Digg JSONP API seems to have problem with $.getJSON implementation
Hi Everybody, I was trying to access Digg's search API with $.getJSON as well as with Twitter and Identica. Although, the twitter and identica search api are working fine, I have found trouble when it come to accessing Digg API. The case in point URL : http://services.digg.com/search/stories?query=geeko&appkey=http%3A%2F%2Filovejquery.org&type=javascript&count=15&callback=someFunction This URL, when provided in location bar of the browser gives back the result successfully. Now change the "someFunction"
[jQuery] Validating autosuggest output
I have a form with a location field. The selection of the location value happens through the autosuggest box. When I choose the location, I also show the location information below the field using the show/ hide feature. If the user is choosing the location via dropdown, I have no issues. But if the user doesn't find the location in the dropdown, I want him to add his location to the db. . Do I need to validate the value once again with a script and display the message to add a new location. Or is
[jQuery] How can I keep the overlay in jQuery UI dialog longer than the modal window?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] Sortables - accessing elements in each container
I have some sortable div containers numbered 1 to 5. I would like to keep the input boxes in order (1 to 5) even while dragging and resorting. I've made code to plus/subtract upon a rearrange and that works if used properly. If you drag violently though, you can get the order out of whack. Maybe if I loop through all containers I could ensure the order is correct, but I don't see how I could access the first container, then the second container, etc. any ideas are appreciated. I'm very new to programming,
[jQuery] Which editor is best for inplace HTML
I'm hoping someone can help me narrow down the field according to these priorities... Stability & Well-formed XHTML Inplace editing Good AJAX integration For internal / admin / CMS usage so size doesn't matter Only need the basics: bold ital indents lists No need for tables but dropdowns with relevent CSS selectors would be nice. thnkx --steve
[jQuery] find() not working in Firefox
Hello all, Below code works well for IE but not for firefox due to newlines present in the html source.Can anybody help me making this work in FF.It works well in IE6 <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("body").find("p:contains('When the day is short find that which matters to you or stop believing')").replaceWith( '<span>chota</ span>' ); }); </script> </head> <body> When the day is <span>short</span> find that which
[jQuery] Using Queue
Hi Guys I have 4 scripts I want to load and insert into the html. So the script should download and insert the first and then the second and so on. How can I do this in such a order ? From my research it looks like a queue is the best option for this. Is this true ? If yes, how do I go about to doing it ?
[jQuery] Using a load function with a post
I am unsure as to how to make this work. var params = $('form#createAdjForm').serialize(); var url = "<?= $this->url(array('controller'=>'create-adjustment', 'action'=>'index'))?>"; $('#form').load(url,params); I want my data POSTed but it is still sent as a get. What am I doing wrong?
[jQuery] treeview, can only let "+""-" expand tree?
for example: +folder1 +folder2 only when click the "+" sign, tree expands. how to do that? thanks!
[jQuery] Draggables and offset
I've built an expanding HUD control for a map in a project. I've got it expanding, and, using some code from this group I have it avoiding the edges of the viewport on first resize. The problem is that it doesn't seem like an object updates its position when you make it draggable with the jQuery UI draggable plugin. The net effect is that this element constantly resizes outside the viewport, so that only an edge is showing and it has to be dragged back into the center of the page. What I'm looking
[jQuery] GPL version of jQuery
Hello, I develop open source CMS under GPLv3 and would like to use jQuery in it. Could you please tell me what is the version of GPL of jQuery? I tried to find it on http://jquery.com but it's still a little bit unclear. This is important for me, because GPLv2-only and GPLv3 are incompartible. Thank you in advance, Alexey
[jQuery] Cannot "load" google API intensity map with jquery
Relatively inexperienced. I'm creating a dashboard using some of the Google visualizations. Want to do a selective refresh of certain pieces of the dashboard based on user action (rather than a full page reload). Was hoping to use jquery for this, but when I try to use in combination with the Google visualization (in this case, the intensity map) it just says "Transferring data from www.google.com..." and continues to run without completing. Any help would be greatly appreciated. Here is the code:
[jQuery] can't get textarea field value using jquery rte plugin
Hi. I'm using this plugin: http://code.google.com/p/lwrte/ for a lightweight text editor. I want to be able to submit without a page reload and I can't seem to figure out how to override whatever code the author created to disable the value of the text area field unless the form is formally submitted using the submit button. Additionally I don't seem to be able to attach any events to the submit button. I'm not sure you will be able to help me but thought it's worth a shot. Here's the form: <form
How to store a bound key for later retreival
Hello everyone. I though I'd give these forums a shot. I'm having trouble figuring out how to accomplish something and was hoping someone could help. I currently have the 'enter' key bound to a submit event on several on my pages, as follows. $(document).bind('keydown','return',function(){ $("#searchSearchButton").click(); }); It works well, with one problem. I've written over the alert function with my own custom alert. When the alert pops up, I try to hit 'enter' to close the alert and nothing
[jQuery] tablesorter, numeric sort of anchor values
Hi, I am new to jquery and tablesorter. Please help me with this. I have my table that displays counts. When users clicks on the count they are taken to another window. I need to sort my columns by that count, i.e numeric sort. How would I do that? <th>P1</th> <th>P2</th> <tbody> <tr> <td><a target='cWin' href='/id/host.do?host=id&priority=pr1'>42</a></ td> <td><a target='cWin' href='/id/host.do?host=id&priority=pr2'>9</a></ td> </tr><tr> <td><a target='cWin' href='/id/host.do?host=id&priority=pr1'>45</a></
[jQuery] Jquery Column Manager
hi, I am using column manager plugin, Did somebody use this plugin ? http://p.sohei.org/jquery-plugins/columnmanager/ I am having a problem when work with nested tables. I can post a example where I have the problem, if somebody can help me. greetings
[jQuery] Test - please ignore
Test - please ignore
[jQuery] Superfish - Tabbing through menu when it's a nested ul causes the menu to disappear
I'm testing the accessibility of the Superfish menu by tabbing through it. My setup is such that the sf-menu is nested within an li of another ul. The first time tabbing through, everything works as expected. But, once you've tabbed away from the last item in the menu, the menu disappears. Here's the basic html I'm using. Any suggestions? <ul> <li>Sample Item 1</li> <li> <ul class="sf-menu"> <li><a href="#">Menu Item 1</a> </li> <li><a href="#">Menu Item 2</a> </li> </ul> </li> </ul>
[jQuery] slide and fade
I need jquery solution so that I can slide and fade a div. The div will have a open and close hyperlink which needs to be toggled between. But after each toggle I need to hide and show some html elements. For example when a user clicks the open link the div slides open and hides some images and text that is located in other divs on the page. When the user clicks the close link the div slides back and the images re-appear in the other divs. I've currently implemented this using the following code:
[jQuery] Iframe Scroll
I tried to open a iframe with a definite position. Let’s say I have an iframe like: <iframe id="frame" src="http://google.com" width="350" height="350"></iframe> And I’d like to scroll at the position X,Y of google page. I tried scrollTop, scrollLeft and even the plugin scrollTo to no avail. Can I make $(‘#frame’).scrollTo(300); or $(‘#frame’).scrollTop(200).scrollLeft(300); Any help would be appreciated. -- View this message in context: http://www.nabble.com/Iframe--Scroll-tp24646526s27240p24646526.html
jQuery fading rollover - Works in FF and IE... not Safari?!
Basically I built off of a fading script that I found for fading buttons. I have 2 images, one positioned directly over the top. Then I do a hover to make the button look like it's fading to another color on rollover. For some reason, Safari is only fading a little over half of the button, has anyone else had trouble with something like this?? Any ideas why it works in IE6 and up of all things, but not Safari? Here's the js: this.fadeLinks = function() { var selector = "#a_trio1, #a_trio2, #a_trio3,
[jQuery] jquery ui dialog get element from button
Hi, I have probably a simple question which i cannot seem to find the answer to. I have a series of images which i want to use as buttons to trigger a dialog. Inside this dialog i need the ID of the image button (or any other element). But it seems after I load the dialog i cannot alter the content of it anymore. As an example I have tried to change the title of the #dialog so it will show the updated title when i click the button. The only way i am able to do this is when i put all of this inside
[jQuery] jQuery validation on 3 select box
Hi there, I had a form where I need user to input the their birthdate: <select id="sel_dd" name="sel_dd"> <option value=""></option> <option value="1">1</option> ... </select> <select id="sel_mm" name="sel_mm"> <option value=""></option> <option value="1">Jan</option> ... </select> <select id="sel_yy" name="sel_yy"> <option value=""></option> <option value="1980">1980</option> ... </select> How do I write custom validation rule to check if user had selected appropriate input? And which control should
JSON works nicely, except on my domain
A strange problem, the inverse of the problem I was having this morning! I have a script that makes a lightbox, makes a JSON call to a PHP script on my server, and populates the lightbox. The idea is this code can be put on any site. You can also post data back to my site within the lightbox. In order to handle the in-place calls, extra JS code is loaded via the original JSON call. This deals with the onclick events on objects in the lightbox. This works fine, except on my domain! The extra JS loads
Basic Form processing
i got this little problem in understanding the code. i get null value of the form component with the "not-working" code, but it does get the value on the "working-code". anyone can explain? thanks here's my form <!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> <script src="js/jquery.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/form.js"></script> <meta
not working selector after element update
hello, i have problem with selector. maybe not problem but i just don't know exactly how jquery works:) i have jquery code which highlights <p> elements with specific class. everything works ok but if i update elemet with content including tag <p>, highlighting doesnt work. can you hlep me please? thanks
[jQuery] (validate) IE6 odd focus behavior
I'm using the validate plugin on a form and in IE when I click right above the second required field the cursor focus is between the label and the form field. It looks like you are typing outside of the form, in between the </ label> and <input>. I validated the html of the form. It looks like it only happens on required fields which makes me think it's something with the validation success HTML in the plugin. Any suggestions?
[jQuery] Selector help needed
with the markup like: <pre><ul> <li><a href="#">Link 1</a></li> <li> <a href="#">Link 2</a> <ul> <li><a href="#" class="active">Link 2.1</a></li> <li><a href="#">Link 2.2</ a></li> </ul> </li> </ul> </pre> i want to add a class "active" to , Link 2 (line 4), or links that have inner a.active links. how can i do it with jquery or
select element by onclick event?
I need to take the link away where the onclick contains 'return listItemTask'. Preferably leaving whatever is in the link intact. <a href="javascript:void(0);" onclick="return listItemTask('cb0','unpublish')"> <img src="images/tick.png" /> </a> how to do that? I tried: $("input[onclick^='return listItemTask']").html("taken_out"); which does nothing
[jQuery] Form Elements . button with jQuery
Hi , I have problem with Form in HTML . I cannot access button like this HTML PART <div id="newsletter" class="facebox" style="display: none;"> <form id="myForm" class="jqTransform" > <input type="text" name="email" id="emaill" value="wpisz email" maxlength="50" /> <input type="button" class="buttonNewsSub" id="submit" name="submit" value="wyślij" /> </form> <script type="text/javascript"> $(function() { $("form#myForm-DISABLED").jqTransform(); }); </script> </div> -------- I have no succces
[jQuery] Loop with mouse enter / leave events: help needed !
Hi All, I am very new to jquery. Here is a small page I made to get familiar with it: http://www.compu-zen.com/tests/jquery.popup_test.htm Could anybody explain me the following: when mouse cursor is located above the middle of the height of the button image, javascript is looping while sending mouseenter and mouseleave events. When the mouse cursor is below the middle of the height of the button image, it does not happen! Any idea? Thanks for your help. Cheers, EE.
[jQuery] Insert SWF using JS
Hi Guys I have some JS that flash cs4 generated when I published my swf. I am trying to do some AJAX and download the SWF and then insert it into the page's DIV tag. How can I do this. Code below: AC_FL_RunContent( 'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/ swflash.cab#version=10,0,0,0', 'width', '873', 'height', '247', 'src', 'banner', 'quality', 'high', 'pluginspage', 'http://www.adobe.com/go/getflashplayer', 'play', 'true', 'loop', 'false',
[jQuery] Tablesorter problem when moving columns around
For an app I'm making I have a table with one always visible column, then you can view 5 more, any extra columns are hidden. The 5 are selectable so that you can choose which 5 you want to see. This all works great except that I need to move the columns so that the order of the columns is the same as what the use has selected. (see: http://www.bungert.co.uk/forum_pics/table1.jpg ) To do that I use the following function: this.moveColumn = function(selecIdNum, selector) { var cells =
Next Page