allfields - ie error
Hi, I have copied some piece of code from some tutorial few weeks ago, especially this: allFields.removeClass( "ui-state-error" ); I'm not really sure what the allFields exactly is but when using it, IE8 gives me error - "allFields is undefined" so I want to ask is there some equivalent to allFields? thanks
How to get this done
Hi Guys ! I am planning my personal blog and I really liked this site http://www.dazeddigital.com/ I like the way the content is presented in random order. I have experience in cms and jquery but I can't seem to figure out how did these guys get this random look. Hence this post. So wht do you guys think ? How can I get this done ? Cheers, Kachaloo
Asynchronous toDataUrl
There are any plugin/function for do an asynchronous "toDataUrl()"?
Try to call "divboxes" instead of "rel"
Hi, I want to call the 3 divboxes (box1, box2 and box3) instead of the "rel" shown below. How can I do that? I tried to replace the $active.attr("rel") -1 to $active.attr("div") and also $active.attr("box1,box2,box3") without any effect :( <div class="divboxes" id="box1"><a href="#" rel="1">Tab 1</a></div> <div class="underbox" id="underbox1">Box1</div> <div class="divboxes" id="box2"><a href="#" rel="2">Tab 2</a></div> <div class="underbox" id="underbox2">Box2</div> <div class="divboxes"
Asp.Net Grid View Control column's cell show/hide using jquery
Hi, I am using .Net Framework 4.0 with Asp.Net C# along with Jquery v1.4.4 My problem is that how can i show textbox when i click on edit button and hide when i click on save button. Here's my Asp.Net Code: <div> <fieldset> <legend>GridView selection using jquery</legend> <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px"
Fit to window background question
Hi Guys, I was asked to design a site with following feature: - each main section to have it's own background image - background image to fit the window - background image subject to have on / off state activated by on / off button on site (e.g. lights on / off) I'm wondering what's the best way to achieve it? I'm thinking about 2 options: 1. Two pre-loaded, full size background images to swap with the button (might affect the loading times) 2. One background image (on state) and absolutely (or relatively?)
Login Mask - How can i solve this?
Hello, i have a intern page with a form. User should enter their data and send the form. Some data from the user is stored in a database (name,phone). I want to make the form easier and complete the form with data from the database. The user should only enter his personal-number. How can i solve this with jquery? Is there any plugin? regards michael
Superfish Animation Works at Root Level, Not at Subdirectory Level
Hello, I'm using Superfish on a template that came with the dropdown menu installed. It works just great for files placed at the root level -- see http://www.fhsid.org/index_new.htm, for example. However, if I save a file to a subdirectory level (and update links accordingly), the dropdown menu appears but without the animation or delays. See http://www.fhsid.org/about/. Compare it to that same page at the root level, where the animation works: http://www.fhsid.org/index_newabout.htm. I'm perplexed
jQuery and CKEditor
I am using jQuery and CKEditor to form a quick reply section. When the page loads the quick reply section is hidden(display:none) but when a user clicks on the header it slides down and reveals the quick reply box(slideToggle). Also when a user clicks a button next to a post it inserts the contents of the post into the quick reply box, however it only does this if the quick reply box is visible. When they click this button its supposed to start the CKEditor instance and then slide the box into view.
I can't get the attr('title')
I have the following select: <select name="country_phone" id="country_phone"> <option value=""> </option> <option title="+93" value="AF" >Afghanistan</option> <option title="+355" value="AL" >Albania</option> <option title="+213" value="DZ" >Algeria</option> <option title="+1684" value="AS" >American Samoa</option> <option title="+376" value="AD"
Changing an inline css (element.style)
I'm having difficulty with this one. Below is some code from our Sharepoint site that I would like to modify with JQuery. I would like to modify the background property to 0px (instead of -511px) and change the color to transparent (instead of rgb(255, 255, 255)). Any ideas as to how to approach this? I can modify the selector to with with the title attribute but I can't change the values I want to change. Thanks in advance! <a title="Search with Ontolica" href="javascript:OSB_Submit()"><img
Search for all href starting with this name?
How do I search for all the <a> starting with with hrefhome?? Example I could have 3 or 4 <a> that starting with the id of hrefHome1,2..3 <a id="hrefHome" href="#" data-icon="home">Home</a> Currently, I just hardcoded the id name: $("#hrefHome").click(function () { window.location.href = '/Test/Default.aspx'; }); $("#hrefHome2").click(function () { window.location.href = '/Test/Default.aspx'; }); Thanks
$(this).html();
$(this).html(); I want to dig out all the images in an rss feed and display them using an image plugin. so I have something like this. $('div#rss_feed p a img').each(function (){ #('#imageviewer').append(this); }); Now that worked but I need each image to be in an li element $('div#rss_feed p a img').each(function (){ var h = '<li class="image"><a href="">'+$(this).html()+'</a></li>'; #('#imageviewer').append(h); }); I know I cant use $(this) like the above but I want to do something
Help with Menu!!!!!!!!!!!!!! :D
Hey guys! I'm new with this whole J.Query thing.. I have close to no idea on what the hell I'm doing! :) .. but I do have years of html / css experience. Anways, I just finished designing this website / blog and now I am currently in the process of coding it.. It's nearly (about 90%) finished and has to be completed within the next few days When the deadline couldn't seem any closer.. i ran into a stupid minor issue that involves J.Query.. I am assuming its pretty simple.. here it is... I have this
Jquery parse xml with name spaces
I am trying to get two values from a web service response. The web service was called using jquery $ajax: $.ajax({ url : "http://localhost:3032/ufs/integration/copymoveTerm", type : "POST", dataType : "xml", data : soapEnv, success : undoSuccess, failure : showError, contentType : "text/xml; charset=\"utf - 8\"" }); // end move AJAX call And this is the response I get: <?xml version="1.0" encoding="UTF-8"
Unexpected token
Hi there, I updated my jQuery to 1.5 but now I get a little warning in the Console of Firefox: Warnung: Unerwartetes Token im Attribut-Selektor: '!'. Quelldatei: http://localhost/ Zeile: 0 Warning: Unexpected Token in Attribute-Selctor. '!'. Source: http://localhost/ Line: 0
Help width CSS Height
In CSS:html {height:100%} It is necessary by button pressing: $("#logbut").click(function() { $('html').css('height',''); $('html').css('position','relative'); $('#auth').fadeIn(1000); } ); Don't work, The height remains 100 % Please help
having trouble with firefox and .html()
I have an issue with Firefox where I use JavaScript to set a value and then get the HTML of the body using .html() and what is returned does not show the changed value. HTML: <td>Code Status<input name='w411iv1' id='w411iv1' value= type='text'></td> JavaScript and JQuery as written in code: document.getElementById('w411iv1').value = "blah"; var htmlBody = jQuery('html').html(); When I debug (using firebug) the htmlBody var it does not show "Blah" for that HTML element. Whats really weird is that
how to select elements by attrib in container
Hi, I'm having trouble figuring out how to select elements within a container based on an attribute value. I want to be able to perform operations like $.each(('[myAttr="someVal"]', $('#myContainer'), function(){ // do something }); clear all items with matching attribute value in a container $('[myAttr="someVal"]', $('#myContainer')).val(''); can anyone help? thanks Matt
Text/Image carousel for my customer testimonials?
Hello, Adobe forums suggested a jquery solution. I want to continuously rotate my customer testimonials without requiring users to click to advance. I have successfully implemented rotating text, but am having problems including the image too. On this page, the words "cash register" is actually the "alt=" for the image, but no image displays. http://kansascitycrates.com/testimonials/index3b.html This is my old site with the customer testimonials I want to convert. http://uscrates.com/testimonials/2010/june/2010june_testimonials.html
Ajax response time inconsistent.
What I'm doing is creating a div element dynamically when the user clicks on a point in the page. Once created I create a record in my database table the corresponds to this div element and save information such as the width,height, x coordinate, and y coordinate of the element. This is done via AJAX accessing my web service. The weird thing is, I get really fast responses 80% of the time but 20% of the time, its taking a lot longer. For example, I would get a response after 50-100ms and at times
Reloading Divs in sequence.
Hello! This is I guess more of a theory question than an actual code question. I created an internal application which shows a large list of tasks that will be completed on a server by a script. It will go through each in order and update a database with its status (E.x "Failed", "Good", "Errors: <msg>"). What I am doing currently is pulling the ID's of these tasks from a database, and then passing them to JQ to .load() the actual content for each div. What I would like to do is figure out a way
Dynamic timeout change?
Hello Jay, many thanks for your help, I tried load method super as smartupdater or PeriodicalUpdater (Prototype). Now the problem is that I have to build a cycle (loop) and each time I have to change the time (that I take from database) so how method (function) can I use to load external code (example load()) modifying continuosly the timeout? Thank you Andrea
help with click(), please.
ok, so I'm using jquery and Colorbox. What i want to happen is for the third pic in this gallery to be automatically clicked by js when the page is opened http://huckleberrykid.com/colorboxtest4.php I have an id='target' on the link and <script > $('#target').click();</script> in the <head> jquery is working because the page and gallery work correctly when clicked manually.
jquery Google translator functionality not working in IE/Safari/Chrome
Hi, I want to use jquery Google translator functionality to translate web page content in specified language. It is working file in Firefox browser, but it not working in IE/Safari/Chrome browser. Please anyone help to me. Thanks in Advance Anil Patel I have use following js references and function code : <script type="text/javascript" language="javascript" id="jquery" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" src="http://jquery-translate.googlecode.com/
Hide & Slide tabs active menu
For example if u have a drop down menu on a one page and on a page u go to has 6 articles in 6 tabs, normally u want to go to that page and land on exactly the right article. Before i tackled this problem i could only find active page variants for tabs that use 6 different html's with diffferent css stiles to solve this.(linking to the right articles is not a problem for that.) With this code the only problem it still has is when u link to the, for example div 4 from another page or a drop down with
$('html, body') need both, but will fire twice
if I use $('html').animate({scrollTop:0},'slow'); it will not work in Explorer... if I use $('body').animate({scrollTop:0},'slow'); it wont work in Chrome So consequently I use $('html, body').animate({scrollTop:0},'slow'); but if I put in it a callback function it fires twice in explorer Any suggestions?
click event not working when cloned?
I have a page like this: <div class="clone" style="display:none;"> <input type="text" name="test" /> <img src="icon_delete.png" class="delete" /> </div> <button class="clone_div"></button> When i press the button, it clones the div with success. But inside that div i also have a 'delete icon', to remove that div again. But for some reason it isn't working. I have this JQuery code: $(".delete").click(function() { alert('aaa'); }); But it isn't even responding to it. I don't
embeding jquery code/executing jquery code which come from php
is there any way to writeIN a jquery code. i.e we write the echo 'some text'; in php. in other words is there any alternative of echo/print in jquery. actually i want to do is; i have an $.ajax function the body is below: $.ajax({ type: "POST", url: "<?=base_url()?>users/get_user", data: "UserID="+userID, success: function(html){ //alert(html);
Problems using the $(this) object
This is just a noob question that I am sure anybody here will be able to help me with :). I was trying to do the following statement without success. $(document).ready(function() { $('.my-object').css({ 'top': $(this).height() }); }); When I do this the object moves to the height of the document not the ".my-object" object. After a bit of reading I figure it is because the $(this) object wil only work on a function that triggers an event or something like that. The quest
Jquery.com and SizzleJS are used in many malware redirects. Can you make it stop?
Hello - I do not know how this is happening - that Jquery.com and SizzleJS are used in so may malware redirects. I only saw this information when I got desperate enough to start noting the page source information on the endless redirects I have. If you are the people who invented Jquery, is it possible for you please to fix whatever these malware redirect people are doing to your JavaScript programs that allows the redirects to happen? This is one of many, many examples of the page elements at
update select with AJAX call
I've searched everywhere, but I cannot find what is wrong with my code. I have 4 HTML selects, ID'ed as "genres", "artists", "albums" and "songs". When you click on "genres", "artists" or "albums" the other selects should be updated through an AJAX call that does an sql query and respond back with JSON data. Sounds simple enough... but I can't get it to work. After just reloading the page, I can select a genre, and all other fields are updated, but then the other selects don't work any more.... as
How to stop rotation of banner on click of thumbnail.
I have an auto rotating banner that can be seen here http://www.meridianintegrations.com I'd like for a user to be able to click on one of the thumbnails, switches to that respected rotation and stops. In case someone wants to stop and read one of the rotations. I cut out the javascript I assume would be the script in questions. (function($) { $.fn.et_switcher = function(options) { var defaults = { slides: '>div', activeClass: 'active', linksNav: '', findParent: true, //use parent elements
Select a random Image from a Directory
Hello there ! I'd like to know if there's a possibility to select a random image .. but .. from a directory. I've seen many posts regarding this subject, but all of them show the procedure once you have the image names inside an array. I need to know how to select a random image from a directory that's filled with them, like let's say /public/images Is there a way to do this? Thanks in advance, Sincerely, Jose.
Using jQuery to load an XML file
Hello, I'm trying to load an xml file with jQuery but it doesn't seem to work. This is my code, I made it very simple for testing, but it doesn't work. var test = "./test.xml"; $.get( test, function(data) { $('#textarea').text(data); } ); I just don't know how to get the data of an xml file, does the $.get method not work with xml? When I try it with an .html file it works. Regards, Bart
Lazy Loading images in a div container?
Hi, My problem is very typical: Have a div with hundreds of images, and only want to load images that are currently visible, i.e. load images when user scrolls to them as opposed to preloading all of them. There is a great jquery plugin at: http://www.appelsiini.net/projects/lazyload But, it looks like it is outdated, does not work on some browsers and is not actively developed right now. Can anyone recommend an alternative solution for this problem. BTW, it would be awesome to add this functionality
Problem with :last
Hi, I have a problem. How do I remove the border on the right side for the second item in the 'ul.post-categories li a'? If I give ':last', it removes the last 'a' (the third turn). I want each of exhausts in 'ul.post-categories' frame from the second position, and not from the last position of all 'ul.post-categories'. <div class="post"> <ul class="post-categories"> <li><a rel="category tag" title="View all posts in Interviews" href="http://localhost/wordpress/urbanpirates/category/interviews/">Interviews</a></li>
[jQuery] Does anyonw know a jQuery plug-in like Magic Zoom
This tool is so cool! But it is not free! <a href="http://www.magictoolbox.com/magiczoom/">http://www.magictoolbox.com/magiczoom/</a> Does anyone know a jQuery plug-in like that? Or other javascript code which has same features?<br clear="all"> -- /******************************************** * Người ta thưởng chỉ chú ý đến những kẻ lên như diều gặp gió! Nhưng hỡi ôi, chỉ có cát, bụi và lông hồng mới là những thứ lên nhanh nhất */
Float a image to whole page
Hi, I was searching to float a image to whole page, suppose I am having a butterfly image (.gif) now I want to fly it in my whole page, this page already contains lots of data or HTML elements, so that image should fly in above of all this data / element..... So i was wandering that is it possible with jQuery.
Returning ID of a hovered object?
I have the hover event set up. There are 100 elements in my document of the class square. What I want to do is return the ID of the current square that is hovered and edit the style=' ' attribute of the .square with that specific ID. I am kind of new to jQuery. Could I get some help out! Thank you! [code] <script type="text/javascript" src="jquery-1.5.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.square').hover(function(){ }); $('.squareedgeside').hover(function(){
Next Page