[jQuery] jqModal Trigger
I have a question regarding the jqModal trigger. I'm writing in a portal environment, which makes things a little more complicated. I am opening a modal dialog using a link in a portlet, but I'd like to update the portlet via ajax after a form in the dialog is submitted. In order for me to update the portlet via ajax, I need to access the trigger so that I can determine which portlet it was. For some reason the following code is not working. The trigger is undefined in the open and close functions.
[jQuery] how do it?
I have a input = search and a form = form-search, well i need create action keypress on input search i do this: $(document).ready(function() { $('input #search') .keypress(function(){ $('#inf').fadeIn('normal'); }) }); but no sucess, so i try it: $(document).ready(function() { $('#search') .keypress(function(){ $('#inf').fadeIn('normal'); }) }); it`s ok but i want especify input first,
Interface Sortable - swap and limit elements
Hi guys! For las few hours i browse the internet for a solution for my problem: so... i use jquery 1.1.2 with interface. i cant use a newer version of jquery because is not compatible with interface. also, i cant use jquery UI because i have the whole site developed with interface (so i don't need advice such "upgrade"). Ok, here is the rulls: 1) all numbers are sortable 2) 2, 3, 4 works like standard sortable 3) here is the trick: if i drag (1) over (4) for example, i want to switch (1) with (4)
[jQuery] [Tooltip] Cancelling a submit isn't possible
Hi Jörn and others, Since I started using jquery.tooltip, I discovered that it is impossible to cancel a submit. The problem only occurs in Firefox. Below I have created a simple example, just copy the code into an empty html-page and put it in the same directory of jquery, jquery.tooltip and jquery.dimensions. If the second submit button is clicked the submit should be cancelled, and in Internet Explorer it does but not in Firefox. When the $('input').tooltip() is changed to $('a').tooltip() or
[jQuery] IE7, window.open hangs
I am trying to add JQuery functionality to a window created with window.open, document.write, etc. and as a result IE7 is hanging (99% cpu). Here is the html creating the window: <html> <head> <title>Junk1</title> <script src="\cgi-bin\jquery-1.2.3.js"></script> <script language="JavaScript" type="text/JavaScript"> $(document).ready(function() { alert('Test'); }); function popUp() { OpenWindow=window.open("", "newwin", "height=700, width=400,toolbar=no,resizable=yes,scrollbars="+scroll+",menubar=no");
[jQuery] slideToggle Problem
Hello, I am using this code to slide a div up/down: $("#slide").click(function(){ $("#slider").slideToggle("slow"); $(this).toggleClass("active"); }); It works alright, just like it's supposed to, but how can I have the #slide div be in the up position by default? Right now it's always down when the page loads... Thanks for the help, Bo
[jQuery] How to start a slide show (Cycle Plugin)
Hi, I have a following problem: I used a Cycle Plugin configured as follows: $('#s4').cycle({ fx: 'custom3', easeOut: 'backin', easeIn: 'bounceout', after: onAfter4, speed: 800, timeout: 3, autostop: 1, autostopCount: 2, cssBefore: { top: 0, left: 0, width: 308, height: 0, zIndex: 1 }, animIn: { width: 308, height: 282 }, animOut: { top: 0, left: 0, width: 308, height: 0 }, cssAfter: { zIndex: 0 }, delay: 0 }); and I don't know how to start my slideshow after it stops (due to options: autostop and
[jQuery] getJSON, $(this) and scope
Hi everybody - new to both this group and jQuery, so please be gentle ;) I have some code which roughly looks something like this: $(".container ul > li > a").click( // only do the JSON if the a isn't followed by a DL if(!($(this).next("dl").length)){ $.getJSON("json.js", function(data){ htmlString = "<dl><dt>Results:</dt><dd>Output: " + data.title + ", Input: " + data.name + "</dd>; }); ) ) Now, what I want to do is put htmlString after the a-object - $(this)
[jQuery] strange behaviour: multiple selectors responding
hi, I'm trying to change the innerHtml of an anchor to "loading" for the duration of an ajax load with this code: $("#contests ul li span a").toggle( function(){ var url_title = $(this).html(); $(this).ajaxStart(function(){$ (this).html("loading...");}).ajaxStop(function(){$ (this).html(url_title);}); $(".contest-form-" + this.name).load(this.href).show(); return false; }, function(){ $(".contest-form-" + this.name).hide("fast"); return
[jQuery] Refresh a Div in a page (via a button)
Hello, I'm looking for a code/script which allows the user to refresh (via a button) a specific Div inside a Web page, without refresh the full page. Do you have any idea how to do that? Thanks a lot for your help :) Chris
[jQuery] Help With XML Parsing + Array Manipulation
Here is what I'm trying to do: (1) Parse an external XML, (2) enter the list of devices in the XML into an array, (3) sort the array alphabetically (and group items in the arrays by name if possible), (4) print the devices individually in table cells. Ideally, I'd like if the devices taken from the XML file (straightforward: just <devices><device> device1 </device><device> device2 </device> ... </devices>) could be more easily manipulated. $(function() { $.ajax({ type: "GET", url:
[jQuery] Unified approach to get the value of input fields
Hello there, A textarea's value is inside the actual textarea tags, while input fields values is stored in the value attribute on the tag. Is there a unified way to get the value of both text areas and input fields? $ (":input").attr("value") works for input fields, $(":input").text() works for textareas. But not for both. Ideas?
[jQuery] Problem using livequery jquery.form and simplemodal together
Ok I have a set of results from a search, and for each record in the result set, there is a form built. When they click add to cart, i would like it to have a warning, to check the measurements before ordering, to double check they are ordering the right product, then when they click ok, it will add it to the cart via jquery.form, when they click cancel it shouldnt add it. but this is what actually occurs. when first clicking add to cart, the confirmation modal pops up, click ok, and nothing happens.
[jQuery] Superfish Menu Fade-out
Hi folks I'm loving Superfish to bits - I have very little knowledge of js but I've managed to make a vertical drop-down menu which has the drop- downs animate-in very easily. What I'm now trying to do is to get the drop-downs to animate-out on a mouseout. This is beyond the basic tutorial however so I'm not sure how to go about it. Here's the code I've used to animate it in: $(document).ready(function(){ $("#nav").superfish({ animation : { opacity:"show", height:"show" } }); });
[SOLVED] repeating a block of <input text>s
i'm new to jquery. i'm developing a web based contacts and invoices management system in php. i wrote some jquery code based on bassistance.de autocomplete plugin to search a mysql db for contacts and items and then filling the corresponding input texts (address, phone... article number, price...) of a web form. at this time, i'm using some <input text>s to define an item, such as {article_number, color, price...} and it's ok for the first item. i'd like to have a [click here if you want to add another
[jQuery] Flash file redraw cutting through JS pop up window
Hi i have a problem where im calling a JS pop-up overlay (is a custom script not adapted from the various lightbox plugins around ) but when the overlay is over the page - the redraw sections of the flash banners are cutting through the js window showing the banners animating content. is this a z-indexing problem - or is there something in Jquery i need to call to eliminate? if anyone has experienced similar problems and resolved it, drop me a line - or if you might have a solution and need some
[jQuery] Need help on jQuery.browser.version
Hello, I saw there were a Browser Detect included with jQuery. I would like to use two different code line in my Web page depending of the browser version: If the browser is Safari and the version is older than 3, the code line is: <a href="test.html" target="_parent">test</a> Else (for all other browsers including Safari 3), the code line is: <a href="test.html?height=300&width=300" title="add a caption to title attribute / or leave blank" class="thickbox">test</a> I would like to use ThickBox script
[jQuery] jqModal add trigger with javascript
Hi! When I add a trigger with javascript and after that I click on the trigger, the jqModal doesn't show. First i Click on "show jqModal" and everything works perfectly, after that i click on "show 2nd trigger" and the 2nd trigger is shown. Now i Click on the 2nd trigger "show jqModal2" but nothing happens. When i click on "show jqModal" everything works. Here is my code (i wrote a { instead a < in the front of the a-tags, otherwise i hasn't been shown correctly here): ... <script> $(document).ready(function(){
[jQuery] using.attr('type') returns undefined
if i have <input id="fname" name="fname" type="text" value="" /> if I do: $('#fname').attr('type') - it returns "undefined" how can I get the "type" ?
[jQuery] how to access this function (flexigrid)
Hi .. I download the Flexigrid from http://www.webplicity.net/flexigrid/ and I just doing a test, everything work fine but I found that my quick search doesn't work .. and I don't know why. I have read the code and found doSearch() function to perform search ... but I don't know how to call it manually (I mean from my own button). But I am here to ask ... how to get access for doSearch function in Flexigrid. (I want to have my own quick search that's not embed in Flexigrid table) [code] var g = {
[jQuery] superfish in ie5.5
A days ago i asked a question about compatibility of superfish in ie5.5. Now i see this: http://www.i-cre8.co.uk/sf-menu/ A superfish menu that works in ie5.5 at least in part (works, submenus but no sub-submenus) What is the difference?? How to implement this?
[jQuery] Superfish Menu Width Auto Resize
When I was searching for jQuery made menu, I stumble up the Superfish 1.4.1 (using jQuery) menu by Joel Birch: http://users.tpg.com.au/j_birch/plugins/superfish/ When I started implementing into my page I noticed the menu items with longer texts wrap around because every level of the menu has a fixed width. I'm wondering does anybody have a fix (or solution) to dynamically resize the menu to accommodate longer texts if it goes beyond the minimal width? I did some search in this group and found something,
[jQuery] Reinitialization of css values
Hello people! I'm looking for a solution to put div properties to initial state. Explanation : $("div").toggle(function(){ $(this).animate({ width : "90%", height : "90%", left : "5%", top : "5%" },500); },function(){ //Reinitialization of initial values which are described in the CSS file }); Thank you!
[jQuery] Superfish image menu
This may have been asked before. I'm not a CSS expert. I wanted to make a menu such as this: http://www.wireless.att.com/cell-phone-service/welcome/index.jsp?WT.srch=1 I have it set up where each menu item image has both states in the image and on rollover moves accordingly. I added the superfish styling, it seems as if the top nav styling is the same as the bottom nav ie. "height"or "background-image" How do I control the style for the top and bottom and the position of the bottom also? I guess
[jQuery] Superfish problem & question
I have a CSS menu I've been using that works fine on it's own. I added duplicates of li:hover to li.sfHover. The menus show up fine when I hover over them. However on mouseout them dropdown menu moves the the left edge of the page and then disappears. Now for the question. Is it possible to have the menu go away when the link is clicked? Thanks!
[jQuery] Superfish Menu
I am having a bit of an issue in IE6 and IE7. The drop down menu apears behiend any element with a position relative. You can see this on the gallery test I have set up. http://www.jadearts.com/test/examples/lightbox.php. I have a positon relative set to the <li> tags so that the title appears in the same place on each photo. The link with the drop down is LINK2. Thanks Chris Satterthwaite PS This is just a test page to st mess around with jQuery tha is why it dose not look so pretty.
[jQuery] superfish pathclass and joomla
first, thanks for superfish... it seems to be the best solution for search friendly drop down menus! working on integrating superfish with a joomla website. here's the situation. three level menu structure, organized very much like: http://users.tpg.com.au/j_birch/plugins/superfish/all-horizontal-example/ however, joomla automatically assigns 'active' class to the top level menu list item as well as the current list item. this means the second level requires a mouse hover to be seen. since the CMS
[jQuery] superfish - vertical menu, be able to drop left or right
Hello - i am trying to use superfish and jQuery to make my dropdown menus. I have added each <li> in the dropdown have its own class, subMenuAnchor. This allows us to position the next menu to the right of the previous dropdown. Now, we want to be able to drop left or right, so on the ones I want to drop left, I added another class in css, subMenuAnchorLeft. This drops the menu in the correct spot, but it does not use the animation for showing the dropdown from superfish.js Any ideas? Thanks!
XML parsing + array manipulation issue
I'm having trouble here reading a list of devices from an XML (all entries in <device></device> in a main <devices> list), putting each item into an array, sorting the array, and spitting the items back out in a table cell. I'm not sure what the issue is here, but the items don't show up at all on the page. $(function() { $.ajax({ type: "GET", url: "list.xml", dataType: "xml", success: function(xml) { // create array for the devices var device_array
[jQuery] Attaching Events with Live Query
Hello, I'm having an issue attaching some events to a simple accordion that is loaded via ajax. I've tried moving the accordion script into the head with Live Query and also putting the accordion script after the html that is loaded from the ajax for it to no avail. The ajax content is loaded by a non-jQuery ajax call, could that be causing the problem? You can see the page at, http://efodev.thewonderlabs.com/about/company and then clicking "Timeline" in left nav. Am I going about this entirely wrong?
[jQuery] prefill textarea
nothing seems to work. how does jquery prefill a textarea ? <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery- latest.pack.js"></script> <script type="text/javascript"> $(function() { $("#textareaName").val("hello1"); $("#textareaName").text("hello2"); $("#textareaName").html("hello3"); $("textarea[@name='textareaName']".val("hello4"); $("textarea[@name='textareaName']".text("hello5"); $("textarea[@name='textareaName']".html("hello6");
[jQuery] $ is not defined
Hi, I don't know where this problem is coming from, but I find that over the course of a few jquery AJAX operations and a ajaxForm submit, for a little while I find that "$ is not defined". Basically, I am loading a form into the current document using the jquery load function, and then setting up ajaxForm to submit this form and put the results into another div. This content that is finally loaded into this next div div has a javascript function near the beginning, and at the point in time when
[jQuery] Superfish question
I love the superfish menu and associated Java. I have modified a page that now has the menu drop to the left instead of the right, but I lose the delay for the left submenu. I cannot figure out how to make this work. Thanks, Darryl
[jQuery] addUnique
Just thought that this might help someone's pain. I have a group of objects and I wanted to add an additional object to it, simply by doing this: jQuery('#divMain img').add('#newImg'); The problem was that in my situation '#divMain img' sometimes already contains '#newImg', and when it does the add function would add a second copy of it, which messed things up further down the line. What I really needed was a way of uniquly adding an object to a selection. A bit of tinkering later and here's the
[jQuery] [ANNOUNCE] Unobtrusive JavaScript with jQuery
"Unobtrusive JavaScript with jQuery", XTech 2008 presentation by Simon Willison - slides: http://simonwillison.net/static/2008/xtech/ --Klaus
[jQuery] pass multiple form fields to the $.ajaxFileUpload fileElementId
Hi, I am trying to pass multiple form fields to the ajax_fileUpload.cfm page with no success. Is it possible to send a list of form ID's as I am trying below? $.ajaxFileUpload ( { url:'ajax_fileUpload.cfm', secureuri:false, fileElementId:<b>'fileToUpload,createpoloroid,createmedium',</b> dataType: 'json', success: function (data, status) Thanks!
Validation and Impromptu plugins
I'm using jQuery Validation plugin for a upload form, and while the file it is uploaded i must display a message, so i have choosed Impromtu plugin to do this. The validation code for the form is: <script type="text/javascript"> $().ready(function() { $("#form_upload").validate({ rules: { file_artist: "required", file_title: "required", file_upload: "required", category: "required", subcategory: "required" },//rules messages: {
[jQuery] jQuery keeping tabs on the election
I noticed jQuery and ui.tabs being used today to track the election on <a href="http://www.indystar.com/apps/pbcs.dll/article?AID=/99999999/ NEWS05/80326049">indystar.com</a>. It is, as always, great to see jQuery out in the wild.
[jQuery] async treeview - still have problems re-initializing the tree
We're still having problems implementing a 'refresh' button for a treeview tree. We need to be able to re-initialize the tree, clearing out the current version completely, and reloading with data fresh from the server. we're clearing out the current tree with: $('#openExistingTree').empty(); and then re-initializing with $('#openExistingTree').treeview({ url: "CalcBldrOpenExisting.ashx" }); Each time we hit 'refresh', we're getting a duplicate set of 'hitarea' divs The initial json returned is: "[{'text':
[jQuery] slide down animation "jumps" at the end
I got a smilingly simple problem but I have spent way to much time trying to fix it unsuccessfully already... Hoping some jQuery guru can figure this one out for me... The javascript is pretty basic: // set defaults $('.news_content').hide(); $('.news_item_bg div:first').show(); $('#latest_news a:first').addClass('selected'); // set news links behavior $('#latest_news a').click(function () { $('#latest_news a').removeClass('selected'); $(this).addClass('selected');
Next Page