[jQuery] How to cover an image with a lightbox - instead of the whole screen?
Hi everybody, I'm new to JQuery an still wondering how to do things ;-) Right now I need a lightbox to display a form within an image. So the lightbox should have exactly the same size and position as the image and it should be able to include a block element. What would be the easiest approach to do this? Thanx for your help, Eddie
[jQuery] How can I get this title to display?
<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] jQuery Page Reload but Keep Control Values
Hello List. I'm playing around with jQuery and came across a good demo at: http://www.thatagency.com/design-studio-blog/2009/01/refreshing-an-element-at-a-set-time-interval-using-jquery-and-a-sprinkle-of-ajax/ Basically, the code reloads an external page every n seconds. What I need to do reload a page that contains form elements on it... specifically radio buttons. So this page will have a list of items on it, with a radio button next to each. I want the user to be able to select the radio of an
Traversing XML
This is my first post here, appreciate any help you guys can provide. Learning how to parse xml with jQuery and every tutorial I come across is using a for-each loop to grab the entire tree. However, I need to be able to select a single tag at a time either by child number or by a numbered id attribute. Can anyone point me in the right direction with the appropriate syntax?
[jQuery] distinguishing between clicks on an outer container vs an "inner link"
Hi everyone! A brief question from a newbie. I have a table row which I want to be clickable, but I have a specific link within one cell. Something like: <a id="row33" href="#"> <tr> <td> <a id="innerXX" href="#">inner link!</a> </td> </tr> </a> I want to have the clicks on the inner link call a certain function (eg, innerClick), while clicks on any other area of the row should call a different function (eg, outerClick). I have tried binding a function to the click on the entire row, and then discriminating
[jQuery] Equivalent of YUI.util.Connect.setForm
Hi, We are moving away from YUI and translating our js code to jQuery (so I'm new to jQuery). For a form file upload, we used to have the setForm () in YUI.util.Connect for id'ing the form and also initializing asyncRequest() .. more info on setForm() method here: http://developer.yahoo.com/yui/docs/YAHOO.util.Connect.html#method_setForm Is there any equivalent of setForm() in jQuery? Thanks for help!
[jQuery] Using JQuery effects in IE7??
I've created my site and it looks great in Firefox.. however in IE7 it just wont work, i'm not bothered about getting it working in anything less than IE7 2 effects i am using are fadeOut and slideDown are there any fixes to get these working in IE
[jQuery] Firefox 3 (Win) bug in slide animation
To see this bug in action, visit: http://www.keytosavannah.com and/or http://keytosavannah.dev.emarketsouth.com and click on one of the days in the calendar (top of the left column on most any page). A div will use the slide animation to display on top of the calendar with that day's events. This works fine in IE6/7, Safari, Mac Firefox, and possibly Windows Firefox 2. However using Windows Firefox 3 the animation "interferes" with the elements around the calendar in a way that I can't really explain.
[jQuery] tablesorter with .toggle sorts hidden row - any way to prevent this?
Reposting since no response on original post. I have a table where every other row is collapsed (using .toggle). I want to sort on the visible rows, but the sort, of course, sorts the hidden rows as well...the result is that the hidden rows may not longer be associated with the same "parent" row. Here is a snippet: <table id="aSortableTable"> <thead> <th>tortable column 1</th><th>sortable column 2</th> </thead> <tbody> <tr id="toggle1"><td>main row 1<td>main row 1 column 2</td></tr> <tr><td colspan
[jQuery] Jquery - Weird Issue with "Node cannot be inserted at the specified point..."
Hello, I am trying to create a JSON service and everything seems to work well until I am pulling the actual data from gthe service to be inserted into a DIV element on a page. Here is the code for the JSON service (client side): if (Drupal.jsEnabled) { $(document).ready( function(){ $("#portfolio_quotes_div_form_block").html('<form
[jQuery] How to cover an image with a lightbox - instead of the whole screen?
Hi everybody, I'm new to JQuery an still wondering how to do things ;-) Right now I need a lightbox to display a form within an image. So the lightbox should have exactly the same size and position as the image and it should be able to include a block element. What would be the easiest approach to do this? Thanx for your help, Eddie
[jQuery] JQuery Cycle pluggin
Hello I have the following code on my site, using the jQuery Cycle plugin. Everything works fine, until you see the effect Shuffle, then the animation stops. [code] <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.cycle.js"></script> <script type="text/javascript" src="js/jquery.cycle.trans.js"></ script> <script type="text/javascript"> $(function() { $('#animation').cycle({ fx: 'all', shuffle: { top: 0, left: 760 }, speed: 2500, delay: -4000,
[jQuery] BlockUI, after first ajaxSubmit() callback, an automated 'block' results in a blank line rather than visible div with msg
following on from: http://www.malsup.com/jquery/block/#dialog I have a form, and ajaxSubmit is fine, I set a callback fn in its options, and receive callbacks. Testing for error conditions, I put a dialog block in that callback so a DIV pops up on every callback. The first submission/callback results in a DIV popup as expected. The OK button listener fires, and hides the DIV, this is working as expected. The second time the form is submitted and the callback is fired, the launch of the DIV popup
[jQuery] Superfish sf-vertical
I've got a simple vertical Superfish menu (see example code below). The twist is that I would like the children of the *bottom* menu item to pop-out upwards. The reason for the twist is because users are complaining that they can't get to the children since they display off the bottom of the screen. Any suggestions? Navigation Code <ul id="nav" class="sf-menu sf-vertical"> <li><a href="">top</a></li> <li><a href="">middle</a></li> <li class="last"><a href="">bottom</a> <ul> <li><a
Drag within nested div
Hello, I've run into big trouble when I want to drag some element nested in several div's the configuration looks like the following <script type="text/javascript"> $(function(){ $("#draggable3").draggable(); $("#draggable5").draggable(); }); </script> <div id="draggable3" style="width:800px; height:600px; border-width: 1px; border-style:solid; z-index: 1000; background-color: transparent"> <div id="draggable4" style="width:800px; height:600px;
[jQuery] can some body send me example of validation plug in with Ajax
<div dir="ltr">Hello every one i need your help to send me information (example) of how to use validation plug in with AJAX thanks </div>
[jQuery] [tooltip] Tooltips out of position with imagemaps
[Aargh! Sorry, I forgot to add a proper subject line to the message I've just posted, so it got tagged onto another thread. Here we area again, hopefully in a new thread.] I've a wee problem with Jörn's excellent Tooltip plugin, to do with image maps. This problem, I think (the example links now 404), was also reported by John on the Tooltip plugin page (http:// bassistance.de/jquery-plugins/jquery-plugin-tooltip/). Simply, with an image map the tooltips appear a long way away from the mouse cursor,
[jQuery] [tooltip]
I've a wee problem with Jörn's excellent Tooltip plugin, to do with image maps. This problem, I think (the example links now 404), was also reported by John on the Tooltip plugin page (http:// bassistance.de/jquery-plugins/jquery-plugin-tooltip/). Simply, with an image map the tooltips appear a long way away from the mouse cursor, at the bottom left of the document. To illustrate this, see these two tests: Test imagemap with various <div>s: http://www.nottingham.ac.uk/~ntzfr/rlos/critical_reflection/testmenu.html
[jQuery] .each()
i used .each to select all elements with id that starts with laLab $("*[id^=laLab]").each(function (i, obj) { alert(obj.attr("value")); }); but i cant do obj.attr("value") nor obj.val(). why is this so? when i alert(obj) its said i got HTML Input Element which is right
[jQuery] [novice Q] click() only binds to first match
Hi all, I have 3 images. I want one of them to be displayed, and when user clicks either on <span>1</span> or <span>2</span> to swap the displayed image with the clicked one. Here is my (semi-functional) shot at it: $(document).ready( function() { $('#altImg').click( function(){ var mainImgSrc=$('img#mainImg').attr('src'); $('img#mainImg').attr('src',$(this).attr('src')); $(this).attr('src',mainImgSrc); return false; }); }); <img id="mainImg" class='box' src='images/avatar.png'/> ... <span class="box"
[jQuery] cluetip question mark loading data
I am able to see a clue tip pop up, but i can't get any data into it from another page. It just shows a question mark when i mouse over the link, the cluetip opens, and there is nothing in it. I am using jquery1.3.2, and the latest cluetip. In the document ready i have a this: $('a.tips').cluetip({splitTitle: '|'}); In the html i have this: <a class="tips" href="frag.html" rel="frag.html">show me the cluetip!</ a> I think the problem is with the location of frag.html, which is just in the same location
[jQuery] Dynamic Form - Best practice
There is plenty of discussion on "Dynamic form validation" in this group, but my question is of a slightly different nature. I'm attempting to create a page that will build the form based on user input. IE: User is prompted with one search box with several options. They can then hit an "Add search" and be allowed another search box to further narrow down their search results. (The web-app is a report utility). I've looked around for websites that do this in an attempt to get an idea of what might
[jQuery] using apple-style slider
Im using an apple product page-style slider as described on Remy's awesome jqueryfordesigners.com, but with content in addition to the images. Im having some css/display issues. http://www.viewwestaspen.com.asp1-10.websitetestlink.com/home.html His demo makes use of the items in the list being set to display:inline, but this causes funky results with the H4s and P tags that I have under the images also inside each LI. Ive seen some similar executions that let the LIs be block and float left, but
[jQuery] Star rating plugin problems
Hi, I'm using the latest available version of the star rating plugin from fyneworks (http://www.fyneworks.com/jquery/star-rating/) with jQuery 1.2.6. I'm having a few problems when using the star ratings with ajax. My ajax form actually replaces the div that contains the stars widget with a fresh one that represents the changed rating. After replacing the widget with $("#container").html(...), these problems start: 1. The cancel button disappears 2. Mouseovers on the stars stop working until you
[jQuery] Validation Success Callback
I am using the validation plugin and the form plugin to validate my form and then submit the information via ajaxSubmit. I have everything working with the exception of my success callback function. Once the form is successfully validated I just want to wait about 2 - 3 seconds to run a script and then redirect the user to a new page. This works but the code is executed immediately: var options = { success: createAccount, clearForm: true }; $("#submitForm").validate({ rules: { //Insert
Drag and drop between tabs [SOLVED]
Hi all, In short: I want to drag from tab1 and drop on tab2. Can it be done? I have a problem. I'm trying to use the jQuery UI draggable, droppable and tabs to drag a div-proxy from one tab to another. I must be so that when the drag starts, the new tab shows. This I have done in the drag and stop functions for the draggable element. Works fine. The problem is that after the tab switch (while dragging), the droppable divs are no longer registered or something. They don't allow dropping and don't
Simple .click problem Jquery
Hi, This is my simple jquery code. I have included it in the head of html document. <script type="text/javascript"> jQuery(function() { jQuery('#slickbox').hide('fast'); jQuery('#slick-toggle').click(function() { jQuery('#slickbox').toggle('blind',350); return false; }); }); </script> the problem is that every time AJAX postback occures, and when i click the slickbox button, it is fired as many times the AJAX postback occures. i.e. If 3 postbacks, the slickbox.click function is fired 3 times. I dont
[jQuery] Fix for media plugin
I have come across a bug in the jQuery media plugin on line 391: if (key == 'codebase' && window.location.protocol == 'https') This should be: if (key == 'codebase' && window.location.protocol == 'https:') (note missing trailing colon) This correctly prevents the "This page contains both secure and nonsecure items. Do you want to display the nonsecure items?" dialog in Internet Explorer on https pages. Thanks to Mike Alsup for a great plugin!
[jQuery] jquery validate plugin. remote problem
Hi, I'm sorry to bother, but I can't find enough documentation on this plugin I have this cose: $(document).ready(function(){ $("#form_reg").validate({ rules: { username: {required:true, minlenght:5, remote:"check_user.php"}, password: {required:true, minlenght:5}, password2: {equalTo: "#password"}, email: {email:true} } }); }); Which works, exept that it throws this error: $.validator.methods [method] is undefined Also remote doesn't seems to
[jQuery] context-based selection in internet explorer 7 doesn't work
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <TITLE>Nachricht</TITLE> <STYLE type=text/css>BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000000; PADDING-TOP: 0px; FONT-FAMILY: Arial } A:link { COLOR: #000000; TEXT-DECORATION: underline } A:active { COLOR: #000000; TEXT-DECORATION: underline } A:visited { COLOR: #000000; TEXT-DECORATION:
[jQuery] take free surveys ge paid
make up to $20 per day.Get paid immediately http://www.AWSurveys.com/HomeMain.cfm?RefID=kimosh
[jQuery] what name have 2 dropdowns where the second content is depend from the first selection?
I am trying to find some example codes using mysql data, but can't find anything right now, for what should I search? Sorry for this really uncool question....
[jQuery] jQuery BlockUI Plugin v2, problems overriding default messages /getting them to show
Hi, I'm looking at using this plugin to put up a blocking 'please wait' indicator during form submission in Confluence, however, the defaults always seem to apply, changing the defaults ($.blockUI.default.message='my custom message') or providing my own map of values, (eg including (message : 'my text') still results in the default "Please Wait..." text being shown. relatedly, If I try to use the block method, the message doesnt show up at all: $('#adiv').unblock({fadeOut:0}).block({ message: "<h1>Processing...</
applying css attributes - height, width, padding
hi. i am trying to apply css attributes that modify a div by setting its height, width and padding...however my code isn't working. i am wondering if it is a syntax issue, or a css property existence issue, or something else...? here is the code: $('<div></div>').attr({'id': id, 'class': 'ui-widget-content'}).text(data) .css({'height':'100px','width':'80px','padding':'0.5em'}) .appendTo('#tasks_table tr:eq(1) td div#task_draggables') .draggable(dragOpts).resizable(resOpts);
setInterval not working in Firefox
Hi all, Inside of $(document).ready(function () I have: var refreshit= setInterval(function() { $('#mydiv').load("mypage.htm"); }, 9000); This is working great in IE, it loads mypage.htm into mydiv every 9 seconds. If I change the contents of mypage.htm I can see it in mydiv after 9 seconds with IE, but not with Firefox. With Firefox I can see the reloading symbol on top of the tab every 9 seconds, but I don't see the page changed. What am I doing wrong? Please help!! Thanks a ton in advance!
[jQuery] [autocomplete] Problem with focus after selection with autocomplete input box should be hided on blur
Hi, I have created some widget to search the database for some entries. I used the autocomplete script to show the results. I wanted to hide the search box after a result is selected (the searchbox will be shown on a click of a button) Everything works fine exept in IE. Cause I hide my input box with $("#'.$id.' .inputNav input").onblur(.blur(function(){ $("#'.$id.' .inputNav").hide(); } The IE couldn't focus the input field which is in the autocomplete.js when creating the list. Line 567 ff: if(target(event).nodeName
[jQuery] Form Plugin: how to retrieve the ajax form instance in success callback?
As title, I have a setup of forms binded to ajaxForm using livequery, so I need to determine which form is submitting data to update the corresponding element, any suggestion?
[jQuery] Wrap all "center" tags
Hello everybody, I have a doc xml (which is not my window.document) which contains some "center" tags and I would like to wrap all of them with a specific "div" element. I tried doing : $("center",pDocument).wrapAll("<div class='wrap'></div>"); pDocment is my xml dom. but it says "Non valid argument"... :( Please HELP !!!!! Thanks a lot :)
[jQuery] [validate] Validating a date
I am using the jquery validate plugin and using the "date" validation, but it doesn't seem to be working right. If I enter "dfsdfs" I will get "Please enter a valid date", but if I enter "65/65/6565" which obvisouly is NOT a valid date, it will pass the validation just fine. ???
[jQuery] Changing Method Values on the Fly
I want to dynamically change the function value of the submitHandler: method. How can I do this? Here is some sample code: ---------------- $('#update_inventory').validate({ submitHandler: function(form) { $(form).ajaxSubmit({ target: '#inventory', success: parseResponse }); }, debug:
Next Page