[jQuery] This is not a function
Ok for some reason none of my jQuery is working i get these errors : Error: $ is not a function Source File: http://wptest.moppieillusions.com/ Line: 52 Error: $ is not a function Source File: http://wptest.moppieillusions.com/ Line: 100 Error: $ is not a function Source File: http://wptest.moppieillusions.com/ Line: 77 Error: jQuery("a.lightbox").lightBox is not a function Source File: http://wptest.moppieillusions.com/wp-content/plugins/flexible-lightbox/js/lightbox_call.js Line: 7 Error: window.attachEvent
Animating without events...whats your approach?
Hi all! I want do add some animations to some pages, but without them having to be invoked by user events (ie these things should be animated all the time). I guess there is a few approaches (endless callbacks, jscrip threads(??), invoking faked user events?). Do some of you want to share their approach and experiences with me? Cheers a lot, I ll pay the next round ! CC
[jQuery] Tablesorter pagedisplay set as an input field?
<ul><li>Why is the tablesorter's page display set as an input field instead of just a plain text? I don't think it's a good user interface for showing the page display especially when editing it has no use. Even if you can set the field as disabled, it's still not the right way to display such info </li><li>Is there a way to make it display a plain text using configuration without hacking the internal code?</li><li>Another solution I can think of is hiding the input field, adding a div/span and creating
Send form data with jquery to php file on_change? RESOLVED
so basically what i am wanting to accomplish html > input field > customer types in field > as customer types in field jquery send what is typed and the field id to a php file > php store value as session variable now i know how to store the php variable i just dont know how to get JQuery to send the input id and the value to the php file please help
[jQuery] Get directions on Google map with jquery
Hi guys, I am using a google maps implementation in an asp.net page. Essentially i have a business with its location shown on a google map on the page. On the asp.net side i just return instructions based on the locations properties. let me show you my script foreach(GoogleMapLocation g in profileElement.GetGoogleMapLocations()) { %> <script type="text/javascript"> $(document).ready(function() { if(GBrowserIsCompatible()) { var map = new GMap2 (document.getElementById('map_canvas')); map.addControl(new
html generated from ajax response doesnt call the hide()
why does this not work for clickable images -essentially buttons, generated by ajax response but works if you just put it all on one page the image (works when pre generated, but not when generated by an ajax response): <img src='img/minus-8.png' class='button' /> the javascript: $(document).ready(function(){ $(".button").click(function(){ someElement.hide(); }); }); the workaround i did was the image (html generated by ajax response): <img src='img/minus-8.png' class='button' onClick="dostuff();"/>
[jQuery] Problem using PUT HTTP method with $.ajax
I have to use a REST based server from a jQuery client and it requires that I use PUT to add some XML based items to the server's data store. I've checked the server with curl and everything works as expected. But from the web page it's not.. using Firebug I was able to figure out that it was only sending like the first 11 characters of my xml string. I've tried this using $.ajax as follows: Code: $.ajax({ dataType: "xml", data: d, success: postSave, url: saveURL, type: "PUT", beforeSend: diagnoser.credManager.getAuthSetterCurrent()
[jQuery] how to access the value of multiple textbox of same name.
Hi all. I have n number of text box (n may be any number) with same name. And I want to access the value of all the text box of that name. Ex-: <input type="text" name="location[]" /> <input type="text" name="location[]" /> <input type="text" name="location[]" /> or is there any other way to access the value of the text box. Either by class or any othe property Thanks Rupak
[jQuery] SimpleModal autoresize on demand?
Hi there, I have been using simpleModal Was wondering if there is a way to resize simplemodal on demand; in other words; i would like to change the height/width of simple modal when the content has changed. As of now, if the content has changed and grown, it overflows the simplemodal dialog. Any suggestions? Thanks Vru
[jQuery] [validate] previous value ands remote validation
hi all, i have 2 fields in my form with 1 being currently validated with a remote method (say Field B). I would like to make a dependency between fieldA and fieldB so i tried to add a blur function on field A with jQuery("#FieldB").valid() but when i change FieldA's value no remote validation occurs because there is a check (if value != previous value) is there a way for me to disable this cache ? or to reset previous data ? thanks for any help. regards, marc
[jQuery] Integration: cross-slide, fancybox, galleryview
hello all, I'm not experienced or knowledgeable enough to troubleshoot this issue and although in the past I've been extremely lucky when it comes to manipulating javascript to meet my needs, this time I'm out of my league more than usual. I'm trying to combine the function of three plugins: cross-slide, fancybox, and galleryview. Basically, I have a page with a grid of images utilizing cross-slide for captions on mouse-over. I then integrated fancybox to bring up the galleryview in a lightbox-like
[jQuery] Problem with livequery and data loaded with ajax call
Hi, I am using a user control in the page to display the list messages posted by the logged in user. The user control also includes the paging, which is implemented using ajax.Actionlink. In the list I have a delete button where we are using boxy class to modal popup for confirmation of deletion. Everything works fine on the page load but when I use paging then the records are deleted without prompting anything. Here is the jquery code: <script type='text/javascript'> $("a[rel*=friend]") .livequery('click',function(e)
[jQuery] Effect Issue in IE
Hi, I have given the example code is below, function showDiv(divid){ $("#"+divid).show("slow"); } function hideDiv(divid){ $("#"+divid).hide("slow"); } <a href="javascript:showDiv('screen')">Test</a> <div id="screen" style="display:none"> <div class="cbox"> <div class="hbg"> <div class="lft"><img src="images/img1.gif" width="157" height="15" alt="" /></div> <div class="rgt"><a href="javascript:hideDiv('screen')">close [x]</ a></div> </div>
[jQuery] [tooltip] not working in IE6
Hi, I am trying this in IE6 and found not working. In Firefox it is working as expected <html> <head> <script type="text/javascript" src="jquery-1.3.1.js"></script> <script type="text/javascript" src="jquery.tooltip.js"></script> <style type="text/css"> select{ width: 60; } option{ width: 60; } </style> <!-- Include custom code to handle the tooltip --> <script type="text/javascript"> $(document).ready(function(){ //After loading the page insert the title attribute. $(function(){ $("select option").attr(
[jQuery] jQuery Form Plugin ajax submit
Using the following code: $('.input_all').attr("disabled", "disabled"); for input texts with the class="input_all" seems to break jQuery forms ajax submit. How can I fix this?
[jQuery] Looping through all unchecked checkboxes - how to do it?
I have a function which is executed whenever someone clicks a checkbox on the page. There are lots of checkboxes on the page. I want the function to be performed on only the unchecked boxes. I've tried this two ways, neither of which has worked. Here are the two methods I've tried. Method #1 $(".item input:unchecked").each( function() { if ($(this).val() > diff) { $(this).attr('disabled', true); } else { $(this).removeAttr('disabled'); } } ); Method #2 $(".item input").each(
[jQuery] [autocomplete] how to clear hidden "key" field when user changes text value?
Hi all, I'm using autocomplete plugin, when the user types something the backend responds value and key information (for instance: John|76178 Mike|87252 Peter|87511 Using .result I'm setting the key in a hidden field in my form. $('#autocompleteTextboxId').result(function(event, data, formatted) { if (data) $('#autocompleteHiddenValueId').val(data[1]); }); But what if the user changes his mind and after choosing "John" types something else in the textbox (without actually chosing a new
jquery navigation help!!!
Hi I am new to this forum. I need help with my menu navigation(Home, Hosting Solution, etc..) 1. The submenu links need to be centered in the middle of the div instead of aligned to the left. 2. Can the submenu links have a rounded box appear under them, instead of being underlined links. Like these at the top: http://www.dubberly.com 3: The top tab needs to stay gray/active/on when the mouse is moved down to the submenu or when it is the active button. I dont know how to this in jquery can some
[jQuery] Event Not Triggering On External JS Files
I built a small JavaScript file that does some HTML and CSS manipulation when you hover over any tag with a certain class. It works great when running on the same server, but if I try to use the JS as an external script, the hover event isn't triggering. Here is my external JS file code: $(document).ready(function() { alert('i work inside'); $(".start").hover( function (e) { $(".button").css( { 'display':'none', 'position':'relative', 'left':'150px', 'top':'-10' } ); $(".button").fadeIn(500);
[jQuery] [hoverIntent]Simple Dropdown Menu (not quite so simple apparently)
I've built some CSS dropdown menus which work properly on their own: <ul> <li class="menu-link">Dual Sport</a> <ul class="dropdown"> <li><a href="../dskits/dskit.htm">Dual Sport Kits</a></li> <li><a href="../dskits/lightcoils.htm">Lighting Stators</a></li> <li><a href="../main/vapor.htm">Vapor Speedo/Tach</a></li> <li><a href="../tanks/clarke.htm">Fuel Tanks</a></li> </ul> </li> </ul> <li class="menu-link"> is the hover trigger
Copy Input Fields
I'm trying to copy something from one input field to another input field. I don't want to wait until the user clicks the button, should be instant. This script works but it's always one letter behind. Any ideas? Thanks, Joe $('#locationInput').keypress(function() { loc = $('#locationInput').val(); $('#locationDisplay').val(loc); });
[jQuery] syntax problems
Hello, I have a basic knowlegde of jQuery and a problem in selecting a link. To be specific I've a problem with the syntax. I'm using several libraries so I can't use for example the $ ('a#myLink') function but I've to write jq('a[@id="myLink"]'). The application don't recognize the syntax, it shows this message: Syntax error, unrecognized expression: [@id="myLink"] Can someone help me? Thanks in advance
Wrapping text with a span in an unordered lists
So I'm still very new to jQuery (trying to learn this as fast as I can) and I've gotten stuck trying to figure out how to accomplish a certain thing. I've got an unordered lists. I need to make the numbers larger (ordered lists numbers) and keep the text in the list at the same size. So what I was assuming I need to do is make the <li> font-size larger (the size I want the unordered list number to be), then wrap the text with a <span> and make the <span> smaller. I'm using a CMS and since the client
[jQuery] How to express the AND condition in jQuery
Hi, If I like to find a "div" with children "input", "img", and "span", how to express the selector: the div that has children of an "input" tag, an "img" tag, and a "span" tag" in jQuery? Seems the jQuery ":has" can do the job, but I am not really sure if that is the correct way. Any insight on this is appreciated. Thanks in advance, John
[jQuery] Same classes div problem
Hey everyone, So I have a set of divs all with the same class name, all of these divs have a hidden div inside of them with the class name "hidden" I wrote this and it seemed to work, except ALL hidden divs show instead of the one being hovered: $(".product-right").mouseover(function() { $(".product-right .hidden").show(); }); I want only the div that is being hovered to show its hidden div, unique IDs are sort of not a possibility so I was wondering if there was anyway to do it with
[jQuery] binding events to dynamically created divs
Hi All, I have a page with a div that contains other divs. In the outer div, I have links that add new divs inside. I also have a link outside the outer div that adds more of those outer divs to the page (with an inner div, and the same links to add more). This works on the div that is hard coded on the page, but when I use the link to add additional container divs the links inside there to add more inner divs does not function. I believe it has to do with binding, but I'm not certain how to fix
[jQuery] .load() doesn't work on first call in FF3 and IE (But works in FF3.5)?
We're attempting to load a snippet of XHTML into a container on a page via .load() from a fancyBox pop-up. Here's the bit of jQuery we're using: $('#LocatorGoLink').fancybox({ 'hideOnContentClick': false, frameWidth: 660, frameHeight: 700, overlayOpacity: .6, padding: 0, callbackOnShow: function(){$('div#resultsDataContainer').load('locatorResults.cfm,{'zip':$('#branchLookup').val()});} }); We're getting some odd results
[jQuery] jquery.corner.js plugin not working with <input> elements
I must have missed a bit of information, because I cannot get the jquery.corner plugin to work with <input> html elements. The following renders a rounded div but not a rounded input element in FF3, IE7, IE8, and in fact causes the input box border to disappear completely. <html> <head> <script language="javascript" type="text/javascript" src="../Scripts/ jquery-1.2.6.js"></script> <script language="javascript" type="text/javascript" src="../Scripts/ jquery.corner.js"></script> </head> <body> <script
Bit like xajax. Works but could be simpler?
I've used xajax for years. It was simple and worked well for what I needed it for. Then I started wanting what jquery had to offer and didn't want 2 ajax libraries to load, so I dumped xajax. I ended up missing one thing I commonly did with xajax. I would define my response server side and affect multiple elements, with a single call. To this end, I wrote this. ;(function($) { $.doAjax = function(func,values) { $.ajax({ data: values, url: '/ajax/' + func, type: 'POST', dataType: 'json', timeout:
collapsor close on click
does anyone have the awesome power to help me with a little thing in the collapsor js I would like to have a function that makes the sublevels toggle back up when a link is clicked. thanks
[jQuery] Cycle Plugin - Different Transition Effects for Pager and Auto-Advance?
Is it possible to use enable different transition effects for auto- advance versus the pager (that is, when a user clicks a pager item)? I'd like very much to use "fade" as images auto-advance without user input, but use a more advanced easing effect if the user clicks an item in the pager. Thanks!, - Kevin
[jQuery] Trying to use blockUI from within an iframe to block the parent iframe
I am loading a collection of frames as follows (from jsp source, so ignore <%= %> blocks): <html> <frameset name="MNGM_OUTER" rows="50,*,20" framespacing=0 frameborder=0 border=0> <frame name="MNGM_TOP" src="control/top.jsp" scrolling=no noresize scrolling=no/> <frameset id="MNGM_INNER" name="MNGM_INNER" cols="170,*" framespacing=0 frameborder=0 border=0> <frame name="MNGM_NAVIGATION" src="<%=navpage%>" scrolling=no noresize/> <frame name="MNGM_WORKINGAREA" src="<%=workpage%>" noresize/> </frameset>
[jQuery] using cycle plugin like serialscroll
i want to use the cycle plugin to replace the serialscroll plugin i'm using to do horizantal scroll? how would i do that? what would i have to change in the css and options? i tried some different things but can't get it to show more than one item at a time.
[jQuery] trouble with 'url' in $.ajax
Hi everybody, I recently updated my website with url rewriting. What I did was change the htaccess file so that every url is redirected to an index.php file, which then parts this url ($_SERVER ['REQUEST_URI']) and 'include()' the corresponding files. Since then, I've had several problems with absolute and relative paths throughout the whole website, so I hardcoded every url and src tag inside the code using the absolute path http://www.mysite.com/path/to/file (instead of path/to/file/). This has
[jQuery] how to get back the DOM element as HTML source
Hi, How do I get back the DOM element as HTML source using jQuery? The html () method only returns the innerHTML and it does not include the UI element itself. But I am more interested in converting the UI element itself to HTML. Thanks in advance, Jian
[jQuery] jQuery.sortable with block containing javascript
Hi, I'm new with jQuery and javascript framework in general, I've a "little" problem with the the sortable plugin. The code of my page looks like this : <html> <body> <div id="container"> <!-- Some divs --> <div class="menu">Normal content</div> <!-- Bugs is here... --> <div class="comment"> <div class="date"><script type="text/ javascript">document.write(date('d/m/Y à g:i a',1251265362));</ script></div> <div class="content">Some text</div> </div> <!-- ... --> <div class="footer">Normal content</div>
[jQuery] IE Superfish z-indexing problem
I know, I know, this is a common problem. Well, after trying every combination of z-index values for all elements on my page, I decided to consult an expert on the matter, The problem can be seen here: http://traceurl.com/go/917/demo I have the RokSlideshow module installed, as you can see. I modified the js for the slideshow to stop the increasing z-index on images with no luck. I set the z-index to the items in the menu to 1000000 and still got nothing. Please help! Thanks, mr.amazing
[jQuery] Get the input value of "ANY" element <p> tag
Hi Guys, I am having difficulty getting the value of a specific value contained in a tag. What is happening is that it retrieves the value of the first tag value and not the on the user clicks. What I need is to retieve the value from the tag the user click. Snippet code [BEGIN]: $(document).ready(function() { $("p").click(function () { var prop = $("#property_links").val(); $.post("n10-shortlist-connector.html", { web_AGENT_REF: prop}); var htmlStr = "Added to Compare Tool"; $(this).text(htmlStr);
[jQuery] dump html
I'm pretty new to jquery and love it! I was wondering if there was an easy way to dump the html that gets generated after the page gets loaded to verify it's what I wanted and expected (I'd like to check out the source, not just the results). Thanks!
Help making live chat
I cant manage to get the div to auto-update correctly with the latest posts. index.php <?php ini_set("display_errors", 1); error_reporting(E_ALL); ?> <html> <head><title>Live Chat</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function update() { $.post("update.php", {}, function(data){ $("div.chat_box").val(data);}); setTimeout('update()', 1000); } $(document).ready(function() { update(); $("#say_msg").click(function()
Next Page