[jQuery] append and selector problem;
Hi, I am facing one problem In jquery. For easy understanding, below html code created. Before clicking on CHANGE label if click on 12345, I am getting hiiiiiii alert message. After clicking on CHANGE I am not getting alert message.(I am experting hiiiiii should come on click of 67890 also). code sample <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $('#change').click(function(){ $('#div1').empty(); $('#div1').append('<table><thead><th>NEW
eyecon date picker plugin - doesnt show dates?
Hello, Still a bit of a jquery newbie here, I'm making a form and using the date picker plugin by eyecon. But when the calendar pops out, instead of seeing the month and dates, It just repeatedly prints 'NaN'. This is super freaky and I cant figure out why. Here is a link to the page http://mizirawi.com/merit-limousine/reservations.php. Just scroll down to start day and end day under trip information and click on the input box and you'll see what I mean. I hope someone out there is familiar with
[jQuery] jQuery crashing the page
I've got 2 pages: a current events page and a past events page the current events page loads fine as there is only about 10 events the past events page takes about 30 seconds to load and will crash if u click your mouse in the loading time The pages are near identical the only difference is the query that selects the events (> versus <) The page loads immediately without: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js"></script> But when i put
jquery messy slider
hey, i've taken the slider from http://graphpaperpress.com/2009/03/15/j ... wordpress/ and reduced it to my needs and being a designer i fear that the code is everything but perfect now. Maybe you guys are looking for something similar and want to help clean up the mess? The code is: $(function() { var totalPanels = $(".scrollContainer").children().size(); var regWidth = $(".panel").css("width"); var regImgWidth = $(".panel img").css("width"); var
[jQuery] new to this
I am new to this and trying to put some code together for a project for my boss. The long and short of it is that the timer for the mouse over needs to be longer so that the pop up text lasts for 60 seconds. I am not a coder and probably made a basic mistake. I have searched Google but keep failing and need some help from experts. Thanks. The bare bones of the code looks like this; <SCRIPT> if (!document.layers&&!document.all&&!document.getElementById) event="test" function showtip(current,e,text){
[jQuery] creating parameters dynamically
I know this is not strictly related to jquery but I don't know how to make it works. I'm working on a function that has as variable an array and for each element I need to create a piece of code for an other function. For instance when the array contains [0,1,2] I need to call $(this).tablesorter({headers: {0: { sorter: false }, 1: { sorter: false }, 2: { sorter: false }}}); and when the array contains [0,4,5,8] I need to call $(this).tablesorter({headers: {0: { sorter: false }, 4: { sorter: false
Help with Json Ajax response return code 400 or 500
Hi all I want to send a 400 or 500 response from the server and look what happened. I know how to do it if a send a 200 in success: function(data){ ..... } but I want to do it well in error: function (XMLHttpRequest, textStatus, errorThrown){ ..... } Thanks for your help!!
[jQuery] Prev and next navigation
I am trying to a setup a jquery based navigation for my photo gallery i.e something like facebook using hash url technique. I am using php and mysql in the backend. Is there any example I could look at for implementing it. The reason for using hash urls is that I would like to have an unique url for every pic. -- Sent from my mobile device Anush, Team Gluster, http://gluster.com
[jQuery] ultimate submenu(please help me)
hi i want create ultimate submenu and support multilevel for example like this: ---------- 1: 1-1 2: 2-1 2-2-1 2-3-1-1 2-3-2-1 2-4-1-1-1 2-5-1-1 3: 3-1-1-1 4 ----------- i need some idea or some sourcecode(ajax sourcecode is "better" than none ajax) *please help me this is important for me very much.
[jQuery] Bassistance Validation Plugin - bit of a newbie..
hi people ive just started playing around with jquery. ive used jqtransform to make my form pretty looking, and have attempted to implement bassistance.de's validation plugin - everything kind of works, apart from the fact that the validation message does not appear visibly - if you really look, you can see the message "2 characters" underneath the text boxes.. ive set the z index to be higher than the form too, and tried to position the error label - this is the only css rule i have in relation
[jQuery] tab load and dequeue
Hi guys, I am relatively new to jquery and using jquery tab to one of the page. The tab contains 3 tab, and each tab contains pretty heavy dom instead. When I toggle the tab, I noticed about a 2 second delay, and wondered why there is such a delay. so.. run the profiler in the IE developer tool, and noticed that most of the bottleneck was on dequeue in load function of the ui.tab. I looked at what it does, and was bit confusing why element.dequeue("tabs") causes such a delay ? Is this general limitation
[jQuery] [validate] Is there an onChange method?
I'd like to trap for a field going from invalid to valid. something like, onchange: function(){ alert('Yay, the field is valid and you can follow instructions'); } Is there something in the plugin that I can use to intercept this? thanks!
[jQuery] jquery crashes on ie6
hello, i am a designer of a news portal www.haber7.com we recently renewed the design of the portal and published it. but there are too many complaints about crashing downs on ie6 and ie7, but mostly ie6. and of course page is usually scrolling slowly as there are many ads and javascripts running already. i had an email from a visitor of the site including a screenshot of the crush message from ie6. it says iexplorer has encountered a problem bla bla and it refers to the mshtml.dll. is there a solution
[jQuery] Jquery and Pop up blockers
Does Jquery perform better or worse than other Java library with regard to not triggering pop up blockers? Thank you.
[jQuery] Superfish plug-in mouse out animation
Hello, I was wondering if there is a way to animate the menu UL list up on mouse out. I have it so the height shows when the mouse goes over the first li link, but I would like it to return up in the same manner. Any suggestions? Thank you
[jQuery] Auto close dialog after 5 seconds ?
Hi. I'm using jQuery.dialog and I'm wondering if it's possible to auto close it after e.g. 5 seconds.
[jQuery] disable eager validation (validate)
I'm using a custom validation method that is doing an server-side check of the data entered into a form to determine uniqueness before the form is submitted. The eager validation, while useful for client- side validation, introduces a certain amount of lag into my form which I'd like to avoid. Is there any way to turn off the eager validation after the first attempt at submission (i.e. the form only gets validated whenever the user presses the submit button)? Thanks in advance for any advice.
[jQuery] Add content
Hi, I have an unordered list and I would like to use Jquery to add some <li>'s to it. How do I do this? Thanks!
Removing class
Hi everyone... Im learning jquery actually, so i guess im a dumbie ... anyone can help me? I have a little unordered menu (UL > LI > UL > LI) and in the first LI layer, all that elements have one class 'categoria'. When my mouse over, i put a class on a child-element A (class 'ativo')... its all working! butttttt.... when i leave the menu, i wanna remove that class again... for back to normal... its working: $(document).ready(function() { $("#nav li.categoria").hover(function() { $(this).children("a").addClass("ativo");
How do I convert a jquery animation for upload to youtube?
I have an animation that uses an html file, a javascript file (with jquery code) and a css file. Is there a way to create a file uploadable to youtube that runs the animation?
[jQuery] Using addClass to Highlight Errors
I have what I'm certain amounts to a CSS misunderstanding on my part. Here's the reduced problem: CSS input[type='text'], textarea { background-color: #2c2c2c; color: white; } .warning { background-color: "#851728"; } .error { background-color: "#8D580F"; } HTML <body> <input type="text" id="title" /> </body> jQuery var title = jQuery("#title"); title.addClass('error'); The problem: The addClass does not affect the styling of #title. Firebug shows .error, but as an empty selector. Any hints are appreciated.
how can I link to jquery tab from different page?
I created a tabbed menu with jquery. http://www.sohtanaka.com/web-design/...-w-css-jquery/ By default the first tab is shown and the other tabs are hidden. I need to link straight to the 4th tab from a different page. If I am on the same page with the tabbed menu, the link to open my tabs are like the following: <li><a href="#tab4">4th Tab</a></li> When I add the /#tab4 to the link from the external page, the tab does not show. Is there a way to go straight to the fourth tab when linking from a different
[jQuery] Multiple Links, Find which one was clicked?
I have a table that looks something like this: <tr id="1"> <td>Name</td> <td>E-Mail</td> <td><a href="#" class="accept">Accept</a> - <a href="#" class="deny">Deny</a></td> </tr> With multiple rows. Each row has a unique ID (numerical). I need to be able to click on an a.accept, find WHICH one was clicked (which row it is in), and get the ID of that row. I've been looking around and I found parent(), but I'm not sure how I can specifically get which accept link was clicked. Can anyone help?
[jQuery] $(':target') and $(location.hash)
$(':target') works in Firefox 3.5, but not Firefox 3.0 and some other browsers, http://www.sfu.ca/~jdbates/tmp/qubit/200909231/#aaa ^ in Firefox 3.5, $(':target') selects just the element with id="aaa", so this element appears blue while the other appears red In Firefox 3.0 and some other browsers, $(':target') seems to select all elements? so they all appear blue $(location.hash) works in Firefox 3.5 and 3.0, http://www.sfu.ca/~jdbates/tmp/qubit/200909232/#aaa ^ in Firefox 3.5 and 3.0, $(location.hash)
[jQuery] Execute jQuery from links
Hi! I wonder if it's possible to execute jQuery events directly from a link, just like common javascript. Something like this: <a href="#" onclick="javascript:$("test").toggle();">test</a> I'm aware that this doesn't work, but is there any way to execute it like this instead of inserting a whole <script></script> block? Thanks!
[jQuery] Way to "convert" DOM event to jQuery event?
I want to take advantage of jQuery's cross-browser Event object, but via an onclick event handler. For example: <a href="#" onclick="showTextNearThisLink(convertToJQueryEvent(event), 'foobarbaz');">show details</a> Is something like this possible? I may be thinking about the problem wrong. I understand that event handlers are usually wired up on $(document).ready, but I need to send additional information ('foobarbaz' above) to the event handler. Thanks, WalterGR
[jQuery] How can i add Buttons?
hello everyone. i have a problem. i wanna add left and right buttons but i couldn't i have tried long time so really i need. i am looking for like this for example: <a href="#" id="mycarousel-prev">Prev</a> or <a href="#" id="mycarousel-prev"><img src="images/prev.gif"></a> i wanna put like this buttons. please help me.
Jquery UI Dialog problems
Hi, thanks in advance for any advice. What I'm trying to do with this dialog box is to dynamically generate it each time a certain button is clicked. The dialog is supposed to populate with a list of items and actions. This is the code I use to populate the dialog and open it function openDialogBox(url, id1, id2, text){ var ajaxOpts = {'id1': id1, 'id2': id2}; jQuery('#dialogContainer').load('${AppPath}/populateDuplicateTasks.do', ajaxOpts, function(){
[jQuery] (treeview)
I'm very new a jQuery, and still just learning. I've succesfully implented the treeview plugin on my html list. Only, I don't want it to collapse when I click on a expanded folder. I do want it to collapse when I click on a other folder that's not a child. So that you only have one branch visible. My javascript is still poor, but I'm a quick learner. My normally script languages are PHP and Actionscript (2 and 3) Thanx in advance
G.replace is not a function
Hey i got jquery-1.3.2.min.js and prototype.js in same JSP. i did replace $ with jQuery and include jQuery.noConflict(). i have to display group of boxes with same height. code is breaking at : group.height(tallest). showing " G.replace is not a function " error. <---- here is my script-------> <script type="text/javascript"> jQuery.noConflict(); function equalHeight(group) { var tallest = 0; group.each(function() { thisHeight = jQuery(this).height(); if(thisHeight > tallest) { tallest = thisHeight;
[jQuery] jQuery in loaded content doesn't work
I am trying to convert a website currently implemented in PHP with server-side includes, to not use only Javascript (and jQuery & AJAX). The main navigation page has a list of links. Clicking on a link pulls in dynamic content and populates a div on the page. I am using .live() and .load() to implement: <script type="text/javascript"> $(function() { $("li.link").live("click", function(){ // grab the id from the LI element var linkid = $(this).attr('id'); // the html page to pull in var linkpg = 'content_'+linkid+'.htm';
[jQuery] complicated form with 'child objects'
Hi, I try to implement a form for an item that can have several ‘child objects’ - addresses (let us say with 3 strings: postcode, country, city to keep things simple). The addresses will be send as a stringified JSON array together with the remaining form elements to the server (using the forms plugin) . I guess I will need some kind of subform and a table (?) to store the ‘child objects’ with the possibility to delete ‘child objects’ before posting. I am sure someone must have implemented something
Get the full value on href tag
I am using an online e-commerce hosting solution and they wont let me get certain stored data because they have full control. Anyhow the link on the page looks like this: <a href="http://www.mywebsite.com/file.asp?customer=12">http://www.mywebsite.com/file.asp?customer=12</a> How do I match mywebsite.com and then get the full value of the url. The important value is 12.
[jQuery] fadeOut callback problem - is this a bug?
The contents of a fadeOut callback are supposed to be executed after the fadeOut has completed but there are problems when fading out multiple selectors (the alert is used to demonstrate). $("#foo, #bar").fadeOut( function(){ alert('test'); $("#baz").fadeIn (); })
Internet Explorer not displaying Content Fader
I've been trying to get this content fader to work in Internet Explorer 7.0.5 all day to no avail. It works perfectly in all the other browsers (Firefox 3.5.3, Opera 10.0 and Safari 4.0.2) but as usual our good ol' pal Internet Explorer just doesn't want to play nice. Also note I'm a JS and JQuery Newby Here is the site: http://dru-era.com/test/Druera/index.html The first fade is triggered via the contact us button (mail icon at the bottom left corner, next to facebook and twitter icons). Then, the
[jQuery] validate date regexp
Hi, I'm using the jQuery validation plugin + masked Input 1.2.2 and both works very well. I'd like to add a validation function for dates with the format dd/mm/ yyyy I took the regexp from http://bassistance.de/jquery-plugins/jquery-plugin-validation/ specifically from Marco Antonio's post but if figured out that it doesn't work well for all leap years, for example it works for 29/02/2004 but not for 29/02/2000 Is there any way someone can tweak the regexp a little bit? Thanks jQuery.validator.addMethod(
Help - how do I set the first 8 Characters into an id???
Hey I have the following script which takes the url of a page, strips out the / and sets the id of the body tag. the trouble is I only want the first 8 Characters - can anyone help me with this???? Here is the code so far: $(document).ready(function() { var pathname = window.location.pathname; var pathSlashesReplaced = pathname.replace(/\//g, "-"); var pathSlashesReplacedNoFirstDash = pathSlashesReplaced.replace("-",""); var newID = pathSlashesReplacedNoFirstDash.replace(/(\.[\s\S]+)/ig, ""); $("body").attr("id",newID);
[jQuery] Each function gives errors in IE6
I've got a simple each function that finds every subnav and assigns it a vertical position equal to half of the subnav's height. This works great in all modern browsers, but in IE6 I get errors from each of the two lines within the function. Here's the problem function: $(".subnav").each(function(i) { top = (parseInt($(this).height()) / 2) - 6; $(this).css("top", ("-" + top + "px")); }); When I view the page in IE6, I get an error saying "Not implemented". If I comment out
[jQuery] Want the submitted data from page loaded in iframe in parent page.
Hi all, I am relatively starter in php, javascript & jquery. I have a web page that loads a signup page from other site. What i want to do is get the signup information entered by user in the page inside iframe on my current page so that i can store the data in my db. The signup form that get loaded in iframe has submit button that does the processing of the data entered by user. So i want the data on my parent form. anybody can help me on this??? Thanks in advance. Regards Nils
[jQuery] Tablesorter is not sorting numbers correct
I am sure I am overlooking something simple, but can't seem to find the needle in the haystack. I am parsing an XML file and extract 2 parameters These are put in a sortable table as I did for some many other tables now. Sorting on names works like expected.(first column) sorting on numbers (second column) does not sort correctly. when sorting is done the result is something like this: 8 7 6 5 32 31 3 21 2 Where it should put: 32 31 21 8 7 6 5 3 2 Using the last versions of jQuery and Tablesorter.
Next Page