[jQuery] Cycle plugin hiding div in FF3
I have a strange problem with FF3 where a div is being hidden when it should not be. Page is: www.puc.edu Each of the rotating news items has a summary, which works fine on all other browsers, but for some reason FF3 hides the summary. Any ideas why this would be happening?
[jQuery] JQuery Plugin: ajaxContent questions
Hi all, I'm using the ajaxContent plugin, it's loaded via a ColdFusion template (header.cfm) I'm running into a couple of issues with it.. 1) It positively will not load pages into a div in IE7 (works on one page in Firefox) 2) I'm running it on multiple pages, however it will not work on one page while working on another, the code is identical with the exception of the called page. and ideas on what's going on? header js calls are here: http://cfm.pastebin.com/m4d7f1d6 working ColdFusion template
[jQuery] Comparing two textboxes
Hi, I wrote a script to verify if two text boxes have the same value/text. checkpasse.php just verifies if the text box edtMdp($_POST['edtMdp']) equals edtCMdp ($_POST['edtCMdp']), if they do: echo "yes", if the don't echo "no" so if the result of checkpasse.php is, for example, "no" (datamdp=='no') then a message box will appear with a error message the problem: it only shows the "Vérification..." message box, line 6. It looks like it doesn't check the result of checkpasse.php... Please could you
[jQuery] However on all elements: $(*).hover(...)
Heyo jQuery hackers, I'm putting together a little script that adds a class "selected" to an element when you hover over it. When you stop hovering the class "selected" class is removed. I would like the class only to be apply to the lowest element in the DOM. For example say I was hovering over a deep inside a document - I would like to only add the class "selected" to that tag, not the <div>, <body> and <html> tags surrounding it. So far my thinking has been to use something like this: $(function()
[jQuery] JQUERY.EASING
Hi there, a noob question here! How do I call easing functions in the following? I basically want the divs to bounce open and closed. this is the code for 1 div and 1 button...say i have 6 buttons and 6 divs do i need to just make 6 copies of the code all with different ids? please help!!! jax <script src="http://code.jquery.com/jquery-latest.js" type="text/ javascript"></script> <script language="JavaScript" src="jquery_easing.js" type="text/ javascript"></script> <script type="text/javascript">
[jQuery] help with ajax post
can someone help me get this to work please? i need a post to a page that returns a string to set but it's my first time using it $("#hash").val( $.ajax({type: "POST" ,url: "GetNewHash.aspx" ,data:"orderid="+ $("#orderid").val()+"&amount="+ $ ("#amount").val()+"&dtnow="+ $("#time").val() +"&Gateway_MerchantConfigID="+ $("#Gateway_MerchantConfigID").val()" ,async: false}).responseText);
[jQuery] Child ID
Hello, I have the following: $("#StartDate, #FinishDate").each(function() { $(this).mask("9999-99-99 99:99:99"); }); It is working but I want to apply this only to StartDate and FinishDate inputs that are inside the form with id "Create". How can I do this? Thanks. Miguel
Move that input
Hi, I need to move the select box over the text box. I thought if I set .offset.left and .offset.top, that the select box would move. It doesn't. But this does work: jQuery(o_dd).slideUp("slow",function(){ alert("Animation Done."); What am I missing? Thankyou, Chelle
[jQuery] Can't visit the attribute of the json ojbect
Hi, All, I just met a strange problem. I get an Object from the server by ajax and I can see all the attributes of it by Firebugs. But I can't visit its attribute directly and the Firebugs shows undefined, too. How could that be? Has anyone met the same problem? Regards Tony
[jQuery] JQuery Plugin: ajaxContent questions
Hi all, I'm using the ajaxContent plugin, it's loaded via a ColdFusion template (header.cfm) I'm running into a couple of issues with it.. 1) It positively will not load pages into a div in IE7 (works on one page in Firefox) 2) I'm running it on multiple pages, however it will not work on one page while working on another, the code is identical with the exception of the called page. and ideas on what's going on? header js calls are here: http://cfm.pastebin.com/m4d7f1d6 working ColdFusion template
[jQuery] Detecting Ctrl + click
Hi, How could I detect someone holding down the Ctrl key and then clicking the mouse button on something? Similar question for the Mac -- holding down the Shift key and clicking the mouse button. - Dave
[jQuery] Tabs Rotate Overlap
Is there a way to get the tabs rotation effect to overlap just a little bit?
[jQuery] Id not Found
Hello, Will I create any problem to a page or fire any error if I apply a JQuery plugin to an id that does not exist? $('#StartDate').datePicker(); Where StartDate do not exist ... If there is a problem how can I apply datePicker to elements of ID="StartDate" and ID="EndDate" only if they exist? Thanks, Miguel
[jQuery] Fire events programmatically
Sometimes it's needed to create an event programmatically. (Which is different from running an event function (triggering) This can be done by the following fire code var el=document.getElementById("ID1") fire(el,'change') function fire(evttype) { if (document.createEvent) { var evt = document.createEvent('HTMLEvents'); evt.initEvent( evttype, false, false); el.dispatchEvent(evt); } else if (document.createEventObject) { el.fireEvent('on' + evttype); } } looks like this trick is not yet in jQuery,
[jQuery] Clockpick + IE7 possible bug
Hello, I’m brand new at web coding, although I’ve been a software developer for many years. Therefore, I might be completely wrong about this, but… There seems to be a bug in clockpick 1.2.4 when using IE7 (not in Firefox 3). You can see what I’m talking about on the clockpick demo page at http://www.oakcitygraphics.com/jquery/clockpick/trunk/ClockPick.cfm In the second yellow time box (the one with the clock image beside it) – use the clock to activate the picker and choose any time. Now click anywhere
[jQuery] Oddity with Jquery and Adobe AIR
I am trying to append some HTML to an object. It includes href's and onclick events, but for some reason in AIR the onclicks don't seem to fire. var pageName = 'text'; var x = 1; var newPageData = "<div class='panel' id='r"+x+"'><span class='pageName'>"+pageName+"" + "<a href='javascript:void(0);' onclick='alert("+x+");'><img src='images/control-delete-16.png' class='mini-icon'></a></span><p/>" + "<input type='checkbox' id='r"+x+"newpage' value='true'>Check me<br/></ div>"; $('.scrollContainer').append(newPageData);
[jQuery] jQuery tabs not working in IE. Functioning in FF.
Hi my name is Craig and I am a copywriter who has never done any previous web design (so be kind) In the past two weeks I have been trying to build a website for my girlfriend who is a photographer. I have used a plugin called stepCarousel from dynamic drive for the gallery- after some misses I finally got that to work in IE. See my example at: www.tessaholding.co.za/home.html Next I used the tabs ui plugin to make the content tabbed and to fade in and out. However I didn't want the tabbed navigation,
[jQuery] Replace form with new form - AJAX stops working
Hi, I'm very new to both AJAX and jQuery, so bare with me. I have a form with three fields that is stored as a template (call it myForm.php). When the parent page is loaded, it loads myForm.php inside it and there is an AJAX script using jQuery which sends the form data to a PHP script (call it validation.php) where the data is validated. If there is a failure on one of the elements, the validation.php passes back myForm.php with the error message filled in as well as the entered values. If the validation
[jQuery] jQuery BlockUI
I can't change the cursor for the jQuery BlockUI Plugin... Am I the only one ? // override these in your code to change the default behavior and style $.blockUI.defaults = { // message displayed when blocking (use null for no message) message: null, // styles for the message when blocking; if you wish to disable // these and use an external stylesheet then do this in your code: // $.blockUI.defaults.css = {}; css: { padding: 0,
[jQuery] Newbie question on positioning images
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <font color="#333333"><font size="2"><font face="Helvetica, Arial, sans-serif">Sorry, this is very simple I think but I can't fathom it out. I have a select box (id=select_also) and a gif (id=wait_also) and I want the gif centred over the select box so I can turn it on and off as I reload the contents of the select box. I've tried adding in the jquery.dimensions plugin and
[jQuery] $.post callback problem
i am trying to use data i am getting back from $.post but I am not able to get the function with the data in it to work $("a.rater").click(function(event) { $.post($(this).attr("href")), function(data) { update = data.split('|'); $('#'update[0]).replaceWith(update[1]); }; return false; } ); i also tried $("a.rater").click(function(event) { $.post($(this).attr("href")), function(data) {
[jQuery] jQuery jerking animation
Hi, well I made some kind of slideshow with some picture's. It's jerking really hard sometimes especially when the picture's are over the whole screen 'cause of the 100% width. Is there any way to get it smooth? Here's the code: $(document).ready(function(){ $("#slideshow img").css("display","none"); function run(elementnumber){ if (elementnumber == $("#slideshow img").length) elementnumber = 0; var slideshowheigh = $("#slideshow").height(); $("#slideshow
[jQuery] ToolTip Bassistance and TinyMCE
Hello, I am trying to make the ToolTip Bassistance to work with TinyMCE: http://tinymce.moxiecode.com/examples/full.php I want to display a message when the user places the mouse on the content area which renders as follows: <body id="tinymce" class="mceContentBody" spellcheck="false" title="this is the title" dir="ltr"> The content area is inside an IFrame. I used the following: $("$mceContentBody").tooltip(); or $("$tinymce").tooltip(); But it is not working. Could someone help me in solving this?
[jQuery] Showing And Hiding Select Options - Works in FF not IE
Hi, this is quite the frustration. It works in Firefox 3.0.1 but not in IE 7. Say I have a select box with 7 options. I want to selectively show or hide options based on a selection in another select box. When the first select box changes, that fires off a call like: FilterOptions(1, 1, 1, 0, 0, 0, 1); A 1 means show the option and a 0 means hide the option. I do this like so: function FilterOptions(a, b, c, d, e, f, g) { for (var i = 0; i < arguments.length; i++) { (arguments[i]
[jQuery] JQuery text replace on Search Box
Hi, I have encountered a strange problem with my text replace using JQuery for my search box. Everything worksd as it should, but if a user clicks the back button while navigating my site, the JQuery will then not work. If I havent explained myself adequatly, please click the link below, go through a few links, then click the back button and try using the search box. http://www.macmillan-academy.org.uk/zeltha/index.php If anyone has encountered this problem before, I would be gratful to hear of the
[jQuery] JQuery Form Plugin and json
Hello, I'm using the jQuery Form PlugIn( http://www.malsup.com/jquery/form/ ) to handle my Forms. I like it, but I have a question about an improvment: At this time all form fields are send using post, but it wold be nice, to send all form fields json encoded as one post parameter. Is there a way to do this? Thanks and greetings, Stefan Sturm
[jQuery] I just got jQuery jsonp to work with coldfusion remote CFC's
I just got jQuery jsonp to work with coldfusion remote CFC's The response has to look something like this hello2({"cobblers":[{"filling":"peachremote","timeToBake":30}, {"filling":"cherry remote", "timeToBake":35},{"filling":"blueberry remote", "timeToBake":30}]}) or this hello3([1.0,2.0,4.0,9.0]) hello2 and hello3 for some strange reason are functions outside of the .getJSON but also defined inside of .getJSON as empty functions. $.getJSON("xyz&format=plain&jsoncallback=?", function hello3 (data){}
[jQuery] Tablesorter and large amount of rows
Hello all, I'm trying to use tablesorter and dynamically generate a list of rows form a search form. When adding a lot of rows things seem to freeze and eventually the table generates. Does anyone have any suggestions on how to handle this? I thought maybe appending x number of rows and then doing a setTimeout would work well but this doesn't seem to do the job either. Regards, Roy
[jQuery] Jquery Cycle after callback problem?
Hi, I am using the after callback to animate a div to the height of the next image after you click on the thumbnail. This works great (in Firefox only) when you actually click on the thumbnail, but when you first come to the gallery, from the toc page, (click on the first gallery): http://dev2.accelsite.com/index.php?contentID=714 The animate method inside the onAfter function gets fired on initial page load, which makes the height of the container 0px. This is the gallery page that you go to after
[jQuery] jQuery dynamic image replacement in a <div> overlays later content in the page - help needed
Hi there, I have a page (http://anf.ucsd.edu/spevents/2008/255/b/) that has a series of tabs. If you click on the 'Waveforms' tab you will see a list of three plots to select from. Before clicking on any of the plot links, notice that the content after the waveform image (starting with the title 'Further information'). This is displayed directly beneath the plot. Lets call this content 'next' Now, clicking on one of the plot links causes the image and title to be replaced. However, when the image
[jQuery] jquery 1.2.3, validation plugin 1.1, and IE6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16705" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=998570215-11092008><FONT face=Arial size=2>A coworker is trying to use this combination of codes to get a basic validation working for a form he's building. It works just fine in FF2, but does nothing in IE6, with no errors.</FONT></SPAN></DIV> <DIV><SPAN class=998570215-11092008><FONT
[jQuery] Loading jQuery plugins as needed from scripts
I've been exploring several options to load various jQuery plugins only when needed, from within a javascript file. I've used the .getScript() method, with callbacks. I've used the $ ("body").append("<script....>") method also. They work fine, but with one shortcoming. Because both of these methods append a jQuery id number to the script's file name, the scripts are reloaded every time the page is called. It doesn't allow the browser to reuse the scripts that have already been downloaded into the
[jQuery] [tooltip]
Hi, great tooltip. I have been trying to get the tooltip to display on click. I believe its most useful to have this show on click, rather on hover(feel like I am on a mine field). I tried adding event: "click", but it doesnt seem to work
[jQuery] Mootools and Jquery conflict?
Hello, I have a page here where the ScrollFollow plugin for Jquery is conflicting with the phatfusion plugin in mootools. The scrollfollow is on the bottom left ribbon button. The phatfusion is on the 4 vertical photos you see in the banner area. http://67.199.21.74/default.asp I have read the page where how to fix it but I must not be doing it right. The phatfusion is working but not the scrollfollow, which works if I take out the phatfusion code. I have this in the head.... <link href="imageMenu2.css"
[jQuery] Can I use a variable to reference object properties?
Hi - I have a function which iterates through a json file in order to build an FAQ page. Within the json are several different categories, and I want to make a generic function that will return only the appropriate items from the chosen category. Currently it looks like this: $.getJSON("faq_json.js", function(data) { $.each(data.cheese, function(i, item) { do a ton of stuff } But let's say I want to display stuff that isn't in data.cheese - like the stuff from data.meat or data.bread - currently
[jQuery] getScript + google-maps = page locks up ?
<div dir="ltr">Well I lied a little but it's $.ajax ith the datatype set to script: var _this = this; var url = "<a href="http://maps.google.com/maps">http://maps.google.com/maps</a>"; var data = { file:"api", v:2, key:"ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ" }; $.ajax({ type : "get",
[jQuery] scrollTo anchor or class in div
I've got a div on my page with a scrollable list in it. When I load the page, I want the list to scroll to a specific item. Each item has a class and name, so I'm trying to address them with that. I've been toying with the flesler scroll plugins, but am not sure if they are what i should be using. .scrollTo kept throwing errors at me, but .localScroll doesn't error out, but doesn't scroll either. here's the code I'm using [code] function scrollToShow(showid){ $.localScroll({ target:
[jQuery] jQuery.ScrollTo 1.4 released
Hi all After many months of no-plugin-development, I added a new version of jQuery.ScrollTo with 2 critical bug fixes and some nice features. Here you can read the whole list of changes and also get the last version: http://flesler.blogspot.com/2008/09/jqueryscrollto-14-released.html If you want a summary: - Fixed a recurrent bug when scrolling the window on Opera 9.5 - Ditto for Safari 3 (a different bug). - Added full support for iframes, you can scroll the whole (mini) window to an inner element.
Spaces been deleted on .ajax POST submit
Can anyone help? I am submitting my data from a form by using .ajax (in a POST) however all the spaces in the data are lost. For example if you enter 'John Smith' it comes through as 'JohnSmith'. I can not use a GET as there is to much information collected in the form (however it does submit correctly with spaces?). Please see example of code below. $.ajax({ type: "POST", url: "jquery.asp", data: "companyName=" + $('#companyName').val() + "&companyReg=" + $('#companyReg').val() +
[jQuery] How to load remoate jquery code with document.write() that works with IE6/7?
I have a problem with IE (6 & 7) when I have something like this: <script type="text/javascript" src="http://domain.com/ generateCode.php"></script> and the server returns HTML and JS in place using document.write(), such as: <script type="text/javascript"> document.write(' <div id="x">TESTING</div> <script type="text/javascript" src="http://domain2.com/ jquery.js"></script> <script type="text/javascript"> $().ready({ $('#x').css("color:red"); }); ); </script> IE6 & IE7 would give me script error,
Next Page