Disable click events during ajax call
Hi guys I have 3 icons on a page, each icon when clicked load some text in a div element via ajax. I would like to disable the click events for the other 2 and bind them back as soon as the text in loaded. How can I do it in jquery? Thanks for your help
Help me with running Jquery on Image Hotspots!?
Hello, how are you people? I am new to jquery and brand new.. all i know is how to load it on your webpage:) I have a question... i recently saw a image hover effect using jquery.. i implemented it in my website and works fine.. but the problem is i dont know how to make it run on image hotspots created in dreamweaver. i know some script needs to be run in between <map> tags.. Please help me.. i guess we have to run the jquery script on onmouseover.. But i dont know how to use it.. Here is the orginal
sending jquery form, but don't know how to retrieve details
Hi, I am using jquery to send a form: jQuery(document).ready(function($) { //References var pages = $('div#paging_menu a'); var loading = $("div#loading"); var content = $("#print_full_list"); //show loading bar function showLoading(){ loading .css({visibility:"visible"}) .css({opacity:"1"}) .css({display:"block"}) ; } //hide loading bar function hideLoading(){ loading.fadeTo(1000, 0); };
Upload Script
Hello, I have the following Upload-Script where show the image after the upload. Then I have a delete button where delete the image. When I upload know a new image, the image is on the ftp-server, but the script shows me the old image. Who can help me? new AjaxUpload(btnUpload1, { action: 'upload-file.php?id=<?php echo $id; ?>&name=portrait', name: 'uploadfile', onSubmit: function(file, ext){ if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
Adobe Widget Browser
Hallo! I' m new here, and new at web designing.. 1. I' m using dreamweaver cs5 Adobe Widget Browser to import widgets in my page. In that Browser there is an older version of jQuery (1.7.2). I downloaded the newer version, but when trying to import it from the zip file, i get an error message "There was an error importing the widget: [3003] File or directory does not exist." Why? 2. I'm would like to change the language for my datepicker (i downloaded the corresponding .js for greek language) but
For Loop + Lightbox
I have the following code located in a for loop with over 10 entries: var p_photos = $("<p>").addClass("photos").appendTo(div); var span_photo = $("<span>").text("Picture Gallery: ").appendTo(p_photos); var a_photo = $("<a>").attr("href", "img/fs/1.jpg").text("Click For Image Reel!").appendTo(span_photo); $("<a>").attr("href", "img/fs/2.jpg").appendTo(span_photo); $("<a>").attr("href", "img/fs/3.jpg").appendTo(span_photo); $('p.photos span a').lightBox({fixedNavigation:true});
[jQuery] Root of my problems
Hey again folks, Right, I have discovered what seems to be the root cause of why my stuff wasn't working. I did some testing locally with jQuery which worked fine, but when I tried to inegrate it with some stuff in Joomla (the CMS I am using) it doesn't work correctly. Here is how I am activating what I am using: $(document).ready(function(){ $('img').ToolTip('inputsTooltip', { position: 'top' }); $("*").outlineTextInputs(); }); Now, this works fine locally. It also works
For Loop + Append/AppendTo Issue
Hey all. I am doing a JSON request to get data back from a PHP file. On the return of that data, I am using a for loop to go through the data and post it up using JS. Here is my code: for (var x = 0; x < data.length; x++) { //create a container for each comment var div = $("<div>").addClass("entry round").appendTo("#characters"); //add author name and comment to container $("<div>").addClass("details").appendTo(div);
need some help with .live()
Hi all, I have a script, but it's slowing down when using it. Inside the display(elem) function I'm binding event handlers using click(). These event handlers get installed multiple times, which will ultimately cause delays and animation bugs. To solve this I want to use live() to install event handlers at the very beginning, preventing the slow down. The problem is, where do I put this .live() in the script. Tried some options myself, but this resulted in a non working script OR no change at all
rewrite markup as nested LI in order to use treeview
Hi, I have an application that produces a dynamic unordered list from DB categories table. The list is representing the hierarchy by adding a “..” (Double dot) in front of the list item name for each hierarchy level like so: <ul id="categories"> <li>Cat1</li> <li>..Cat1a</li> <li>..Cat1b</li> <li>..Cat1c</li> <li>Cat2</li> <li>..Cat2a</li> <li>..Cat2b</li> <li>..Cat2c</li>
jQuery cycle question
Is it possible to use cycle to create a slideshow of youtube videos, so that when the user clicks play on a video the slideshow stops, and when the user clicks the next button the current video stops and the appropriate slide is shown? I've had no problem using cycle with images and text, but the youtube videos just embed stacked under the slide show. Here's the html: <div id="slideshow"> <div id="nav"></div><!--pager navigation--> <a href=""><img src="" /></a>
JQuery Dialog debugging with firebug
once jQuery dialog box comes up, none of the breakpoints work in firebug. any ideas?
Animate() of ScrollTop and ScrollLeft doesn't move smoothly
Hi everybody. I have a page with a big (4000x2000) background width hidden scrollbars. There is some absolute positioned images on it. I want my navigation will be like an "fly" over page, but in IE (even 8 version) this animation doesn't work as i expect. Here is example of code, that i use for that: $("html:not(:animated)"+( ! $.browser.opera ? ",body:not(:animated)" : "")).animate({scrollTop: tempbottom+'px',scrollLeft: templeft+'px'}, 3000); The page, where problem is http://vintage.skulditsky.kz/
Having Trouble Getting AJAX and JQuery To Work Together!
Hi, I have wrote a simple application to test out AJAX with JQuery. What you are supposed to do is type your name into a text box and hit the submit button. In the div panel below that, it is supposed to display "Hello, [Person's Name]". However, when I put in a name and click the button, nothing happens. I look at firebug and it says that a request has been sent. Here is the code for the primary file, ajax1.php: <html> <head> <script type="text/javascript" src = "jquery.js"></script> <script
Problem with using Autocomplete plugin
I am trying to use the Autocomplete plugin and could not get it to work. I downloaded the plugin files and included them in my aspx page as follows: 1. <link rel="Stylesheet" type="text/css" href="jQuery/jquery.ui.autocomplete.css" /> and <script type="text/javascript" src="jQuery/jquery.ui.autocomplete.js"></script> in the head. 2. And the following function from the Autocomplete example: $(function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++",
Using return in a callback function
Hi everybody ! I have some problem using the $.post function ! I wrote a function that test if a username is already used in my database. That function must return true if the username is free and false in the other case :) My problem is that I use the $.post function and i put the return true; and return false; in the callback function. So it's the callback function that returns true/false instead of my function ! I d'ont know what to do :/ Here is my code : function validateName() { $.post("ajax_is_name_used.php",
.width() of image returning 0 on load event
var img_large = new Image(); $(img_large).load(function () { $(".image_enlarge_container").append(this); alert($(img_large).width()); //load of code }).error(function () { // notify the user that the image could not be loaded }).attr('src', large_src); } In dreamweaver this works fine every time. In IE 8 the width in the alert is always 0 (but the height seems to be ok??) In chrome, it works fine once, but all other times after that (I have it so that the image is inserted
jQuery code in a sharepoint aspx
Hello, Very new to jQuery, but trying to use it to help me with a SharePoint coding solution. I have 6 drop down selection fields that allow the user to select a value between 5 and 100 by 5s. If the sum is over 100 the user should get an alert saying hey you are over 100% allocated <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" > $(document).ready(function() { $("input[title='Deal 1 Allocation']").change(function () { yourCalcFunction();
Superfish lag in Firefox
It seems a rare, rare thing to have a problem like this in Firefox, but on my PC using FF 3.6.10 the hovers on this site are a bit slow. http://webstage.sesamecommunications.com/lemery-steven-a/www I've copied the code from the following site, which seems to be using superfish with no problems (the two sites are built very similarly): http://www.kidssmilingfaces.com/ What could be slowing the hover down? Also, some times the pop-up menu won't even come up, though this is rare, but has been noticed
Custom events already sent
Hi ! I'm trying to use some custom events but I don't know how to check if a custom event has already been sent. I have a script "startup.js", which do some stuff then triggers a custom event "jobDone" on the body element (only one time) : startup.js : $(function() { // do some stuff $('body').trigger('jobDone'); }); I have others scripts which bind handler on the "jobDone" custom event : $(function() { $('body').bind('jobDone', null, function() { // do something }); }); My
Help with OnChange clear dropdown PLEASE!
Very new to jquery, i have a dropdown that changes what DIV's to show. but my problem is that the dropdowns will retain their value as i switch between divs. trying to clear values when the dropdown changes. change divs onchage: [QUOTE]$(document).ready(function(){ $('#3_form').hide(); $('#4_form').hide(); $('#axd_form').hide(); $('#ht_form').hide(); $("#thechoices").change(function(){ if(this.value == 'all') {$("#boxes").children().show();} else {$("#" + this.value).show().siblings().hide();} });
JQuery doenst work if I include from external file
Hi all :), I am rather new to JQuery but this is really something I can't get my head around... I've got this code: $('select').change(function() { pos = $(this).attr("id"); if (pos == "sector" && $('#sector').val() == 2) { $('#TextAreaDiv').fadeIn("slow"); } else { $('#TextAreaDiv').fadeOut("slow"); } }); var i= 0; function addField(){ $('#TextAreaDiv').append('<input type="text" name="myinput'+i+'" />'); i++; return false; } If I put this in my
Manipulating text in a text field when user types
Hi, I have a text box. I need to 1) search the database for the words user is typing in the text box. This will happen with each key press. 2) if there is a match - I need to change the text color. How can I achieve this? Thanks so much.
problem submitting form
$('form#formPhase1').submit(function(e) { e.preventDefault(); var samplesYesNo = $("input[@name=orderSamples]:checked").val(); console.log(samplesYesNo); $(this).submit(); }); how to get value for radio button I got from here: http://forum.jquery.com/topic/checking-if-certain-radiobutton-is-checked and yet, console.log()stmt prints "empty string"; and not only that, but it prints endlessly, and at the end it says "too
Render HTML via XML ajax
Hello, i am wondering, what is the best way to render HTML on a page using an ajax request that gets the data as an XML file? i.e Say for example you wanted to load the comments on a particular news post, and wanted to pull this data in via ajax, and you server returns an xml with the commens in it, for example: <comment> <name>Joe Bloggs</name> <post>Lorem ipsum dolar emet</post> <date>12/12/2000</date> <profile_id>12</profile_id> </comment> <comment> <name>John Doe</name>............etc....
slideToggle
I've created the following script that I'm hoping to use slideToggle on. It doesn't seem to be doing anything. Did I miss something? <link rel="StyleSheet" href="hmg.css" type="text/css" media="screen" /> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <div id="hmg_provider_search"> <h2>How do you want to search?</h2> <div id="click_name"> <div id="hmg_provider_search_name"> <h3>· By Healthcare Provider's Last Name</h3> </div> <div id="hmg_provider_search_name_more">
Load reports success but does not work..
Hello! I have a problem that is driving me insane. Currently I am working in VS2008 with an MVC2 project and I am using jQuery 1.4.1. A very easy task has somehow become utterly complex and I don´t know what I might be missing. I am trying to use the load() function ( http://api.jquery.com/load/ ) to load remote content into a div but I cannot get it to work. With a callback function I have determined that load does not return an error, but a success. Still, noting is displayed in the div. I´ve gone
slideUp() -slideDown(). What's wrong with this???
Hi, In my page I have several of the blocks below: <div class="bookcaptionSwitch">Book caption</div> <div class="bookcaption"> <p>Text text text. Text text text</div> </div> [...] This is my JQuery code: function init(){ $(".bookcaptionSwitch").css("cursor","pointer"); $(".bookcaption p").slideUp(); $(".bookcaptionSwitch").mouseover(function({$(this).css("color","red");$(this).next("bookcaption").slideDown();}) $(".bookcaptionSwitch").mouseout(function(){$(this).css("color","");$(this).next(".bookcaption").slideUp();})
jQuery cycle like gallery
hello i am trying to build a cycle like gallery here is the code: $('.fadein img:gt(0)').hide(); i=0; $("#next").click(function(){ $(".fadein img").eq(i).fadeOut().next('img').fadeIn() i++; if( i== $('.fadein img').length-1 ) { i=0; $(".fadein img").eq(0).fadeOut().next('img').fadeIn().end().appendTo('.fadein') } }) the html: <a href="javascript:;" id="next" >next</a> <div class="fadein"> <img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">
Scrollto and end of scroll
Hi all I have a div with an image in it that when clicked steps the page to the right by 600px this is it: .click(function(){ $.scrollTo( {top:'-=0px', left:'+=600px'}, 800 ); }); What i want to do is remove the button when the page cant scroll any further to the right. then re add it when i go left again. if this makes any sense! Any ideas peeps? Thanks all mike
Validateur jquery pour un formulaire avec des zones optionnelles
Bonjour tt le monde, j'ai un formulaire de recherche qui contiens des champs optionnel à saisir (l'utilisateur à le choix de remplir la zone qu'il souhaite pour déclencher la recherche) . est ce que quelqu'un a un validateur jquery pour ce genre de formulaire? Merci d'avance :)
Newbie: getting the value of an input box
I would like to check the value in an input box and if the value has changed, then perform the action. Being a newbie at Jquery, I am not sure about the syntax. var timeout = undefined; var str = ''; /* Get the initial value and if changed, do something */ $('#input_box').live('keyup', function() { if(timeout != undefined) { clearTimeout(timeout); } var timeout = setTimeout(function() { timeout = undefined; /* Do something */ $('#log').append('<div>Handler for
New function for the appended item?
Hi, I have a textbox with add button, says A. If i click A, a new textbox will be appended. The appended textbox, B will have an ADD button, in order to add new textbox again. The problem I face is I am not sure where or how to include the jquery function of ADD button for Textbox B. Can i have your advice? Thank you! My script: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">
Default sort and stop users sorting colums
Hi folks This is my first post on the jquery forum, I am not a developer but would like some help if you would be so kind. I’ve installed jquery and table sort fine on my HTML site but I want to be able to sort one colum on my table by price (in ascending order) when the page is loaded. I also want all columns to be locked so that users on my site cannot sort any of the columns. Does anyone know the code that is required to achieve this? Thanks you.
Syntax Error, unrecognized expression: [object Object]
hi there, i've got the following code: $(".serv-wrap").each(function(){ thisObject = $(this); $(thisObject).hoverIntent(function(){ hElement = $(" h4", thisObject); combinedElements = hElement + "," + thisObject; $(combinedElements).stop().animate({ marginTop: "-153" },100); },function(){ $(combinedElements).stop().animate({ marginTop: "0" },400); }); });"hElement" is a child of "thisObject" but due to positioning needs
Data is null after AJAX request
Hello, I really don't understand why I am getting this error (parsererror TypeError: data is null [object XMLHttpRequest]) after making the following AJAX request: var base_url = $('span#base_url').text(); var model_url = "index.php/status/get_xml/" $.ajax({ type: "POST", url: base_url + model_url, dataType: "xml", data: "{}", success: function parseXml(xml){ //find every Tutorial and print the author $(xml).find("Tutorial").each(function()
Jquery Image Editor with text wysiwyg
Does anyone know of a jquery script or plugin that would allow to have a space where they can add an image and then lay some text over the top, like a business card designer?
Flickr Photo Slideshow Integration
Hello — My goal is to create a flickr slideshow gallery, but in more of a filmstrip form, that slides forward and backwards. Also using some descriptions under each photo. The idea is to create something that the client can interact with the Flickr Interface on the backend, but simultaneously be updating the homepage of their website. The website is built with WordPress, so I can use phpFlickr to grab a photoset or a specific user's photos. I've done that within the main page of the site with the
ajaxForm appears to alter returned data
I have a form which submits via ajaxForm so i can do a fancy image uploader: $('#uploadForm').ajaxForm({ beforeSubmit: function() { $('#uploadForm').find('.image-display').children('img').attr('src', '/theme/all/img/ui/loading-clock-transparent.gif'); }, dataType: 'text', success: function(data, textStatus, XMLHttpRequest) { $('#uploadForm').find('.image-display').children('img').attr('src',
$.post() success function problem
Hi everyone! I can't use the value returned by $.post() method out of the scope of success function. For instance in below example myvar alerted as empty even though var is alerted with a value. Besides, hide does not work in the scope of success function. I appreciate any help/workaround. Thanks.. var myvar = ""; $.post("somepage.php", {first: "1", second: "2"}, function(val){ alert(var); myvar = var; this.hide('slow'); }); alert(myvar);
Next Page