[jQuery] how do I change the opacity of the sub-menus?
Please help a newbie! I've installed superfish on my web site, and it's working great except for one thing: the sub menus are transparent and it's causing some confusion for my users. I can't seem to find the file and the line to change the opacity setting so that it becomes completely opaque. check out my web site to see the issue. http://www.sydneydragonblades.com/joom/ Thanks in advance, Albert P.S. is this file (the one to be recommended) also where all the other customisations can be made?
[jQuery] Performance penalty for creating dom element from a string?
Hi, the new documentation for jQuery 1.3 states that: "To create a span use $("<span/>"). As of jQuery 1.3 this syntax is completely equivalent to $(document.createElement("span"))." First of all, what does this mean? What was the difference before? My real question is, what is the performance penalty for using $("<div/
[jQuery] How can I center the horizontal submenu in the Superfish nav-bar style?
I really would like to use Superfish's horizontal nav-bar style - I especially like the memory feature for the current page, but instead of the submenu entries being left aligned, I would need the submenu being centered around the selected main menu. Is there a way for me to achieve such a feat? I've read someplace else about using text-aligned, but when I tried to apply it to Superfish's CSS, nothing changed. Thanks for any pointers.
[jQuery] how do I change the opacity of the sub-menus?
Please help a newbie! I've installed superfish on my web site, and it's working great except for one thing: the sub menus are transparent and it's causing some confusion for my users. I can't seem to find the file and the line to change the opacity setting so that it becomes completely opaque. check out my web site to see the issue. http://www.sydneydragonblades.com/joom/ Thanks in advance, Albert P.S. is this file (the one to be recommended) also where all the other customisations can be made?
[jQuery] ajaxSubmit using validate and form plugin (succes option)
Hi there! When I do an ajaxSubmit using the form plugin I don't get a response by using the succes option. I make an ajaxSubmit in the submitHandler option from the validate plugin. Part of my code: submitHandler: function(form) { $(form).ajaxSubmit({ type: "POST", clearForm: true, url: "sendmail.php", succes: function(data) { alert(data); } }); return false; } I've tried a lot but without succes. I already tried this: - replacing $(form)
[jQuery] blockUI - Bug overlapping fixed elements
Hey guys, There seems to be a bug that when you have a fixed element attached to the bottom of the window and then try to block an element that goes below the bottom of the window (scrolls) it overlaps onto the fixed element.. its easier to show a picture: http://i44.tinypic.com/2z4wocn.jpg Any ideas as to how I could resolve this? --Sam
[jQuery] Selector Question from a newb
This has probably been asked several times on the list but I'm having trouble finding a resolution. I have a simple problem where I dynamically add html to a div when the user clicks a link based on an event handler, which works fine. However, I am further trying to bind events to a couple of buttons that are part of the dynamic html that has just been added. Using the following selector, I am able to view the newly added html table and see the input button listed: $('#' + parentId + ' > #submitForm
[jQuery] Troubles with russian
Good morning (day, afternoon, evening or night)! I'm from Russia, so I've some problems with russian language in i- pages, made with jQuery. When in the pages i use russian language, there will be "кракозябры". Does jQuery support russian? Or is there some patches/fixes that remove this trouble. Thanks, very much!!
[jQuery] [validate plugin] contain number
Hello, I need to validate password fields. I got this list of requirements what a password can be, among them: it has to contain numbers. How can I validate if the password contains numbers or not. I thought the built in numbers() method would do it for me. but it seems it requires the string to be all numbers. I thought the digit() would require all characters to be numbers and the numbers() would check if the string has numbers. Thanks for help, Luke
[jQuery] .is(":event")
hi everyone! is there any possibility to find out if there is event binded to the element? some kind of $("#id").is(":event(click)") now i'm using $("#id").is("[onclick]"); but it don't works if event is binded with jQuery
[jQuery] Detect If a INPUT value was changed
How to detect if the user just changed the value of an input? or select? Is not just detect the keypress or change event. It must know if the user change the value of the input.
[jQuery] function text() in jquery
hello, Im kinda new in jquery so maybe its a begginer question. I have a page with a div containing some text and a combobox. something like that <div id="testText"> hello this is text and this is combobox <select><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option></select></div> I wrote a function which return the text from the div. alert($('#testText').text()); My problem is that the function also return the text inside the combobox. is there a way to filter out
[jQuery] Imade fade loop on mouseenter
Hi Guys, I'm having some trouble looping through images by fading one into the next. This is the jQuery $("ul.list li a").bind("mouseenter", function () { var a; var max_img = $(this).children().size(); for(a=0;a<=max_img;a++) { $(this).children("img").eq(a).next().fadeIn(3000) } //end of for-loop }); and the html is this <ul class="list"> <li><a href="#"> <img src="assets/images/portfoliostrip/testimg.gif" alt="test" width="74" height="42"style="display:block;" /> <img src="assets/images/portfoliostrip/testimg1.gif"
[jQuery] new Jquery Cheat Sheet
Is there a new Jquery cheat sheet for 1.3?
[jQuery] :last & :first not working??
Hi there, I am doing some table row colouring with :odd (this works as expected), but: $("tr td:last").css("border", "none"); does nothing! I did some further testing on other selectors with other more obvious classes and the selector :last and :first don't seem to select anything. I have tried this with jQuery 1.2 and 1.3. Any help would be appreciated, thanks
[jQuery] Don't 'X' if already 'X'd'
Hey, I'm trying to get a little hover script running. It's using the hoverIntent plugin, but substituting that for hover will work for this example. What I'm trying to do is hover a link which will fade out a paragraph, change the contents of that paragraph, and then fade that paragraph back in. I have that working in my code so far. The bug I'm trying to fix is that when I hover over the now active link again, it repeats the fadeOut > change contents > fadeIn script again, but as the content has
[jQuery] Issue upgrading to 1.3
<div>Hello, When I attempt to upgrade my site from 1.2.6 to 1.3, I get an unresponsive script error that causes my browser (both IE7 and FF3) to hang if the script is not stopped. I've tracked down the bit of script causing the problem: $("ul#loginSection li#emilyLogin:not(.loggedIn), ul#loginSection li#joeLogin:not(.loggedIn)").click( function(){} ); As you can see, the problem exists even when the function defined for the click event is empty, leading me to wonder if it is some problem
[jQuery] IE Problem with (function($)
I have a problem with Internet Explorer ( all versions ) . The following is my JQuery Code , which executes perfectly in mozilla and chrome.. But it doesn't work in Internet Explorer. It says : Syntax error ( line 1 )... Can anyone help me out here.. Thanks for your time in reading this. (function($){ var EYE = window.EYE = function() { var _registered = { init: [] }; return { init: function() { $.each(_registered.init, function(nr,
[jQuery] really working cross browser color picker palette ?
any one knows really working cross browser color picker palette ? ive tried to find but i cant :(
[jQuery] How to make ajax links bookmarkable? (history)
Hi - I've got a site that uses a jquery ui accordion to load content into a container div via an ajax call. I would like to have the links in the accordion update the page's href with their url onclick, but I don't want to force a page reload since content is served via ajax. I've tried using the history_remote plugin for this without much luck (double-loads in firefox, no hash updates in IE7) I'm looking for an alternative solution. My link syntax is like so: http://foo.aspx?page=3 (this is actually
[jQuery] Capture a click outside of a specific object?
Hi all, Is there a simple way to capture a click event in a window/document and then determine whether the click was inside an element #foo, or outside of that element? Thanks! -Kim
[jQuery] ajax :: how to load script
hello community, i've got a textfield and a searchbutton. a click on the searchbutton schould execute the following java script which will return some data to a callbackfunction called "showmyvideos": $('#searchButton').click(function() { var url = 'http://gdata.youtube.com/feeds/api/videos?q=' + $('#searchText').val() + '&alt=json-in-script&callback=showMyVideos&max-results=7&format=5'; // ajax functions to call $.ajax, $.load, $.get, $.post EXECUTE('<script type="text/javascript"
[jQuery] jQuery "Jitter" in Firefox Problem (Please Help!)
I have created a website for a friend of mine that is a musician. The website is not live yet, it is on a hidden portion of the server. Anyways, the website is using jQuery to handle the "pages". All of the code is actually on the index page and the jQuery tells what div on the page to show when a link on the navigation is clicked... If you look at the site in Firefox, and you let the page load... once you click on a link, you will notice the edges of the website will jump a lot... all of the pages
[jQuery] Standards box model
Hello, Sorry about my grammar, English isn't my tang. I read in the Jquery 1.3:release notes, that I must use W3c standards mode. I tried to understand what it's mean. Now my HTML start like that: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html dir="rtl"> DO I need to replace it to this: (Like in Jquery website) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Thank you.
Ajax loaded pages lose needed scripts
Read through all the stickies and searched the forums without any luck. Here is what is happening. When using the JQuery ajax to inject a page into another page, I lose the script file access from that page. I've tried reloading the script using $.getScript but with the JQuery UI I get a stack overflow on line 509. I'm not necessarily just trying to run a particular function but need the entire javascript file to reload. This is particular to the JQuery UI date picker. I didn't see an initialize
Rebinding implementation.
ok I read the sticky on using the livequery plug-in to re-bind events, but I'm having trouble implementing it for my situation. This is the shell of that I have: Main static page with 1 div for content to load into. main div gets a page when everything loads. the loaded page is a monthly view of data with links to a daily view of the same data. I would like to load the monthly page and when a user clicks a date, the main page will stay in place and the monthly page will go away and the daily page
[jQuery] Problem with nav bar style menu
Hi there, I am new to this so please bear with me. I have used the superfish menu for my navigation on a site that I am working on and have run into a few problems. Following the instructions on http://users.tpg.com.au/j_birch/plugins/superfish/#sample4 and by looking at the source of that page I have almost got it completely working. The only issue I have left is that when I click on any tab, regardless of level I don't get the situation whereby the 2nd level (horizontal) is displayed under the
[jQuery] datepicker is not a function
$('.Datepicker1').datepicker({beforeShow: customRange, rangeSelect: true, numberOfMonths: 2}); function customRange(input) { return { minDate: (input.id == "startDatepicker" ? $ ("#endDatepicker").datepick("getDate") : null), maxDate: (input.id == "endDatepicker" ? $ ("#startDatepicker").datepick("getDate") : null) }; } startDate: <input type="text" id="startDatepicker" class = "Datepicker1"> endDate: <input type="text" id="endDatepicker" class = "Datepicker1">
[jQuery] Show element inside this
Hi, is there some easy way to make something like this: $(document).ready(function() { $(".track").mouseover(function(){ $(".track .label").show(1000); }); }); but only for each child element separately? I mean something like this: $(document).ready(function() { $(".track").mouseover(function(){ $(this ".label").show(1000); }); }); Thanks for answers and tips.
[jQuery] Form plugin and ui-dialog issue (never submits)
I am using the Form plugin to do an ajaxSubmit on a form that contains a file upload. The form submits fine on a regular HTML page, but when I use the form on a dialog (http://docs.jquery.com/UI/Dialog), the form churns and never submits. Relevant code below Form <div id="addDocument" class="hideElement"> <form id="incidentDocumentForm" method="POST" enctype="multipart/form-data"><input type="hidden" name="MAX_FILE_SIZE" value="100000" /> <div class="formlbl">Description:</div> <div class="formCol"><input
[jQuery] jQuery Tabs
Anyone having trouble with getting tab event callbacks to work? I'm on jQuery 1.3 and jQuery UI 1.6rc4 and none of the tab event callbacks are working.
[jQuery] Alternative stylesheet for jQuery.com
Any chance of getting an alternative stylesheet added to jquery.com? I've got a small 1024x600 display, and the heading of jquery.com, nice as it is, takes up a lot of space. I'd just like to suggest adding the following as an alternative (using <link rel="alternate stylesheet" ...>) for folk with vertically impaired screens: #jq-secondaryNavigation { margin-top: 4px; } #jq-secondaryNavigation ul, #jq-footerNavigation ul { width: auto; } #jq-siteLogo { top: 14px; } #jq-header { height: 80px; } body#jq-interior
[jQuery] Safely Extend Native Objects
First post on here so hello everybody :o) I've been looking at different javascript libraries for a while now to see what one suits best. The 2 I'm interested in are jQuery and mooTools. I've been messing with both and I really like them, however, the way they get the job done is completely different. I have to admit, I prefer the mooTools syntax as it is how javascript intended e.g. " lots of spaces before and after ".trim(); //mooTools $.trim(" lots of spaces before and after "); //jQuery But I
[jQuery] propagation in 1.3
First of all, thanks to all jQuery members for the new release! is a great gift! With this release, one of the main features is the new event propagation logic. As I can understand, it seems that, for example, if I have a div(inside) inside other div(outside) and I attach a click event to the inside div. The outside div will trigger it's events too... and it's parent, parent of the parent, etc until it reach the body element. Is this ok? If this is the logic, then maybe there is a little overhead
Confirm Delete HELP!!
See below post
[jQuery] How to force two connected sortable lists to behave like one list?
How to force two connected sortable lists to behave like one list? Small example. I have two connected lists (ListA, ListB). Each one has 5 elements. When I drag 2nd element form ListA to 3th position in ListB, ListA will have 4 elements and ListB will have 6 elements. Is it possible, to get two lists with the same number of elements after this operation as it was before the operation? I mean, first element of ListB will automatically move to the last position of ListA. It will be the best solution
File upload with textarea
Halo, I user jQuery, 1.2.6 and the AjaxFileUpload Plugin from http://www.phpletter.com/Our-Projects/AjaxFileUpload It is work fine only with one small problem, I want commit a content from textarea. The text will be send to the php fiel but it has one mistake, if in the textarea are line break, this line break will be not send to the php fiel. The question is why? Here the code from my JavaScript: function ajaxFileUpload() { var myTitle = $("#myTitle").val(); var myCategory = $("#myCategory").val();
[jQuery] [ TR.click not work in Firefox]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6000.16788" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>hi,</FONT></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV><FONT face=Arial size=2>Look this do not work in firefox, in IE yes. why?</FONT></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV><FONT face=Arial size=2>Thank´s</FONT></DIV>
Remove items from droppables list
I cannot find any working function to remove items dropped into a drop area using jQuery droppables. Has anyone done this and had success? Here is the code I have for mine without the remove function: <script type="text/javascript"> $(document).ready( function(){ $(".red, .green").draggable({helper: 'clone'}); $(".drop").droppable({ accept: ".green", activeClass: "droppable-active", drop: function(ev, ui) { $(this).append("<input type="text" value='Green'></input>");
[jQuery] Jeditable submitting to function question
Hi there, Let me first say Jeditable is a great plugin! I'm currently trying to get it to submit to a function so I can make the Ajax request return a JSON object and do some things with it before returning the final value. I'm not quite sure how I go about performing an Ajax request inside the function because once the Ajax request has been made it just continues on. I can't seem to figure out a way to get the function to wait for the Ajax function to return and then in the callback somehow pass
Next Page