[jQuery] Position to use to have the Horizontal SuperFish at the top
Hi, On my website www.mydabbler.info I wanted the superfish horizontal menu directly below the green banner at the top. I am using this to replace the top 2 menus in the middle. The current top 2 middle menus use User 1 on the middle left and User 2 for the middle right. If I use Superfish with one of these positions it does not sit high enough. What would everyone suggest? Thanks!
Advanced Selector Building
I'm really impressed with selectors but I'm looking for some help with a specific setup. Here's the sample HTML <table> <tr> <td>Header Text</td> <tr> <td>data</td> <td>data</td> </tr> repeats the above rows a few times <tr> <td class="KnownClass" colspan="2"></td> </tr> <tr> <td colspan="2"> <a href="someurl">link 1</a> <a href="someurl2">link 2</a> </td> </table> I need to use jQuery to add CssClasses to the two href links at the bottom. I managed to get it to work using the script below but it's
[jQuery] Calling C#-function in the validator
Hello all, I'm quite new to Jquery, so I need some sort of advice. I'm working on a webbased application with a webservice. First it was a simple html site, but later I started using Jquery. Data is inserted in some forms, this I can easily validate through the validator. Now after all the data is ok, it's send to the webservice through the C#-code. Some calculations are being made with the data and a dataset is returned. Now some errors can occur while doing the calculations. I can't get some manual
Linking to lightbox
Hi all. This is more just javascript, but since I'm using, and learning jquery perhaps someone can help with this simple question. I'm using fancybox to display inline content, but the can't get the function right to open only the fancybox. Every link on the page opens the lightbox, not just the div I want. I understand why, but can't get the syntax right. The inline content is inside <div id="data"> So in the header I have <script type="text/javascript"> $(document).ready(function() { $("a.data").fancybox();
Form still submits under IE, fine for firefox and safari
Following code works in safari and firefox with no errors, however in IE when the user hits submit the form still posts (don't want it to do that). P.S the form is loaded in via ajax if that helps. $('#getplayer').live('submit', function() { var fname = $(this).find('input').eq(0).val(); var lname = $(this).find('input').eq(1).val(); var teamid = $(this).find('input').eq(2).val(); var div = "#" + $(this).parents('li').parents('ol').parents('div').attr('id'); if(fname != '' && fname != 'First Name'
[jQuery] Change form action based on button clicked
Hi all, I have a form like this: <form id="my_form" method="post" action=""> Name: <br /> <input type="text" id="name" name="name" /> <input type="submit" id="submit1" value="Go to page 1" /> <input type="submit" id="submit2" value="Go to page 2" /> </form> how can I change my action form so the form goes to Page1.htm with click on button1 and goes to Page2.htm to click on button2, and mantein the value inserted in textbox "name"? Thanks a lot. Luis
Is there any jQuery function to move divs inside the screen?
Hey guys!!! My idea is to click on one div that contains some stuff and move it to another place inside the screen. Is it possible with jQuery?? Is there anybody who knows it?? Somebody who can help me how to do this stuff? Thank you very much for your attention. Cheers!!
[jQuery] create a floating Superfish menu
Hi I am newbie in jQuery. I use Superfish menu basic style in my small FOSS project. Question: How can I make a horizontal Superfish menu, floating, like is http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/ ?
Problem with data loaded by jquery
Hello, here is my script from <head> <script type="text/javascript"> $(document).ready(function() { $('#dodaj').ajaxForm(function() { $("textarea").val(""); $('div#dane').load('dodaj.php'); }); $(".click").click(function(){ pos = this.id; alert(pos); return false }); }); </script> Orange add data from textarea to mysql and refresh in div #dane. Darkblue show alert when I click on the text in div #dane. Problem: When I'm trying to add sth from textarea and I get new data, when i click on the refreshed
Opacity value
Hi all, I am having a small problem and don't know how to fix this. In my application I've the small line: $(document).ready(function() { $('.light').animate({opacity:'.25'}, {duration:0}); }); THis is very nice effect and more easy to use than the CSS method. I'll use this for some hover states. Problem is that the opacity starts when the page is loaded. So you see the images 'flash' from normal to 'opacity: 25'. Is there a method so the images have the opacity value immediatly, instead of when
[jQuery] remove one element in an array
Hi all, When i click once on a button, i create one picture on the fly. And so on. It works ok. Then, using livequery, when i click on one of the all created pictures, i would like to see it removed. But it appears that only the first pic is removed (since all have the same name). What is my mistake ? regards, f. <JQUERY> $("#IdButton").click( function() { var pic=" <img id=\"IdPicture\" name=\"IdPicture[]\" src=\"../ images/icone_ko_small.png\"/>" $(this).before(pic); }); $("#IdPicture").livequery('click',
[jQuery] AIR plugin for jQuery?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META NAME="Generator" CONTENT="MS Exchange Server version 6.5.7036.0"> <TITLE>AIR plugin for jQuery?</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P><FONT SIZE=2 FACE="Arial">Does anyone know of a plugin for jQuery that encapsulates some, or all, of the AIR API?</FONT> </P> <BR> <P><FONT SIZE=2 FACE="Arial">andy</FONT> </P> </BODY> </HTML>
Problem setting width and height for Dialog
Hi I am new to this forum and quite new to jQuery as well. I have always been using Prototype but I finally made the switch to jQuery because of its good documentation and large user base. I have a problem that I hope someone can solve. The problem is that I cannot correctly set a size of my dialog when loading the content using Ajax. I have the following code: $("#test").load('showList.php').dialog({ bgiframe: true, resizable: false, height: '500px',
Drag n Drop with Ajax?
Hey all, I've got a page that uses the draggable and droppable feature - http://jqueryui.com/demos/droppable/#default It also uses jQuery to call a web service via Ajax - this also works fine. However, I want to call the web service only when an item is dropped onto the objeect but when I try to add the Ajax function inside the $("#droppable").droppable({ drop: function(event, ui) {.... it doesn't seem to work. You can see my code at http://pastebin.com/m703d1cfe Any help or advice would be much
[jQuery] BlockUI not always firing
I posted this in the UI group and was told to put it in here... My problem is that I have a function that is to call blockUI both upon login and logout. BlockUI only fires upon logout. Here's my code: **code** function Processing(dataString,l_processing,control) { if (l_processing == "yes") { $().ajaxStart(function() { $.blockUI( { message: $ ('img#l-processing'), css: { border: 'none', padding: '15px', backgroundColor: '#000', '-webkit-border-radius': '10px', '-moz-border-radius': '10px', '-ms-filter':
[jQuery] Using jQuery with Prototype by using jQuery noConflict
Hi all. I am new to jquery and prototype and have the need to use both. I am currently trying to use the jquery Cycle with Lightbox that needs prototype and the two are conflicting. I have been told that I will need to use the jquery no conflict, but I simply can't get it to work. I just don't understand enough about it, but not from the lack of trying. I just don't know what code to paste where in the html. I am using dreamweaver on a mac. Any help would be greatly appreciated. I am stuck at the
[jQuery] Jquery Widgets !!
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#993399"> <font size="-1"><font face="Calibri">Hi Group, </font></font><small><font face="Calibri"> I just wanted to knew if we can create widgets using jquery , if yes, how?? </font></small> <div class="moz-signature">-- <meta http-equiv="Content-Type" content="text/html; "> <meta name="ProgId" content="Word.Document"> <meta name="Generator" content="Microsoft
Finding closest matching node, up down sideways, etc.
How can I find the nearest node ancestor, descendent, sibling, cousin, etc, with a money string ($??.??) ? $(node).closest("* match") didn't seem to work, and how to handle a regular expression there?
[jQuery] jQuery, ajax, json, php
If I send a json format to php, how to get the value from php? for example front page <script> var jsonStr = '{"name": "David", "age", "23"}'; $.ajax({ url: 'json.php', type: 'POST', cache: false, data: {json: jsonStr}, success: function(data) { alert(data); } }); </script> php page <?php $json = $_POST['json']; // it's get {"name":"David","age": "23"}, but how to gete name? ?>
code wont go :-)
Hi there. The following code doesn't fadeout the box. Can anyone see why? <!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>Test Page</title> <script src="jquery-1.3.2.js" type="text/javascript"></script> <style type="text/css"> #box { background:red; width:300px; height:300px; } </style> <script type="text/javascript">
JCarousel issues with IE6
Hi I'm new here and fairly new to JQuery and I've been fighting with this problem for hours and its really starting to wind me up! I've tried to implement this on a site I'm working on: http://sorgalla.com/projects/jcarousel/ ... imple.html and it works fine in all major browsers, but not in IE6! When the page first loads the content in the carousel is there, but once the page has finished loading the content disappears. I can't for the life of me work out what's going on. A test page of what I'm
[jQuery] using find method on a documentFragment attached node
Hi, I am writing an application that converts an ajax xml response into html using client side xslt transformation. The transformation is achieved using following snippet, which works fine - transform:function(xml){ if (window.XSLTProcessor){ var xsltProcessor = new XSLTProcessor(); xsltProcessor.importStylesheet(Xmer.xsldoc); var outputXHTML = xsltProcessor.transformToFragment(Xmer.makeXml (xml), document); document.getElementById('tree').appendChild(outputXHTML.cloneNode
[jQuery] cycle and jcarousel issues....
Hi, I have done a fair bit of searching and can't quite find anything that suits my issue :( I have been trying to make a gallery using the cycle plugin's pager function within a jcarousel. I have managed to get it working, without too much of a problem, except that the images are pretty large, which meant there was a flicker of the slides before the cycle started working. I tried to overcome this problem by absolutely placing the slides which seems to have worked, but there is now a mad flicker
$.ajax not returning data
Currently, I'm building a website with jQuery. The function below helps me to get content from a database. In the file content_ajax.php there are some functions to handle ajax-requests. JS calls the PHP-function correctly (I've send an email to myself inside that function to check) but the script doesn't return 'succes' and doesn't give me an error...Also, when I put an alert inside the succes and error function, it doesn't popup! Does anybody know what causes this problem? What may be relevant:
[jQuery] animate callback scope for infinite loop?
Hi, I'm trying to create an endless animation similar to a screen saver, where an image floats around the screen, fading in and out. I would like to stay out of the global namespace, so I'd like to use the callback to animate() rather than getTimeout(), which seems to operate only on functions in the global namespace. Please correct me if I'm wrong about that. But I'm having trouble maintaining the scope I want for the callback -- I want "this" to refer to my Animation object, not the HTML element.
[jQuery] select top level of nested structure
Given the following structure: <div id="section_list"> <ul> <li></li> <li> <ul> <li></li> </ul> </li> <li> <ul> <li></li> </ul> </li> </ul> </div> How should I select just the top-level list items? I thought '#section_list > ul > li' should do it but it doesn't appear to be so. At least, the code I've got is giving me strange results. I'd like to confirm whether my selector
[jQuery] how to assign date picker for all class "date" ?
Hi, I have a tabular data that updated via ajax (using table and input) I have inputs that looks like this <input type='text' name='birthDate' class='datepicker' value='....'/> this input generated by ajax or added dynamically. on js : $('.datepicker').datepicker(); but it seems it is not working with new <input> and i need to call $ ('.datepicker').datepicker(); again everytime i add new <input> is there any way to make sure that new added (by ajax) has datepicker as well? i am using jquery 1.3.2
Events/live and default behaviour
I use the live - method to bind a handler to a click-event for all links with class "userDiv" $(".userDiv").live("click", function(event){ event.preventDefault(); ...show a Div... ... }); When I DON'T use this and use instead the "normal" click handler $(".userDiv").click(function(event){ event.preventDefault(); ...show a Div... ... }); I can still use the middle Mouse-Button in Firefox to open the link in a new tab without any jquery-stuff But when I use the live-method (and it would be nice
Append after filter
Hi all, i would like to remove the acb.gif, than append another html "<p>111</p><p>222</p>" to "id2" anyone know how to do it? many thank <script language="javascript" src="jquery.js"></script> <div id="id1"> <p>111</p> <img src="images/abc.gif"> <p>222</p> </div> <div id="id2"></div> <script language="javascript"> $(function() { $("#id1").not(img[src=images/abc.gif]).appendTo("#id2"); //remove the abc.gif than append to "id2" }) </script>
Question about jquery
hi, I'm kind of new jquery as rookie guy, I was wondering if this will works under jquery. please visit site at http://www.wiproductions.com/projects/s ... jaxslider/ and as you can that slide images, does this will works to use images of member from our folder and use mysql to retreive full name of that member images! if so, do you know where do i can get that infomraiton of how to write that code to allow reterive full name from database and image of that person from folder! please help thanks.
[jQuery] [HELP] DivMenu
hi, i've a function that when i click on a link a div shows up, and it works nice, but when i click on the div itself the div closes up, and other "bug" is, that if i have 2 or more divs if i click on one link and click on other link the div's stays visible, how can i solve this? here is the code: jQuery.fn.DivMenu = function(opcoes){ /** * **/ var variaveis = { 'display' : 'none', 'position' : 'absolute', 'background' : '#fff', 'border' : '1px solid
[jQuery] Accordion List Issue
Hi All, Very new to Jquery and was hoping i can get some help. I have an accordian list much like the example here : http://docs.jquery.com/UI/Accordion#option-active Say for instance i have page links under the heading 'Section 2' of that demo above. How can i make it so that when you visit a page from these links 'Section 2' is visible and 'section 1' and 'section 3' are closed? At the moment i have : $(document).ready(function(){ $("#accordion").accordion({ active: false, collapsible: true });
JQuery UI Slider with Custom handle problem
I am currently working on updating this script over a jqueryfordesigners to JQuery 1.3.2 and UI 1.7.1 to use on a site I am working on. http://jqueryfordesigners.com/slider-gallery/ I have it almost there. The trouble I am running in to is that the handle scrolls farther right than the slider bar is long. Also the handle jumps over so the image is positioned to the right of the cursor. See my example: http://www.digitalbarnyard.com/slidertest Any suggestions?
[jQuery] tabs and ajax
I have 3 tabs that each loads using ajax (via href). The problem i am having is that while a tab is loading - the user can click on another tab (as they should). But the tab panel rendering then gets confused - depending how long the ajax takes or how quickly the tabs are clicked - the results can (and do) come back on a different panel. Is this a bug or another way around this? I don't want to disable the tab - as it is very reasonable for a user to click on the another tab while one is loading.
Pagination plugin
Hi all, I am trying out the pagination plugin found here: http://plugins.jquery.com/project/pagination I seem to have a problem with trying to display more than 1 item per page. I have changed the following parameter: items_per_page but it never seems to show more than one item. Appreciate any help. Thanks Lee
Drop down list issue in IE - width/animation conflict?
Hi, I'm using a jQuery horizontal drop down nav list I found (here: http://www.leigeber.com/2008/11/drop-down-menu/ ), which works great except for one minor problem that only shows up in IE. When the user hovers over the main tab, for the first split second the drop down is only the width of the main tab. Then it expands to the designated width. Screen shot of problem: Here is my .js: // JavaScript Document var menu=function(){ var t=15,z=50,s=6,a; function dd(n){this.n=n; this.h=[]; this.c=[]}
[jQuery] How to flip the image?
Can I make image vertical or horizontal flip by jQuery?
[jQuery] Sortable Gallery?
Hey all, I am new to jquery. Managed so far to get a carousel up and going, some tabbed interfaces etc. Nothing spectacular. A week or so ago, I found a tutorial on how to build something like this (http://jasonsantamaria.com/portfolio/) in jquery. Basically a group of thumbnails, each given a category id, that corresponds to the right nav, that then sorts and displays the thumbnails according to user selection. Anyone know of an existing tute out there for something like that? or know what current
[jQuery] binding and re-binding
Hi everyone. I've run across what must be a common problem: When my page loads, I bind every element of a certain class to some function (via click, focus, or whatever). Then I dynamically create another element with that same class on the page, and the new element lacks the binding. Is there a nice shorthand way of saying "bind this function to this class/id/selector always and forever," no matter whether matching elements are created or destroyed? I'd rather not have to worry about re-binding my
[jQuery] Hide parent where a child contains....
I'm sure that I'm just missing something simple. Basically, I'm trying the hide the "<fieldset>" element if it contains "<legend>Promotions</ legend>" but I can't get it to work. Here is my latest.... jQuery("fieldset:has('legend':contains:('Promotions'))'").hide(); I've tried several variations of this, including trying to hook onto the parent element and such, but I just can't get anything to work. I'll supply what my HTML code looks like below. Any help would be appreciated. <h1>Categories</h1>
Next Page