[jQuery] [autocomplete] from bassistance: clicking outside the autocomplete does not remove AC
Hello all, For some reason, clicking to the left or right of the autocompletion dropdown doesn't remove the drop-down in IE7 for me, but it works on the demo site...anyone else experience this? Is it some kind of formatting bug I should be looking out for? Bernie
Fade in / Fade Out
Hello everyone, Right not exactly a problem that its not working, at the moment i have a jquery tab box ... at the minute when you click on a tab the page slides in and out. But when i want to do is change it so its a fade in and fade out. Here is the code for the jquery and the divs / uls that i use for the tabs : Jquery: <script type="text/javascript"> // When the document loads do everything inside here ... $(document).ready(function(){ // When a link is clicked
[jQuery] how to get next div with class of clear
hi, im quite new to jquery and am becoming ever more impressed by its power, alas ive no idea how to harness this power yet so please help. i have dynamicly loading pages with up to 4 floated columns in each, the height of these floated columns varies, and what im doing is adding a div with class .cleverBox below the last element in each floated div. on page load i then call a function which loops through each .cleverBox and stretches its height so that the bottom of it sits parallel to the bottom
validation of appended form fields
Hi I have a form which we append fields to when a user clicked a button. This is all working great. However we need to be able to track and block when a user clicks the enter key. We have the following code which works great when there is just one row of fields, however when we append the extra form it doesn't work on them... $('.code').keyup(function(e) { alert(e.keyCode); if(e.keyCode == 13) { alert('Enter key was pressed.'); } }); can anybody help with this. thanks
[jQuery] Select all class not " keyword_type_A", please help
Hello. I have a list: <a href="#" id="A">A</a> <div id="TB_ajaxContent"> </div> <li class="keyword_type_C">tag </li> <li class="keyword_type_T">tag </li> <li class="keyword_type_P">tag </li> <li class="keyword_type_L">tag </li> <li class="keyword_type_K">tag </li> <li class="keyword_type_S">tag </li> <li class="keyword_type_S">tag </li> <li class="keyword_type_H">tag </li> <li class="keyword_type_T">tag </li> <li class="keyword_type_T">tag </li> <li class="keyword_type_T">tag </li> <li class="keyword_type_A">tag
[jQuery] Superfish navbar alignment question
Hello, Actually I will repeat a message sent by some other user, message which seems to have been completely ignored. I believe this is a good question, I am also very interested in its answer (otherwise unfortunately I will have to look to some other navbar system). So, is it possible to align the dropped down nav to the corresponding parent like it does in the basic mode? Right now the dropped down nav stays aligned to the left for each 'current' list. I think a config option could be made available
cover http:// in text by link
Hello is there a way to find all http://* and cover it by link ? I have a text like ... ... you can find it here http://domain1.com or take a look here http://domain2.com ... The result should be something like ... you can find it here <a href='http://domain1.com'>http://domain1.com</a> or take a look here <a href='http://domain2.com'>http://domain2.com</a> ... I spent hours searching whole internet and did not find an solution. Can someone hel me please ? Thanks !
jquery combobox
Anyone have any example how to do thr jquery combobox using the 1.3.2 latest version? I refer to below link: http://jquery.sanchezsalvador.com/samples/example.htm which is not using the latest version and hitting error if use the 1.3.2 version.
[jQuery] editinplace plugin - change bakground color of loading div
Could someone please tell me how I can reference the loading div to change the background color? Many thanks
[jQuery] css3 helper
I write this lines to help me, but it could be good to have it inside jQuery : --------------- // webkit document.isWebkit = navigator.userAgent.match(/webkit/i) // attach the new css properties to the document : document.css = (function() { var c = {}, b = document.defaultView.getComputedStyle(document.body, null), // safari d = document.createElement('div') ; // mozilla for (i=0;i<b.length;i++) c[ b[i].replace((/^(-webKit-|-moz-|-kml-|-o-)/gi),'')
Wrap an HTML fragment with another one.
Hi Guys, I need your help! I have want to create a graphical border (using background image) over some adjacent HTML elements. For this I need to wrap (decorate) those elements with a predefined HTML fragment. The DOM state before decoration should be like this: <elements to wrap> and after decoration I need the following: <div class="rc"> <div class="content"> <div class="wrapper"> <div class="t"></div> <div class="hd"></div> <div class="bd"> <elements to wrap><!--These are the elements to be wrapped-->
Multifile Upload
Hi to all, am a newbie to jquery and looked at this multifile uploader: http://www.fyneworks.com/jquery/multiple-file-upload/ It works nice... but I got this problem. After the first submission, doing things programatically using javascript, it won't work the second time around. Note that this is loaded within a modal dialog. I am pretty much stuck to this problem for hours already. I hope someone could give me a light on this. God bless!
Need to toggle a group of TR's
I am using the SORT plugin and moving entries around on the page. After each move I want to "blue line" the list all over again. So, I figured I could toggle all of the TR's, which I have named with the same class. ?????????????? Thanks
how to update a table when new row in database like gmail
Hi guys, I got a page displaying subscriber's name, phone number and email. I need to update the table's row when there's a new record found in database. Hence, I need to use a while loop (forever) to query backend database like every 2 seconds. Just like Gmail, you leave it there and when there's a new email, you will see it instantly update the table to the first row. Anyone can advice on how to accomplish this using jQuery easily? I am not sure if Gmail is using push or pull method to get email
Changing image src and css properties of new image
Hi. I have written a quick function to change the src attribute of an image. I also need to set some CSS properties on that image's parent to get it to stay centered in the containing div. Here is the code I've written. $("#list .item a").click(function() { var imgPath = $(this).attr("href"); $("#left p img").hide().attr({ src: imgPath }).fadeIn(600); var workImgHigh = $("#work #left p img").height(); $("#work #left p").css({"height":workImgHigh+"px","margin-top":"-"+workImgHigh/2+"px","top":"50%"});
[jQuery] 'J.readyState' is null or not an object
Env : JQuery 1.3.2 , IE8 with script debugging Trying to setup "timeout" on a ajax request The error message " 'J.readyState' is null or not an object " occurs on jquery.js: ....... if(M.global){o.event.trigger("ajaxSend",[J,M])}var N=function (X){if(J.readyState==0){if(P){clearInterval(P); ....... So I have to add " J != null&& " before " J.readyState==0 " Any one known this ?
[jQuery] Multiple textboxes with different ID's
I am using the time picker plugin which is basically used for getting a time value in a textbox similar to google calendar. How can we use with multiple textboxes. The textboxes are generating dynamically from server side script and now i need to have a timepicker at eash textbox, how can this be done ? This is the JS code, $(document).ready( function() { var values=$('input[name="txtTime[]"]').map(function() { return $(this).val() } ).get(); $("txtTime").click(function(){ $(this).timePicker({step:15,
[jQuery] Superfish Menu -> Customize Cross frame
Does Superfish Menu offer cross frame support? Regards
[jQuery] Same Sized Menu Boxes Across The Page???
I am VERY new to this, and have been having a lot of fun putting together my first web site, but I cannot for the life of me figure out how to make the menu items of the basic suckerfish ("http:// users.tpg.com.au/j_birch/plugins/superfish/#examples") all be the same width, AND have them go across the entire page. I am using the following template ("http://www.oswd.org/design/preview/id/3557") from "NodeThirtyThree" to make a classroom site for my high school students. I have fiddled around enough
[jQuery] pngfix conflicts with input type="image"
Hi I've applied a png fix to my jsquery. The problem i have now that its conflicting with my code for rollover. Can someone please guide me and tell me how i can make it work for both instances ie. my input buttons and rollover classes using png, gif and jpg. So this is my markup. <input type="image" class="CatBuyBtn" src="skins/{VAL_SKIN}/ styleImages/buttons/buy-off.png" alt="Buy" /> and this is my jquery jQuery(function($) { function getLeaf(url) { var splited=url.split('?');// remove all the
[jQuery] Hide row if empty
Hi All, If I had a list displaying data as follows: <ul> <li id="item"><div>Label Here</div><div id="database">{content here if available from database}</div></li> <li id="item"><div>Label Here</div><div id="database">{content here if available from database}</div></li> </ul> Could I hide the whole <li id="item"></li> if their is nothing available to show from the database in <div id="database"> ? Thanks in advance for your help Jack
[jQuery] customize superfish colour and font size?
Hi, Im pretty naf and need some help.. I need some help changing the colour and size of my nav bar.. Any help would be greatly appreciated My website is crankthesteza.org Thanks heaps scott
Hide/Show if logged in
Hi everyone, I can't get this out, i searched everywhere and didn't find solution... <fieldset id="signin_menu"> <form action="%%GLOBAL_ShopPath%%/login.php?action=check_login" method="post" id="signin" onsubmit="return check_login_form()"> <p style="display: %%GLOBAL_HideLoginMessage%%" class="%%GLOBAL_MessageClass%%"> %%GLOBAL_LoginMessage%% </p> <label for="login_email">Email</label>
[jQuery] Passing jQuery object to a function
I have the following code. I am getting an error in the setTimeout function, "tabLink" is undefined. Not sure what am I doing wrong. function playGlobalNewsFn(obj) { obj.click(); } $('#playGlobalNews').click(function() { var timeLag = 1000; $("#tabPanel2 ul li").each(function() { var tabLink = $(this).find("a"); setTimeout("playGlobalNewsFn(tabLink); return false;", timeLag); // error here timeLag = timeLag + 3000; }); });
[jQuery] Attribute Selectors
I have the following code. var newsCookie = readCookie('newsTabCk'); var tabId = $("#tabPanel2 ul li a[onclick*=newsCookie]").attr('id'); In the second statement above, newsCookie is being considered as text rather than a variable. What should be done to consider newsCookie as a variable rather than as text/string ? Thanks
[jQuery] Problem with extend() when source object contains functions
Run this code : var empty = {}; var defaults = { validate: false, limit: 5, name: "foo", buttons : {}}; var options = { validate: true, name: "bar"}; var settings = $.extend(empty, defaults, options); settings.buttons['Ok'] = function() { alert( "TEST"); }; After running this settings.buttons contains ["Ok"] as expected BUT so does defaults.buttons. I only set settings.buttons["Ok']. Somehow extend() causes this behaviour can anyone explain why?
[jQuery] Superfish Causing Horizontal Scroll, all browsers. Help!
I'm using superfish menu. I haven't modified the style sheets at all. My document passes wc3 validation with no errors or warnings. This is the structure of my html ..... <style type="text/css"> body { text-align:center; background-color:Black; } #wrapper { width: 800px; text-align:left; margin: 0px auto; } </style> </head> <body> <div id="wrapper"> <ul class="sf-menu sf-navbar"> ...... menu items ...... </ul> </div> </body> </html>
[jQuery] Superfish problem
I'm very new to HTML and CSS and currently, I'm using the superfish module in joomla and i gotta say it works great but i have a problem: When a menu item is selected, it becomes grey. How do i change that? I've looked thru the CSS sheet over and over and can't figure it out. I managed to adjust everything else but that.... Please help! also, I'm using the default joomla template (rhuk_milkyway) ~Ivan Nair
[jQuery] MultiFile plugin taking no parameters
This MultiFile plugin is taking no parameters. I must be overlooking something simple. Hope someone can help me out. Here's my test code: <html> <head> <script src="/portal/scripts/jQuery/jquery.js" type="text/ javascript"></script> <script src="/portal/scripts/MultipleFileUpload/jquery.MetaData.js" type="text/javascript"></script> <script src="/portal/scripts/MultipleFileUpload/jquery.blockUI.js" type="text/javascript"></script> <script src="/portal/scripts/MultipleFileUpload/jquery.form.js" type="text/javascript"></script>
[jQuery] Exists a Video LightBox plugin?
I need put a video (preference "flv") in a non-obstrusive pop-up. Anyone knows a plugin for this? Thanks, Celso
[jQuery] (validate)
Hello, I've started to use this plugin within an application I'm building, but I've noticed some restrictions in usage like: 1. How to "remove the label"? I just wanted to be able to highlight the field that is a required or something, and no label. For this I've create a new boolean option named ignoreLabel with default value as false ( so it's not ignored ). I verify this each time the show label is called and insert it within the condition that runs before calling the showLabel() Code as follow
[jQuery] (validate) JSON Response for remote method
Hi all, I would like to use the remote method to do a validation of user data but I cannot configure the server-side script to simply return "true" or "false". It can only return a JSON object like {"result":true} or {"result":false}. How do I have to configure the remote method to handle that? I tried to add a custom method with $.getJSON but of course, its result is not available yet when the custom method is called. $.validator.addMethod('zipcode', function(value) { $.getJSON('/validate.php',
[jQuery] Draggable containment not rebinding
I'm trying to make it so I can drag a square which is confined to 0,0,50,0. When they stop dragging it I simply want to change the confinement to 0,0,100,100 the next time they drag. Not sure why it doesn't work though. Here is the code: Code: [code] <!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://jqueryui.com/latest/ jquery-1.3.2.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/ ui.core.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/
[jQuery] Split Form field into array
I really hope someone can assist: I am trying to take a form field: <textarea name="PartNum" cols="15" rows="5" id="PartNum" value=""></ textarea> The user will put in part numbers , space, qty, carraige return ,then another entry on the next line....it will look like this: bd1111 2 bd1200 5 I want to split this into two querystring variables before submitting to next page: mypage.asp?Partnum=bd1111,bd1200&Qty=2,5 I have looked at the serialize() and array functions , but I can't figure it out. thanks
[jQuery] post AJAX no response
Hi, I have a problem with an AJAX call. It's a long time since a got it. I don't know how to deal with it. I have made tests and I don't know why it's happening. I have a post AJAX call. Just like next one: $.post(MY_SCRIPT, { db_id: selected_data}, function(data){ ........... }); The problem is, some times it returns data, and some times it doesn't. I have test it with FF and Chrome, it doesn't mater the browser. It has nothing to do with domain server crossing, nor server errors, as
[jQuery] AutoComplete Sends Null To Server Side Function
Hi, I'm using the AutoComplete Plugin with ASP.NET MVC. For some reason the client side input value is NULL when it reaches the Server method. Any suggestions would be appreciated. Thanks, Mark
[jQuery] Passing variables to jQuery?
Hi, I'm using this code: jQuery('#sendemail').click(function() { // update the block message jQuery.blockUI({ message: "<h1>Remote call in progress...</ h1>" }); jQuery.ajax({ type: 'POST', url: 'emaildocument.php', data: 'user=test&file=horse.jpg', cache: false, complete: function() { // unblock when remote call returns jQuery.unblockUI(); } }); }); But can't understand how I can pass the data variables 'user' and 'file' from within my PHP page to the jQuery post. Any ideas?
Stuck adding multitier, need help!
I thought I could get this working with my first UL, doesn't seem to be cooperating very much though. Anyone mind helping me find out how to add the ability to traverse up to four tiers? Much MUCH appreciated! $(document).ready(function(){ $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav $("ul.topnav li span").hover(function() { //When trigger is onHover... //Following events are applied
[jQuery] Problem with box positioning in IE7 when using jquerycyclelite
I don't have time to put a real test-case together right now, but just on the off chance that someone's experienced the same class of problem: I'm using jquerycyclelite (http://malsup.com/jquery/cycle/lite/) to animate a set of linked images. An ancestor element has padding, but the images seem to ignore that padding when cycled. The relevant code is: $slides.css({position: 'absolute', top:0, left:0}).hide().each(function (i) { $(this).css('z-index', els.length - i) }); $(els[first]).css('opacity',1).show();
Printing multiple slides with jquery cycle
Hi there, I was hoping someone could lend a hand with a problem I've been having in the office for just over a day now... I'm using Jquery cycle plugin (http://malsup.com/jquery/cycle/) to slide between about 10 slides worth of information. The beauty of Jquery cycle allows me to make a slideshow of only the Divs I have specified as "cycle" class. My problem is that I would love to be able to print each one of the "cycle" class slides using only one print function click. (window.print() for example....)
Next Page