[jQuery] Help with jquery rounded corner
Hi All, I am a novice with web page building and JQuery and am in need of some help. I have managed to get the Jquery rounded corners working in my web page by adding the code for the div and putting the Jquery bits in my directory. However I have taken the code from the demo page and I am having issues with the styles, they are interfering with my page layout. I put the styling into a .css called boxs and put the java script in the head of my index but its throwing off my featured image?!? Can anyone
[jQuery] [validate] How to disable submit button until form is fully validated
A variant of this question pops up on occasion, but none of the answers I've seen thus far suit my use case. The solution usually involves the recommendation to do something like this: $(...).validate({ ..., submitHandler: function() { // send AJAX request for calculation } }); What I find unsatisfactory about this solution is that the user is still afforded the opportunity to click on a button that gets him nowhere. My goal here is to remove that false affordance by starting off with the submit
Tabs Styling issue
I have implemented the Tabs using JQuery and JQuery UI 1.7 and I am having a styling issue. when I am on the first tab there is a white line under the other tabs, but when one of the other tabs is active there is no white line under in the inactive tabs. I am totally stumped? Here are the styles I am using; aeTabbedContent {padding-left: 10px; padding-bottom: 5px; width: 740px; height: 325px;} .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0 0 0; } .ui-tabs .ui-tabs-nav li
[jQuery] Flash within a Tab | Always reloads when you revisit the tab
<font face="trebuchet ms,sans-serif"><font color="#000066">Hi All,</font></font><font face="trebuchet ms,sans-serif"><font color="#000066"> </font></font><ul><li><font face="trebuchet ms,sans-serif"><font color="#000066">I have jquery tabs, where I have a flash movie under tab1.</font></font><font face="trebuchet ms,sans-serif"><font color="#000066"> </font></font></li><li><font face="trebuchet ms,sans-serif"><font color="#000066">User will play the movie for a while, pause the movie.</font></font><font
[jQuery] partial step form validate
Hi need to validate just the form elements in a step. how do i reference the form elements in a div. ex: $("#form").validate().element("elements in the div") thanks in advanve
[jQuery] jquery on iphone - why does this scroll to the top?
I've been working on an iphone version of my site, and though their are lots of comments re: animation on mobile safari, I actually don't think it's all that bad (maybe it was previous versions, I'm on v.2). I have an iphone like UI working fairly well, where the user can select something and the screen shifts left, and then shows the selection. Back and forth work ok, except that for some reason before it goes shifts left, it scrolls to the top of the screen. I'm not sure why this is happening.
[jQuery] jquery animation
hi there i have a problem with the jquery animation i have a markup like this <div id="tha_text" style="height:80px;">text text</div> <div id="tha_img" style="margin-top-80px;"><img src="somesrc" height="80" /></div> so i want to $('#tha_img').hide("slow") on mouseenter of the img and the text with is on the bottom appears, ok but now i want the jquery to abourt the animation if the hide of the tha_img isn't finished and the mouse goes out the tha_img to show the tha_img but dont do this if mouseenter
[jQuery] Display bug in superfish on Chrome
I use superfish for a site I'm developing. The drop shadows have a nasty white display artifact and seem to leave other visual artifacts on the page. I've seen chatter that this may relate to how Chrome treats opacity. Whatever the case, it's not pretty. Cheers
[jQuery] jQuery Selector Help
Hi, Can some1 please explain this in detail to me? I am confused on the selector part $('<li id="_img'+index+'"></li>'). // add list to ul var list = $('<li id="_img'+index+'"></li>').attr ('class',_imageLoadClassName).appendTo('ul#'+_imgContainerId); Thanks!
[jQuery] Prevent DDLB Mouse Wheel Selection
Hello, I want to prevent our users from accidently changing the value in a select element using the mouse wheel. I tried various permutations on the following theme but have been unable to get anything to work. Any suggestion would be greatly appreciated. This application is for a captive audience and does not need to be cross browser capable. Only IE is allowed. Thanks, Sam $(document).ready(function() { $(my selector here).each(function(i) { //...some other stuff that works fine. $(this).bind("onmousewheel",
[jQuery] AJAX Error Handling using ajaxSetup
Has anyone used ajaxSetup to log or report AJAX errors? Would you care to share how you did this?
[jQuery] Reload only affected record
I add, edit, read and delete records via ajax. Is working correctly. Only it is not optimized, every time I do some action script reads all my records again. I wish only the record that action has to be recharged. Can you help?
[jQuery] questions about binding events
When I try to bind events like within ajax call: $.ajax({ type: 'POST', ........................... success: function(msg) { $("#dmid img", msg).each ( function() { $(this).bind('mouseover', handler) ............................... problem is the event is not bound unless I do something like: $('#firstdiv').html(msg) $("#dmid img").each ( function() { $(this).bind('mouseover', handler) Any idea why we cannot bind events when context is other than the current loaded document? Another question: I have
[jQuery] Flash within a Tab | Always reloads when you revisit the tab
Hi All, I have jquery tabs, where I have a flash movie under tab1. User will play the movie for a while, pause the movie. Moves from tab1 => tab2 and come back to tab1. The flash movie will begin from the beginning. why is it so? Is there any solution for this? Thanks & Regards Sridhar K N
[jQuery] jqGrid UI Theming
I'm glad to anounce the new release of jqGrid wich is fully integrated with UI Theming. This is not a final release, but I hope to finish it as soon as possible. The demo can be found here http://www.trirand.com/jqgrid35/jqgrid.html Any comments and recommendations can be posted here or here: http://www.trirand.com/blog Enjoy Tony
[jQuery] How to drag link from another window and using the javascript in the main window to intercept the link and add customized handler?
How to drag link from another window and using the javascript in the main window to intercept the link and add customized handler? The goal is to have an event handler in the main window, then whenever a new link from different browser window is dragged into the main window, the dropped link will be handled by the main window's handler instead of the default browser behavior --- load the linked page in the main window. Any suggestion on how to achieve this in a browser compatible way? Thanks.
[jQuery] JQuery & XML not parsing/consuming properly
hi, I've looked through at awfaul lot of posts/articles and haven't been able to get this thing working. The xml and the jquery code is below. The problem ive been getting is that despite the xml being successfully load from the ajax call and despite the jquery loop looping through the xml no actual values from the xml are actually extracted from it. In Firefox you get the alert with caption in it (and blank value) and then a series of the value alert boxes with no value. In IE7 you get jsut the
[jQuery] Toggle Help
Im just starting out with jQuery. Im getting stuck though. Im trying to get jQuery to manipulate my form. Changing the drop down menus to a given value. It does the first toggle fine, but won't do the second. Could someone explain why and provide a solution. Ive been trying for hours. Heres what Ive got. <script type="text/javascript"> $(document).ready(function(e){ $('a.typeswitch').click(function(e) { $('a.typeswitch').toggle( function () { $(".typeselect").attr("selected","TV
[jQuery] fonts aliasing issue with opacity overly over cycle plugin
Hi I am having an issue in FF where I have a DIV that I am animating from off the screen and overlaying part of the page. on the page I have the cycle plugin running. If I move the mouse from the overlay to the where the cycle plugin is used (I initiate it on mouseover), the text in the overlay loses the anti-aliasing. I am sure this has to do with opacity and fonts, just not sure how to fix. the cycle plugin is using .jpg images This is the core overlay CSS #Contact { background: black; filter:alpha(opacity=85);
Internet Explorer Problem
I have installed this great menu on a shopping cart development that I am doing but I have a problem with Internet explorer, the text moves to the right, I have uploaded two picture samples The site can be analyzed online here: http://www.vitwebdevelopments.com/onlin ... .php?cat=1 #1 with firefox ( it looks perfect) #2 with IE, the text moves to the right Please help!!! I feel stucked. How can I solve this problem
Draggable Icon Grid (like the iPhone interface)
I'm looking for a premade jQuery plugin or pointers on building an "iPhone" interface. I have a table of images with title text underneath them. I want each item to be draggable and drop to other grid positions, which would rearrange the icons in the grid. Does anyone know if there is something like this out there already? If not, any ideas on a good starting point?
[jQuery] Cycle's fade effect not working in IE 7 or 6
Greetings, I'm having problems with transitions of a slideshow running with a thumbnail pager. Although the fade effect works fine in Firefox and Safari, in IE the content disappears completely before the next content abruptly appears. Here's the test site (Cycle takes a few seconds to start) http://www.creativeresearch.uga.edu/cra.php/site/ and following is the code. Any suggestions are much appreciated. <head> <script type="text/javascript" src="/assets/js/jquery-1.3.2.min.js"></ script> <script
[jQuery] Please help me
Hai I need jquery tutorials. plse send me files or links for jquery tutorials Nibohs
[jQuery] SerialScroll with scaling images and circular scrolling?
Are there any carousel plugins based on the SerialScroll plugin? I need such a plugin that can handle a list of images and 1) all images that are not in center should be scaled down 2) the scrolling should be circular (no end) I know that the store http://www.lafeltrinelli.it are using a plugin that is based on mootools. It can do exactly what I want. But I want to use jQuery if possible. Any ideas? Kia
jQuery Slideout Panel
Hi, I am working on a method of sliding out a div. This is my html code. <ul id="exams" class="grid_12"> <li> <table summary="My Exams"> <td class="options"> <ul> <li><a href="#" class="moreInfo" title="Click for more information">More Info</a></li> </ul> </td> </table> <div class="morePanel"> // code in here... </div> </li> </ul> So from there you can see I have my container, the ul#exams, I have my link a.moreInfo and I
[jQuery] [treesize] Need prof. help with treesize menu
Hi, I need a treesize guru to help me setting the treesize up. I tried so hard the last weeks, but the css issue is going to kill me... And I need to finish this asap! So please! If there is someone arround who is a real treesize crack! Then please email me to get this job done! Thanks!
[jQuery] pagination
Hi Experts, I am using jQuery/ajax to fetch result from my php file. I am trying to load the result to for pagination like this; $('#hiddenresult').load(data.responseText, null, initPagination); //Callback funtion looks like this function pageselectCallback(page_index, jq){ var new_content = $('#hiddenresult div.tdb:eq('+page_index+')').clone(); $('#Searchresult').empty().append(new_content); return false; } /**Callback function for the
[jQuery] should I create a javascript "class" for this project ?
hi anyone and everyone, much respect to the active members on this forum that helped me several times learning to utilize jQuery in my work In my current project I am asking myself if I should create a class to handle what I want to do... here it is: - on my page I want to be able to look at multiple "objects", let's call them that, with dynamic content in several layers - my idea is that the user will be able to open several of theses objects and to look at two of them at the same time, side by
[jQuery] jQuery Cycle Plugin
Hey there. I got a problem with the jquery cycle plugin. I wanna use this plugin for Ajax content what I want is, 1 cycle box, 1 cycle pager, and I can change the content. I've almost done, however, I got a problem. I call Ajax content(first content), it succeeds But when I change the content(load another content instead of first content), I can see the problem in pager part. It seems previous cycle is still alive...even I remove Ajax content. My guess is that my functions can't kill the cycle process
[jQuery] IE7, rendering, script executing
Hi all, I'm facing a problem with the document ready and IE7. I'm workin atm on a jboss portal with some jsr168 portlets. My problem is, that some of my portlets have a lot form elements (inputs, selects). If I request the page the first thing which IE7 displays is the site without any executed script (which is correct behaviour, because document isn't ready :)). But that doesn't look nice for the user, he first sees everything on the site and after a second or two some divs, elements disappears
[jQuery] Fading issues in Internet Explorer 7 when using jQuery
Hi, I'm using jQuery on a site that I'm working on and everything works as it should - except in Internet Explorer 7 (and previous versions, but the site doesn't support them). Fading content on the site simply won't show up in this browser. Take a look at http://dev.staffanestberg.com/fromsweden/ either in Safari or Firefox, then in IE7 and you'll see what I mean. I'm currently using the built-in effect FadeTo for fading the content, but I've also tried creating custom effects as well as using both
[jQuery] [JQueryUI] Sortable, rebind event?
Hi all, I have a div which I've set a sortable to, the sortable items in the div are images. $("div#pics_new").sortable( { axis: 'x', cursor: 'move', opacity: 0.7, //0.01 - 1 placeholder: 'newplace', forcePlaceholderSize: true, update: SetOrder }); On document.ready the div is loaded empty and the images are dynamically being add to it. I experience the sortable __does__ work this way, but a lot worse than how it would if the images were there right from the start. Does this
[jQuery] Plugins/Validation/Validator/addMethod
I've post other 2 related with this issue. I'm more like a newbie in javascript and jquery. I've found this esample in the validate plugin based on form multipart validation that i've found usefull for many situations. Then i change the accordion structure because of ui1.7 css diferences as the sample in the ui site (based on div),but this code give me problems: $.validator.addMethod("pageRequired", function(value, element) { var $element = $(element) function match(index) { return
[jQuery] Adding images from one div to another (this is pretty simple..)
Hi all, I've built something with which you can click an image in one div and with the click add it to another. Check an example on; http://www.vliegendepijl.nl/pages/test/pictest.html Adding an image from one div to the other works. But as an additional feature I'd like to also be able to remove images from the second div, the removal should occur on doubleclicking an image. I've tried something myself which doesn't work right now... I guess I figure why but I'm still not familiar enough with javascript/jQuery
Submit just refreshes page in IE
Hi, My JQuery/ Javascript works fine in every browser except IE. Is it because of the document.submit line in this script: <script> $(document).submit(function(){ var formTypes=new Array("cCOCR","cGR","fTIndex"); var values=new Array(formTypes.length); var x=0; var z =0; for(var i=0; i<formTypes.length; ++i) { var input= $("input[name^=" + formTypes[i] + "]"); values[i]=""; for (x=0; x<input.length; x++) { var formval=$("input[name^=" + formTypes[i]
[jQuery] problem with href attribute after loading content with load (IE)
Hi all, I am having serious problems for getting the value of the href attribute as it appears in the source, in IE. I load some content with the load function and this content has links, that are relative to the document of origin, after being loaded, the href attribute is changed into a wrong absolute value. The getAttribute("href", 2) still returns the absolute value, I think this is because IE changes the value after being loaded. Example: http://any.com/bla1/bla2/bla3/origin.html .... $(div#loader).load("another.html
[jQuery] How to know if it is a postback?
Hi, I have a postback being called everytime a user click on the table paging page. This table resides in a <div> that being toggled (slidedown and up). The problem i have is that, everytime the user clicks on the paging, the table will go back to 'hide' on every clicks (this is the default setting i set on page load). How can i retain the state of the table on postbacks?? Please help. Below are the codes. ================ $(document).ready(function() { //1st function to execute after DOM loads //
jfade.js and gridlayout.js clashing
Hello. Ive a problem, im building my folio site and im using gridlayout.js which works great on its own. I also want to use jfade.js (which also works great on its own) - the minute you put both in together either one or the other doesnt work....im presuming its something to do with the $ clashing (perhaps)? anyway, im placing them in with this: <script type="text/javascript" src="js/jquery-1.2.6.js"></script> <script type="text/javascript" src="js/jquery.gridlayout.js"></script> <script type="text/javascript"
[jQuery] Flash Inside a Tab | Why its reloading everytime?
<font face="trebuchet ms,sans-serif"><font color="#000066">Hi All,</font></font><div><font face="trebuchet ms,sans-serif"><font color="#000066"> </font></font></div><ul><li><font face="trebuchet ms,sans-serif"><font color="#000066">I have </font></font><font face="trebuchet ms,sans-serif"><font color="#000066">jquery</font></font><font face="trebuchet ms,sans-serif"><font color="#000066"> tabs, where I have a flash movie under tab1.</font></font></li> <li><font face="trebuchet ms,sans-serif"><font
[jQuery] Hi my dear friend this for you
Earn unlimted money at home see this site @@@@@@@@@@@@@@@@@@@@@@@@@@@@ http://www.earnparttimejobs.com/index.php?id=200035 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@
Next Page