[jQuery] JavaScript not executing from external html files from Ajax call into Div
Hello, This is my first message and I am extremely new to jQuery. I am using Ajax to call external html pages into a div in my site. I have three external html forms which uses JavaScript and one .pl file. When I call these pages, the html pages are being rendered correctly but the JavaScript and .pl file (form post) is not being executed. Any ideas on how to resolve? Any assistance/help would be appreciated. Thanks in advance. - Alex
[jQuery] Creating a reusable Cycle plugin powered slideshow
I've got a project where I've got two slideshows on one page, and they're identical markup. Instead of adding IDs to each and making two separate cycle references, I wanted to attach the next and previous slide events on two specific links grouped with the slideshow container. I'm wondering either how I'm supposed to fire the next or previous slide event or how to traverse back to the proper links without an ID. As an example, here's what I've got for HTML: <div class="slideshow">
[jQuery] Looking for a certain JQuery Plug-in
I'm looking for a JQuery Validation control that will allow us to show a small image if a form field is valid. So for instance a user is filling out a form..tabs to the next form field. The previous form field will show to the right of the field a little icon signifying that it's a valid entry. I've looked at all the controls in the JQuery Plugin page and don't see one that will allow me to do this. Anyone here know of one or a way using a plugin to modify it and show a pic like this during validation?
Drag-n-Drop 'Cart' which updates ASP/VBScript session
I hope this is the right place!!! I've looked around and bought a few articles but can't fathom out how to get the functionality I need. Essentially, I can drag/drop items into a basket and remove them but I need more The article I had was: http://www.dmxzone.com/go?14612 I have several items in a list (so like a catalog in an online shop). There is a "add to cart" button. Rather than clicking on the button (as I would have thought would be easier!), the user needs to drag the button to the "shopping
Searching: Galleriffic with Lightbox behaviour
Hi everyone, i want to use http://www.twospy.com/galleriffic/ because of its nice options. But i need it in an 'intelligent' box like you all know it from Lightbox. With this grey backround blocker, a nice box with round corners, a closing X and an automatic monitoring if the inner content is changing -- like the pics in Galleriffic do. Is there such a 'intelligent' box for jquery around? Thanks in advance JensO
Merging multiple window events
1. do anyone know the syntax to merge 2 events below for a same function? $(function(){ $("#nav").hide(); }); $(window).resize(function() { $("#nav").hide(); }); 2. shortcut to write this line: $(this).css({"position":"relative","top":yP,"left":xP}); thank heaps!
[jQuery] Finding the last sibling.
How does one fine the very last sibling? i.e. <div>
[jQuery] processing all links on page with jquery
Hello. I'm working on a simple thumbs up/down functionality with javascript (jquery). I have list of entries which can be rated up or down and this has to be done with ajax. I came to a design consideration problem as I dont have many experience with javascript programming: How should I process all links inside a html file so that it would set onClick event on links and this would call a function that would preform certain http request. Should I give each link an unique id e.g. "rating12" and then
[jQuery] Simultaneous or serial execution of commands within a function?
A pretty basic question, if I have this construct: $('#img').hover( function() { $(this).parent().parent().siblings().stop().fadeTo('slow',0.3); $('.popdir').hide('fast'); $('.popdir', $(this).parent().parent()).show(500); } ) will the 3 lines inside the function be executed simultaneously or serially? Will the second line wait for the animation in the first one to end before running?
[jQuery] How to customize messages [validate]
I use the following expression to add validation rules: $("#clientstreet").rules("add", { required: true, minlength: 2 }); $("#clientnumberl").rules("add", { required: true }); $("#clientpostcode").rules("add", { required: true, rangelength: [5,5] }); And following expression to customize massages: jQuery.extend(jQuery.validator.messages, { required: "To pole jest wymagane.", }); It will customize massages for all form fields with rule requiered. The question Is how to customize different massage
[jQuery] Using JCarousel Lite, problem with rendering page...
I'm using JCarousel Lite for a rotating news box. It's working fine and is great. I've noticed that in Firefox when I refresh the page or go to it the first time, the footer below displays fine. But if I browse to another page, and then click the back button, the page will load, but the content below the rotating news box is pushed way down. It's almost like there is a rendering problem in Firefox, and the position of the footer isn't rendered after the JCarousel Javascript does it's thing to my
[jQuery] [autocomplete] sort two fields
I'm trying to build a stock symbol search field that will search both the symbol and the full name of the company. For example, search both "AAPL" and "Apple Inc", or "AMCC" and "Applied Micro Circuits Corp", and display both in the same row with character highlighting as in the usual autocomplete plugin. I'm still learning jQuery so this may be something simple, but here's my code. <script type="text/javascript"> $(function(){ function formatItem(row) { return row[0]
[jQuery] Status Codes => docs
I would be grateful if someone could point me to documentation on status codes. Example: $post() expects a callback function whose second argument would be status. What statuses should I expect and what datatype for statuses should I expect. Links to docs would be more than adequate. _Thanks In Advance_ and thanks for all the help I've had so far. tim
[jQuery] Book-like UI for jQuery?
I've seen a number of sites using a book-like navigation for catalogs and such. Essentially, you can grab a page by it's edge and "flip" the page, just like you would a real book. Does anything like this exist for jQuery? I tried searching the plugins, I looked at the UI library, and couldn't find anything on Google. Thanks in advance. Bill Parrott
[jQuery] Getting data from the corresponding column. (HTML Table with thead and tbody section.)
In this code, I would like to edit the function to get not only the value of the item clicked, I would also like to get information from the thead section for the corresponding column. For example when I click on tBody-1B I would like it to get the value of tHead-1B or if I click on tBody-3C I would like to to also get the value of tHead-1C. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"
[jQuery] cluetip ajax issue/question
First off I really love the cluetip plugin. It works great when using it for inline content. However, I'm currently having an issue when using its ajax loading of external page content. Basically, I have some legacy content that opens up a page in a popup window. The page has its own css, javascript, etc. When I try to use cluetip to load the page in a cluetip instead of a popup, 2 things happen: 1. The waitimage displays, the page content briefly displays in the cluetip but then my whole page goes
[jQuery] [validate] at least one of four fields
I have a form with four text fields where one must be completed - then each has their own validation rules (so if a field is not blank it must validate, but it can be blank as long as at least one other is completed). How can I code this using the validate plugin?
[jQuery] how to fade in image after the site loads?
I am working making an intro page to a photo site and I need the image to fade in slowly after the site finishes loading. I believe I have the jquery correct but something is obviously wrong. Right the now the image is hidden, but it wont fadeIn. I am also trying to get the text "Please wait for site to load to slowly fadeOut during this, then after all thats done, fadeIn the "Enter Site" text. Here is the code I am using for it. So far only a few things are working properly. <script type="text/javascript"
[jQuery] Form fields dependencies with jquery
In my form I have two input fields: <input name="pesel" id="pesel" value="" class="tekst" type="text"> <input name="age" id="age" value="" class="tekst" type="text"> First of them is to input 11-digits personal identification number (pesel), for example: 79041702339 Interested form me are first 6 digits, it's the day birth (in this example 17th april 1979). The idea of the script is to exclude the age of the person from "pesel" field and put into "age" input using onblur event. The question is how
[jQuery] toggle question
Hi, I would like to simulate the maximize/minimize window effect. So i created an image Maxi and an image Mini. maxi is displayed by default. When user click on this image, a div should be displayed (no problem for that point) and the Mini image should be displayed instead of Maxi. for sure, if user click on mini image, in this case the div will disappear and the maxi image should replace the mini one. from my point of vie this is typically a toggle system but how to implement it in jQuery ? i was
[jQuery] jquery doesn't work, when loaded with ajax
Hello. I'm building a wab page with ajax. Well, everything was fine, before i needed to create a form for file uploading. Basicaly it works this way: User loads webpage (www.exmpl.com) click "upload" - a form is placed into div, using ajax. That form contains jquery code for form handling/file uploading and it doesn't work. When i load form directly, with an url - it works. When form is placed into div with AJAX-nothing works Is there a way to do what i want? here's the source.. <table width="600"
[jQuery] Newbie & Frames
Hi I am new to Jquery and I've got a problem. I'm working on a very old site that uses deeply nested <frames>. I want to dynamically change the size of, and animate, some of the frames based on (a) setup time and (b) user interaction. I've googled and most of the responses that I've seen are about <iframes>. I've seen a few messages that imply that what I need to do is possible but assume that I have a deeper knowledge of Jquery and javascript than I actually have. So I have html pages that set up
possible refactor needing/ checkboxes show hidding divs
Hello, I have 3 checkboxes that when true show hidden divs. So i wrote 40 lines of java to first see if the box is checked if so then show the div if not hide it. Here's where things get tricky, the 2nd the 3rd checkbox both have to equal false or unchecked for the div to be hidden else i want the div to show. The or statement on page load checks to see if either of the options are checked if so it shows it. The problem is that in order for the on check action i feel that i have WAY to much script
[jQuery] New Plugin--Requesting Testers and Feedback
http://www.ravenflight.net/projects/page-transistion/ This is my first plugin and my first time posting here so I don't know what information people typically provide with this stuff but this is pretty simple. You just pass it the page name and a duration and it loads it via AJAX. Let me know what you guys think. Thanks! Dave
[jQuery] jQuery not loading?
Am using the Cycle plugin, and linking to the Google jQuery library (have also tried linking to site version). jQuery effect doesn't seem to be loading for anyone but me (definitely not Browsershots, and apparently not client). http://www.horseink.com/chdrsg/start.html I'd be grateful for any ideas. Another stupid question, I'm sure, but am stumped at this point. Wendy
[jQuery] onClick event on content loaded by ajax
Hi there, I couldn't find any solutions for my problem, so I'm asking here. I have a form that was previously loaded by ajax and which I want to submit also with ajax. unfortunately, the jQuery(document).ready function has been executet before the form was loaded, and so the event handler onClick for the submit link isn't called when I click on the button in the form. So, jQuery("#submit-register-form").click(function() { alert('yay'); } doesn't work if the form has been loaded by ajax, but does
[jQuery] ClueTip Tooltips only appear on PageLoad, but not after partial page postback in ASP.Net web application
Apologies if this post appears twice, but I posted it at approx 9am GMT, but it never appeared. When using ClueTip within and Ajax UpdatePanel, the tooltip appears on initial page load. Then clicking on an 'edit button' hides one panel and displays another. Upon returning to the initial page view (clicking 'Cancel' or 'Save' performs a second partial page update and returns to the initial grid view), the tooltip no longer displays. Is this a limitation of the clueTip plugin, or do I need to do something
[jQuery] Safe Ajax Calls?
Hi! I'm kind of new at the world of ajax and jquery and i'm starting to make a site with them. In my site i've created a single function (in the header) called ajaxQry(...) which takes some parameters like, url to make post or get, if I need GEt or POST, the data type of the query, a success function and an error function. Anyway, it look like this: function ajaxQry(sendVars, url, returnType, backFunction, errorFunction){ $.ajax({ type: "POST", url: "ajax/"+url+".asp?nocache="+Math.random(),
[jQuery] [validate] url checking doesn't allow localhost
The validation rule for URLs seems not to like single-part domain names. For instance: http://localhost/whatever.htm will fail...
[jQuery] Jquery slideDown confusion
I have made this slide Down function for my navigation menu with some help. Firefox no longer spits out errors but the code is acting weird. It seems that main menu is used to select which sub menu to show (correct), but the hover action doesnt take place till I hover over an image map that has nothing to do with the navigation menu. I have tried several changes to the name and ID attributes in hopes that was the problem, but still same problem persitsts. Here is the jquery code: var currentSpan
[jQuery] uncheck specific checkbox
Hey guys, I'm trying to uncheck a checkbox that is inside my flexigrid. I have a checkbox in the header and the column has all checkboxes. What I'm trying to do is if I select the top checkbox (so all of the checkboxes below are selected), I would like to uncheck that checkbox if any of the other checkboxes in that column are unchecked. I'm using the following code, but when it runs through this, it unselects all of the items, instead of just the header. Code snippet: ================================================================
[jQuery] Ben Nadel jQuery Presentation
<span class="Apple-style-span" style="border-collapse: collapse; "><a href="http://www.bennadel.com/blog/1492-An-Intensive-Exploration-Of-jQuery-With-Ben-Nadel-Video-Presentation-.htm" target="_blank" style="color: rgb(0, 0, 204); "><span style="font-family: tahoma, sans-serif; ">http://www.bennadel.com/blog/1492-An-Intensive-Exploration-Of-jQuery-With-Ben-Nadel-Video-Presentation-.htm</span></a><span style="font-family: tahoma, sans-serif; "> </span><div><span style="font-family: tahoma, sans-serif;
[jQuery] add a child node using jQuery
Hi, i have a <table> tage and i would like to add a <thead> node using jQuery. what is the best method in order to get <table><thead>...</thead></table> ? thx<br clear="all"> -- Alain ----------------------------------------------------------- Windows XP x64 SP2 / Fedora 10 KDE 4.2 PostgreSQL 8.3.5 / MS SQL server 2005 Apache 2.2.10 PHP 5.2.6 C# 2005-2008
[jQuery] Chrome and rending dimensions differently?
Not strictly jQuery...but has anyone else noticed that Chrome renders some dimensions different from Firefox and IE? For example, a positioned DIV overlay (positioned using jQuery) will be offset by a certain amount in Chrome from Firefox. Or a DIV is not as wide as it is in Firefox, causing some of the content to break to a new line. Thanks.
[jQuery] Superfish - Entire menu flickers on hover
As you can see on this test page, hovering over any item in the menu causes the entire menu to flash white before the submenu appears. I only see this on IE installs with standalone IE6. On my machines with multiple IE installs, everything is fine. Oddly, this does not seem to happen if I go to another site and the arrow back to the test page. If I refresh the page though, the flicker comes back. I'm using background image positioning on hover rather than image swapping, so I don't think it could
[jQuery] jquery s3slider and Magento
I've been trying to use the great s3slider on a magento web site. It almost works. When I say almost, it means that I managed to add the jquery library and make it work. On my page I get the first slide but not the others. It seems that it's stuck on the first one. When I look at the code of the page, the second slide is there (these slides are created dynamically via php) but it doesn't appear. When I refresh the page the second slide appears but not the first. here is the link : http://p109.phpnet.org
[jQuery] Access tabs from an iframe to another.
Hallo all. I got a problem accessing .ui-tabs-nav defined in an iframe from another one. I have a index page where I define an iframe: inside the iframe is loaded a page where are defined the tabs. http://pastie.org/384171 In index.html there is this piece of code http://pastie.org/384170 Then I load a modal dialog with an iframe inside (using jquery DOMwindow); now that i got this iframe I need to change the tab content, but i cannot access the tab class to do it. Normally inside the iframe where
[jQuery] how to differentiate between "click" and "dragend" events?
Hi, I am using the "drag" plugin (http://blog.threedubmedia.com/2008/08/ eventspecialdrag.html) to design some interactions for a UI element. The element foo, needs to respond to a click, as well as to a drag (different responses for each). The plugin gives you handy drag events to work with. So I have: $("#foo").bind('dragend', function(e){ dragged() }); $("#foo").bind('click', function(e){ clicked() }); When foo is simply clicked on, then clicked() is executed and all is well. However, when foo
[jQuery] Need help to understand jQuery
Hi Guys I am having a tough time getting the hang of jQuery so the best of learning for me is to see my current code in jQuery so I can understand it better. Here is an GET ajax request I make in JS: function GET(link) { // -- Enable Loader Tag setClassName("message", "display"); // -- Execute xmlhttprequest var xhr = CreateRequest(); xhr.open("GET",link,false); xhr.send(null); try { // -- Check for Custom Exception Message var
[jQuery] Tablesorter in Tabs
I've got tablesorter 2.0 sitting in tabs and it's not working, has anybody got any idea why? I've got tablesorter 2.0 also sitting outside tabs (on a different page) and it's working perfectly, so i'm fairly sure that tablesorter 2.0 isn't broke! thanks in advance! alex
Next Page