Help with slider variable
Hello i am new to the forum and jquery, I have been trying to make a div slider that only lets you have one div open at a time. I am halfway there i can get them to slide. The part when a div is open and you click to open another, the open div closes, this is the bit not working.If that makes sense! first my html <div id="events"> <div class="event"> <h2></h2> <div class="eventinfo"><div> <table>with all info which slides</table> </div></div></div></div> $(document).ready(function()
[jQuery] Can't get .attr to work in chrome
Here is the code $(document).ready(function(){ $('img').attr({onclick: "Image_Click(src)"}); $('img').css("cursor", "pointer"); }); function Image_Click(src){ var img = $('<div><img src=\"' + src + '\" alt=\"Full size image\"</ div>'); $(img).dialog({ resizable: false, modal: true, title: "Full Size Image", width: 'auto', buttons: { "Close": function() { $(this).dialog("close"); } } }); } This works in Firefox but will not in chrome. In
[jQuery] Search & Replace RegExp in entire form
I have a validation regular expression: [?&\-#$%():;,._ 0-9a-zA-Z] in a hundreds of pages in edit boxes. Is there anyway I can on-the-fly add two items to this list: (after a page loads) 1) A single quote : ' 2) A double quote : " Sort of like a search and replace for the ENTIRE form (html document). Thanks gene
[jQuery] Several callbacks?
I've this code: $(".page").fadeTo(fadeSpeed,0,function() { alert("test"); }); I've 3 elements with class "page". Because of that, I got 3 alerts. I'm only interested in one alert when all .page is faded out. How can I?
[jQuery] jquery.validate plugin not working with thickbox in safari only
Hi All, I am in need of a solution. I am using Thickbox to display a simple contact form in a site I am building. Only problem is that when I use the js.validate plugin for the form it does not work but only in Safari, in FF and IE and Opera it works fine. I know that the validate plugin works with the form as I am using it another site with no problems in all browsers that I test on (Safari FF IE Opera). All the CSS displays normally in all my browsers and the only difference is that it is now being
[jQuery] XML Parsing, am I doing it wrong?
I have an XML data structure being returned from my server on an AJAX call (excerpt here): <SOAP-ENV:Envelope> - <SOAP-ENV:Body> - <idc:service IdcService="CHECKIN_UNIVERSAL"> - <idc:document dDocType="Reports" dUser="jim" dIsCheckedOut="0" dRevisionID="1" dCreateDate="10/12/09 1:12 PM" dDocName="AGR_REPT_FINAL" dDocAuthor="jim" dOutDate="" dCheckoutUser="" dPublishState="" dInDate="10/12/09 1:12 PM" dReleaseState="N" dRevClassID="4721" dDocTitle="AGR FINAL REPORT" dProcessingState="Y" dRevLabel="2"
freezing application until animation completes
I've got a side navigation bar with 9 items, each of them is bound to a hover action. However when I move over multiple items the animation continues and all the line items in the list start opening and closing in a random fashion. I want to "freeze" the application from performing the hover out and new hover items until the animation for the first is complete. Any ideas? $("li").hover( function () { $('#sidenavmenu').animate( {marginTop:"0px" } ); $(this).animate( { height:"34px" }); $(this).css(
"Mail Preview Box" works only once
I'm having a problem with jQuery for a "Mail Preview" box I'm developing. The real-time preview works the first time you use the dialog, but once you close and reopen it, the field is blank. Here is a demo: http://elementdesignllc.com/demos/temp/ Any ideas on how to allow this to work multiple times?
[jQuery] Sortable Help
I am sorting but the data being sent is in wrong format. Response headers: data = entry[]=cf43c5caa5e&entry[]=1cb5758d6aa&entry[]=ee713a3034a&entry[]=d32cea34 83f key = entry_0[] but it should be entry[0]=cf43c5caa5e&entry[1]=1cb5758d6aa&entry[2]=ee713a3034a&entry[3]=d32c ea3483f script looks like $("#sortable").sortable({ update: function() { $.post('/manage/entries/order/', { data: $("#sortable").sortable("serialize"), key: 'entry_0[]' }); } }); Can someone point out where I went
JQuery Slide Problem (i can make it slide DOWN, but not UP)
greetings. i appreciate any help. i'm currently attempting to use jquery so that when the mouse hovers over a div, another div "slides" into view. the div is an image of a sunflower. <script type="text/javascript"> $(document).ready(function() { var inprog = 0; $("#ourcommitment").hover(function() { if (inprog == 0) { inprog = 1; $("#sf1").slideDown(400); } }, function() { $("#sf1").slideUp(400, function() {inprog = 0;}); });
[jQuery] File upload - json result ERRORZ!
There appears to be some sort of bug happening if you do a file upload and try to return a json result. If you submit this page without any file selected in the file input an alertbox will pop up saying: {"data":"<div>"} however if you select a file in the file input then press submit the alert will show this: {"data":"<div>"}</div> which can't be eval'd correctly as a json object. It looks like the browser is trying to auto-complete the object returned in the iframe or something like that? Testing
[jQuery] Bassistance validation plugin issue
I´m using the jquery validation plugin and when I test it on firefox works fine, but when I´m runnig on IE8 throws the error " 'settings' is null or non an object ", I had tried with the complete version and the minified but both produces the same error, if somebody knows how to solve it I'll be very grateful... Thanks in advance.
[jQuery] Rotating Tabs #Help! pls
Hi Everyone...hope you can help! I need to change the Jquery code below so it fades between the divs Also the hover is working but the rotation overides it Basically I need the rotation to stop on hover and resume on mouse out.. ////////////////////////////////////////////////////////////////////////////////////// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"
[jQuery] Calling function through an event
I am using a slider and want to add labels to the slide/start event. How can I call function from these events? Something like this: $(function() { $("#slider").slider({ value:0, min: 0, max: 11, step: 1, slide: myFunction(ui.value); }); }); function myFunction(val){ // }
Mashup! Revisited #Help! pls
Hi Everyone... I seem to of made some progress since the last post But now have hit a bit of a wall I need to change the Jquery code below so it fades between the divs Also the hover is working but the rotation overides it Basically I need the rotation to stop on hover and resume on mouse out.. I think ////////////////////////////////////////////////////////////////////////////////////// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
.ready question
Hello, I using the following logic to execute the some code: table=$('table#id') table.ready(................. Doesn't this mean that the code will execute after the html table is 100% loaded?
how to bind control + mousedown event to an element?
Hi All, I am using jstree checkbox theme. I want to change the class of selected element with control + mouse event using jquery. How i can achieve this?
[jQuery] Validate
I am new to jquery(my first application!) and I am using the fantastic validate plugin. I am calling a dialog from a tab and although the validation works perfectly if you keep accessing the dialog window after about 4 times it causes internet explorer to display the 'Stop running this script message as causing computer to run slowly' message. I have posted the script below and would be grateful for any help!! $(".manageOpportunity").click(function(e) { // alert("Manage OP");
Jquery not loading in IE 7 or 8
I have a lightbox clone prettyPhoto displaying images on a website I'm working on and it works great in FF, Safari and Opera, however it's not running on IE 7 or 8 at all. Can anyone shed some light? http://www.barksandbones.com/dev2/bnb-timberwolf.php Thanks, Tim
[jQuery] Item list only loading 1 Image
So I have just changed the original HTML and CSS then just barely touched the JavaScript to edit the width, height and the different image urls. As you can see in the sample URL below only 1 image is being loaded and rotated. I haven't been able to trouble shoot the issue successfully so that's why I am posting here to see if someone can notice something I missed. http://www.northstar-ems.us/capstone/ Thanks for your time.
[jQuery] jQuery Form Plugin - File upload with JSON response
Hi, I'm trying to use the jQuery Form Plugin for file upload with JSON response (basically, I need to get an uploaded file ID back from the server after upload) I have a problem when getting the data from the iframe back to the javascript in the main page because the json string is wrapped in a <pre></pre>. I tried to find where those <pre> tag are added to the response but found nothing in the jquery.form.js So the plugin script fail when trying to evaluate the json string at the following line
[jQuery] background position plugin
hi, i build a menu with a background position animation plugin by Jonathan Snook’s. The mouseover and mouseout are correct, but i dont't know to put when click to stop animation and dont run a onmouseout action. the code: -------------------------------------------------------------------- HTML <div id="menu"> <ul> <li><a href="#" class="menu">Empresa</a></li> <li><a href="#" class="menu">Pvc & Alu</a></li> <li><a href="#" class="menu">Produtos</a></li> <li><a href="#" class="menu">Eventos</a></li>
[jQuery] AJAX & callbacks: load(); $.get() and $.post() do not
$.get() and $.post() functions work for me *except* when I supply a callback function as the third parameter. I can pass in exactly the same set of arguments that work for a load() function to $.get() and $.post() and they do not work. Has anyone else experienced this? If so, does anyone have a work-around? I'm using jQuery 1.3.2. For example ... This works ... $('div.status').load('/quotations/RegisterServlet', parameters, register_submitCallback); This does not work ... $.post('/quotations/RegisterServlet',
Datepicker to select month and year only
Any expert here know how to allow select only month and year only? By removing the day selector. I just want to show something like "OCT 2009", etc.
[jQuery] Validation on a button click, Validation to check many inputs with same class
Hi all I was wondering if someone could please help me with the jquery validation. I have a foreach loop that creates many input text rows and i would like jquery validation to check on button click if each of the input boxes meets the requirements. Right now on button click it is only checking the first input box and if that is true then the button works but i want validation to check all three inputs to see if they are TRUE and then only should the button work. Thanks Code: //Button click with
Fullcalendarevents and SharePoint-listwebservice
Hello, I've already got back the XML-response from the listwebservice but how can I create calendarevents using the variables of the XML-response. I'm using jQueryPlugin FullCalendar Version 1.3.2 The SP-list looks like that: -title should also be the title-object of the event -date is the start-object (not formatted yet) -Allday is the allDay eventobject -Creator should be shown when the user hovering an event Thats the way I normally add an event manually events:[ { id: 1, title: "Event1",
Images not loading on second visit
Having just dipped my toe in the jQuery pool, I've managed to create a preload and fadein for images on this portfolio site using this code: $(document).ready(function() { $('.landscapeimg').hide() .load(function () { $(this).fadeIn(); }) .attr('src', 'photo006.jpg', 'photo007.jpg', 'photo008.jpg'); }); However, when I view the page in Firefox something odd happens. Initially, the images load in fine with the desired effect. But when I click the logo (which
[jQuery] Optimizing code with JQuery
Would appreciate some help on identifying the best way to utilize JQuery to build DOM objects in memory before inserting them into the document, here is some sample (abbreviated) code, which depicts what i am trying to do: function Item(JSON) { this.JSON = JSON; this.Node = document.createDocumentFragment(); this.ContentContainer = document.createElement("div"); this.AddContent(); this.PackageNode(); } Item.prototype.AddContent = function() { $(this.ContentContainer).text(this.JSON.someText);
[jQuery] jquery autocomplete plugin - hardcoded overflow: auto
I'm taking a look at the jQuery autocomplete plugin and it works great for the most part except that it's generating scrollbars on both sides of the drop down list. Unfortunately this can't be overridden (AFAIK) via the stylesheet provided because the code apparently hard codes the overflow: auto style in the plug-in's code. It's this code in the show function: if(options.scroll) { list.scrollTop(0); list.css({ maxHeight: options.scrollHeight, overflow: 'auto'
[jQuery] Modal dialog validation problem
I have a form in a modal dialog which I submit with $.post(). Validation is set so that the name field has a min length of 2. * enter 'a' in name and submit * validation works, form not submitted, error displayed * submit again (still with 'a' for name) * validation fails, form gets submitted and record is created with invalid name ('a' - too short) Any ideas why validation is not being called the second time? function addNewPlace(parentID, heading, placeType, fade, remove, backup){ $("#addPlace").remove();
$.post() works, but content disappears...
The issue I'm trying to use jquery to implement a form of 'background' loading of HTML content that's generated by a series of PHP scripts: the aim is to make the first 'tab' viewable before other content is loaded, and more generally, to reduce page reloads. (The existing version of the page calls a complete page reload whenever a tab is clicked, changing a PHP include file that populates a single DIV). The central javascript that is giving me headaches is the submit function of the script that
vertical aligned img needs closing tag on newline
Hi all, I'm just getting started with jQuery and have struck a problem with vertically center aligned images that a inserted into the DOM using jQuery. I'm building the following DOM structure using jQuery (styles etc removed for clarity, see test case below for details) <div> <ul> <li><div><a><img /></a></div></li> .... </ul> </div> The issue is that the image will only vertically align if the anchors closing tag is on a new line. I discovered this by copying the jQuery
[jQuery] Intelligence not working
Hello All: I am using JQuery if in a page i used only <script src="JQuery/jquery-1.2.6.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { alter("Working on Intelligence"); } ); </script> then its working fine... but when i add another script file below it so its intelligence is not working e.g <script src="JQuery/jquery-1.2.6.js" type="text/javascript"></script> <script src="JQuery/ui.datepicker.js" type="text/javascript"></script> <script src="JQuery/ui.core.js"
[jQuery] mouseenter/mouseover timeout
Regarding: Preview images at http://www.templateharvest.com/ Problem: Larger "preview" images appear at mouseenter event on thumbnail images. If mouse stays still, then moves again, the preview image flickers away and reappears. This jittery effect is not desired. Using mouseover instead of mouseenter produces identical results. Thoughts on how to keep preview image steady, even if mouse pointer sits still over the thumbnail image for a second or two?
[jQuery] Upload Progress Problems
I am working on developing a simple upload form that allows the user to see the status of their upload. Basically, the upload is assigned a unique identifier that once the upload begins, the client polls the status page with that ID to get the status of it. This works in Firefox, but does not work in Opera and others. It appears that in Opera once the form is submitted, the upload_progress() function is never called. I am new to jQuery and have searched everywhere without any answers that work for
[jQuery] What is the more correct/efficient selector?
$("select").change(function() { alert($("select option:selected").val()); }); OR $("select").change(function() { alert($(this).attr("value")); }); I am specifically looking at the selector used in the alert. From my testing the result in the same correct values to be displayed.
[jQuery] How to access iframe window?
How can I access an iframe window using jQuery? The only iframe related stuff I have found is contents(), which allows me to access the DOM in the iframe. For now, I am using $("iframe")[i].contentWindow, but it seems to be IE only. Thanks!
[jQuery] Only one of two fields is required. How to implement this logic in Jquery form validation?
There are two input fields in a form, but only one of them is required, they are not required at the same time. Either A or B is required. ( A is required OR B is required). In other words, a user can input data to field A, or he can input data to filed B, but he can not input data to Both A and B at the same time. How to implement this constraint in Jquery form validation?
[jQuery] (validate) - How do I validate required fields before form submit
Hi I am trying to use jquery: validation plugin by Jörn Zaefferer. Which works really well I have to say. The one limitation I am trying to work around is how I can run validation for required fields before I submit a form. At the moment I have to submit the form before I see the error messages for required fields I would like to see them prior as the user tabs through the form. Thanks in advance Alex
[jQuery] Autocomplete not working only in Firefox
I've recently installed an formated the Autocomplete script into my page and it works beautifully for IE, Saf, & Chrome, but the results drop down won't appear in Firefox, on both Mac and PC. I've had another use it check it in a different state to confirm. The PC version of Firefox is 3.5.3. Firebug is't registering the key events to debug it there. Is there an option I'm missing? basic script. $().ready(function() { $("#artistText").autocomplete(artist,{ matchContains: true, minChars:
Next Page