[jQuery] clueTip call from javascript
Hello All, I need to implement this functionality using clueTip (great Karl for the plugin) Using OpenLayers if a user clicks on a point: OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {****** }, trigger: function(e) { //AJAX call var url = "../libs/ajax/identify.php?type=map&*****" OpenLayers.loadURL(url, '', this, getPopUpPoint); *** ** function getPopUpPoint(response) { if (response.responseText.indexOf('no result') == -1) { // response.responseText = http://www.website/data/page_12_89000.html
[jQuery] [validate] Hooks for animating the appearance and disappearance of the error messages
Hi, I've just used the validate plugin for the first time and it works great :) One extra thing I would love to see is some sort of hooks which allow the user to customise how the error messages appear and disappear. I managed to hack it in for appearing messages using the errorPlacement function but I couldn't find a way to animate the disappearing error messages. More information, an example and some code here: http://www.kelvinluck.com/2009/02/progressive-enhancement-with-jquery-example/ Would
Change img src to css background in a loop
Hi, i receive 10 img from a RSS feed. I'd like to take the img src and put it in a css background's container (a) Here's what i write $(document).ready(function(){ $(".ffffound p a ").each(function() { $(this).css("background","url(' + $(this).img.attr("src") + ') no-repeat 0 0" ); $(this).img.remove(); }); }); As you can see, i'm totally null in coding (javascript nor jquery). Can you help please ?
[jQuery] [validate] ValidationGroup functionality
Greetings, is there anyway to have the "validationGroup" kind of functionality that is in the ASP.NET validation? because there are no multiple forms and validation on set of controls required based on the similar grouping? Like a set of controls share a similar group and then on click of a button the validationGroup is set into the jQuery validator options and then in the validation only those controls are validated which have that specific validationGroup like rules: { TextBox1: 'required', TextBox2:
[jQuery] field (min, max) depending on other field value
1. I have a form and two fields. One is category and one is age. If first category is selected the age must be min 30. Is it possible to validate it with jQuery? 2. Second one is similar. I need to set the earliest date in the field depending on category. -- View this message in context: http://www.nabble.com/field-%28min%2C-max%29-depending-on-other-field-value-tp22029196s27240p22029196.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] [validate] validate form fields with php via ajax
this question is about the jquery validation plugin (http:// bassistance.de/jquery-plugins/jquery-plugin-validation/) i have some input fields in which users can enter URLs. i wrote a php script which checks the content of these URLs and returns boolean values depending of the content. is there a possibility to let the jquery validation-plugin use this php script to check if the input is valid?
[jQuery] Deep Copy of UI Widget Options (1.6rc6)
I noticed that when creating a custom widget, the default options are NOT deep copied to the options passed in during instantiation. For example: // Create the widget $.widget('myWidget', { init: function (){ /* At this point, given the defaults and the instantiation below, I would expect the this.options to contain... { title: 'My Widget', classes: { 'header': '.my-widget-header', 'content': '.my-widget-content', 'footer': '.custom-widget-footer' } } Instead, this.options contains (because of no
[jQuery] Jquery Live search
Hi It seems I am doing something wrong in here... But cant figure out... Please help me with this: The jquery Live Search only works on 1 page and not the entire tablesorter .... Like suppose 1st page have 10 records and than a pager is there and I have 10 pages each with records.... Live search only searches on the page that I am seeing currently and not in entire table... any solution to this ? Thanks Varun
Preloader/Progress message
Hi everyone, I'm loading a static HTML document using the load function: //load the specific content $("#content-l").empty(); $("#content-l").hide(); $("#content-l").load("./index.html #content-l:first", function(){ $("#content-l").show(); }); What I am trying to do is display an image in the div's container until the HTML page is loaded completely. Is there a way to do this using the load function()? Thank you-
How do I listen for changes to an attribute?
Hi All, I need to capture when a value on an input element changes, and take action accordingly. I can't figure out how to implement this. Any suggestions? $("#selected-date-range").attr("value").bind('change', function(event) { alert( $("#selected-date-range").attr("value") ); }); thx
[jQuery] [cycle] plugin and reset after clicking on it
I am using the cycle plugin to rotate through some images that are part of a <a href> . When the link is clicked I need to reset the images. The reason is that I then basically hiding the div with the links (thus cycle) but when I navigate back to them what is happening is the link that was click the images are missing. Hope that makes sense thanks these control the cycle in the link $('.subt a').children('.slide').cycle({ pause: 0, timeout: 0 }); <!------> $('.subt
[jQuery] .hide() and .show(), will change the layout of my page...
Hi jQuery, Could somebody please shed some light on this issue for me? .hide() and .show(), will change the layout of my page because when I .show() the elements, an element is created in a place where there was none.. I am no expert, but I think .show() change the CSS style from "display:none" to "display:true". Is there a jQuery function to change the CSS style from "visibility:hidden" to "visibility:true". I believe by just changing the visibility style of the element, the place holder of the
[jQuery] jQuery Storage?
Is there an equivalent jQuery plugin? http://ajaxian.com/archives/dojo-storage-updated-for-10
[jQuery] Superfish - Super Subs
I am struggling with the width on my Superfish menu. I reduced the min width and it seems that it still is much longer then needed. My primary struggle is that if someone rolls over the far right link "events/press" the drop down causes the bottom scrollbar to show up in a 1024 layout. If anyone knows how to fix this or if its possible make the drop down go left on the right side so the drop downs are always dropping to the center of the page. Thanks for all your time and help. Merrick
[jQuery] jquery and google android
Hello, I have been searching the web trying to figure out how to make jquery click and drag actions work inside the Android mobile browser. I have heard people mention a work around or hack for webkit but I can't seem to find even that specific information. Any help?
[jQuery] jquery ui sortable
Hi, I was just playing with jQuery UI sortable. Whenever an element is sorted, I want to call a function. eg. There are five paragraph elements containing A, B, C, D, E. After every sort, I want to check it the current order is EDCBA or not. How can I do this? Thanks :)
[jQuery] jqModal + datepicker = weird click behavior
This was driving me crazy for a bit and noticed a few unsatisfying attempts to answer it on this list. Basically, jqModal registers an event on body that forces the window to move to the first input element when the user clicks anywhere outside of the main dialog. And since the datepicker window actually lives off of body, periodically clicks on the datepicker wouldn't be registered (ie. they'd get eaten by the jqModal event instead). No amount of z-index tinkering will fix this. There are several
[jQuery] jEditable + ContextMenu (trendskitchen) - Please help me make them work togheter..
I made a simple ContextMenu which I found here http://www.trendskitchens.co.nz/jquery/contextmenu/ , but now I would like to call jEditable when user clicks on id="edit". Can´t figure out how to do this.. Sample code follows.. ContextMenu caller.. $('.editfood').contextMenu('rightMenuFood', { bindings: { 'edit': function(t) { // Here´s my problem, don´t know how to call jEditable } }); ContextMenu structure.. <div class="contextMenu" id="rightMenuFood"> <ul> <li id="edit"><img src="img/edit.png"
[jQuery] save pointer to element in a cookie
I need to save state for a nav in a cookie. I've managed to learn enough jquery so far to be able to detect which link was clicked and traverse to the dom element that I want save a pointer to, I'm just not sure what value to store in the cookie so I can identify that element on the next page load. The li elements in question don't have an assigned id or class, so I'm not sure what handle to the element I can store to get back to it. If my description of the problem isn't clear enough, please let
[jQuery] JCarousellite - nested lists
How if I would like to have a list inside the wrapping list that makes the carousel? Copied from jCarousellite installation page: <div class="anyClass"> <ul> <li><img src="someimage" alt="" width="100" height="100" ></ li> <li><img src="someimage" alt="" width="100" height="100" ></ li> <li><img src="someimage" alt="" width="100" height="100" ></ li> <li><img src="someimage" alt="" width="100" height="100" ></ li> </ul> </div> But how if I would like to have list inside one of those li tags? Somethins
[jQuery] Returning Javascript
I am trying to write my first application, and am trying to use jquery to help me along my travels. I have setup my application to work so all pages are loaded via ajax, using anchor's as navigation. However on some pages that i return using the AJAX i want to be able to run code. This works on firefox, however it does not work on anything else. So really my question is: How do i run javascript code from an ajax response? <form action="ajax/forms.php" method="post" id="myform"> Title: <input type="text"
[jQuery] using replaceWith to overwrite a stylesheet, dynamically set styles
Hi, I want to do the following: function CheckCurrentDataStream(){ window.setTimeout ("CheckCurrentDataStream()", 20000); $("#statuscss").replaceWith('<link rel="stylesheet" href="http:// localhost:8080/statuschangealert.php" type="text/css" />'); } The css I'm getting either is empty or it has a style in it changing the color of a certain link to let people know that there is waiting data for them to get. The thing is when I replace the stylesheet my new styles do not register. Is there a method
[jQuery] clone form information
sometimes we have two form that almost the same fields, so we will give client a clone button if the information is complete the same, this is how I do now, is there any easy way to accomplish that? <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>clone form</title> <style type="text/css"> <!-- body
[jQuery] <dd> tag doesn't show a tab in an ajax div??
Hi all, When i directly browse to test.html, i can see the <dd>asfaa</dd> adding a tab, but when i load test.html in an ajax div the tabs are gone???? How do i fix this??
[jQuery] Implementing jquery.noconflict to jstree
Hi All, Has any one tried implementing jquery.noconflict to the .js files used by jstree (jstree.com)? Thanks In advance NK
[jQuery] jquery drawer like menu
I am trying to build a nav bar that is made up of images...as you roll over each image it either will have a drop down that comes down from it (sort of like suckerfish) but if there is no div matching it then it will just do a rollover on the image....can someone direct me or tell me if I should just have the rollover be the whole div on top of the image (so the rollover image would be part of the div)....anyone have good script that can do this or has seen one? Basically its all image and then when
[jQuery] Using JQuery instead of the Java applet for a web cam. Ideas? Suggestions?
Hello, I was given a web cam to use, but unfortunately it pulls the image into a page via an applet. The applet kills the page load time turning it into a 5-6 second wait. In addition to the Java applet, the camera will FTP an image to a single filename every X seconds. I'm wondering if I can use that feature combined with JQuery and maybe JQuery Cycle Plugin to do something better than the Java applet? I'm just looking for general advice or ideas right now. Thanks in advance,
[jQuery] listnav - Not working for me
Im sorry, i dont know what im doing wrong but, listnav is not working for me... im trying this (resumen): <script type="text/javascript" src="jquery-1.3.1.min.js"></script> <script type="text/javascript" src="jquery.listnav.pack-1.0.1.js" charset="utf-8"></script> <script type="text/javascript"> $('#demoOne').listnav(); </script> <style type="text/css"> .listNav { margin:0 0 10px;} .listNav a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none;
[jQuery] Can't read field value in remote method (Validation).
form id='f1' name='f1' method='post' action='ticket_confirm' .... input name='field0' type='text' input name='field1' type='text' .... form $(document).ready(function() { var validator = $("#f1").validate({ rules: { field0: { required: true, minlength: 9, remote: { url: "checkdocument.php", type:
[jQuery] clueTip with mouseOutClose 'true' in IE problem
Hello, I have a clueTip whose mouseOutClose parameter is set to true. Everything works until the cursor moves over some other element, which is BEHIND the clueTip (the cursor is still over the clueTip at this point) - then the clueTip disappears. This seems to happen with any element which is positioned relatively. I noticed that cluetip-outer box is also positioned relatively. Has anyone experienced this? Does it mean that clueTip assumes that mouse has effectively moved out of it if the cursor
[jQuery] element selection
Hi, I 've a small query, I have a table with each row having a unique id (eg. 1,2,3,4....) As an Ajax response I receive ID in JSON format. I want to remove the row having that ID. For selecting element using Id, I generally use $('id').fadeOut(); but how do I out the value of variable in this ? (resp.id in my case) Thanks :)
[jQuery] page with stylesheet flickers when injected
Hi. When I load a page (let's call it page P1) and inject it into the master page (let's call it MP) I notice the following events take place: 1. HTML of the P1 is injected into MP. The P1 contains a styled FORM. The FORM though looks unstyled when injected... 2. (as I guess) the style information contained in the P1 is then processed and is applied to the FORM. So, upon this the form looks nice as it should. The question is: how do I apply styles to the FORM element before the P1 gets eventually
[jQuery] [tooltip]
What about ie7 bug: try set zoom < 100%, for example 50% and look at tooltips position
[jQuery] Superfish menu - add dynamic content
Hi, I am using Superfish for a navigational menu on a site. At certain times I need to add content to the menus. I do this with an ajax call and then insert the elements into the DOM at the appropriate location within the menu. How would I then activate the superfish functionality on these inserted menu elements? I have tried just calling superfish() on the entire menu again like this: $("#theWholeMenu").superfish(); This seems to work, but I'm not sure it's the right way. Also, I am using the supersubs
[jQuery] $.getScript fatal error with XML.
I posted about this before, but the response didn't help - so I thought I'd try posting again. I have a function that's putting together a GET request and sending it off with $.getScript to retrieve an XML file. When I get the response back, Javascript throws an exception: missing ; before statement. I take that to mean that jQuery is handling the XML like a Javascript file. But the response is there! I can't get this to work with $.get - it just hasn't worked. So what I'm wondering is if I can work
[jQuery] Problem with loading page through ajax
Hi, I've got problem with loading new page through ajax like that: $.post("hotline.aspx", function(data) { $("#load").html(data); }); I was also trying with functions get, $.ajax, load, unfortunately it's not working. It's loading html correctly, but it seems like it's not executed or interpreted. I'm loading through that page with jquery code (tabs) and it's totally not working. Should I fire some additional event after load, that this code will be interpreted correctly? I would like to achieve
[jQuery] Problem with BlockUI and IE7
I am migrating an application from one server to another. Both servers are Windows 2003, similarly configured. The only major difference is that I use ColdFusion for my CFML engine on my old server, and BlueDragon JX on my new server. Here is the problem: On my new server, when browsing using IE7, when $.unblockUI is called, the message is removed, but the iframe and the divs that BlockUI creates are not removed. It works fine in Firefox 3.06. I can consistently reproduce this problem with any page
[jQuery] IE Help
<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:x="urn:schemas-microsoft-com:office:excel" xmlns:p="urn:schemas-microsoft-com:office:powerpoint" xmlns:a="urn:schemas-microsoft-com:office:access" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:s="uuid:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882" xmlns:rs="urn:schemas-microsoft-com:rowset" xmlns:z="#RowsetSchema" xmlns:b="urn:schemas-microsoft-com:office:publisher"
[jQuery] image rotation
dear experts, i am glad to write this.i want to show rotation image portfolio imy website.the image cycle will rotate from right to left and and after on cycle it will show other from the first image without any gap.when i click on a image it will show with thickbox.I need some help about this plz help me thanks, goldeneye
[jQuery] [AJAX] Problem with loading jquery through ajax
Hi, I've got master page with menu. When I click on menu option new page should be loaded (quite normal :P). I'm trying to do that using: $.post("hotline.aspx", function(data) { $("#load").html(data); }); And div "load" is populated with html, but it seems like it isn't executed (there is f.e. jquery.js included, it's loaded - I've checked with firebug - but it isn't executed). When I open hotline.aspx in new window, everything is ok, but when from master page - fail. I was trying to do that with
Next Page