simple .load problem
i can't seem to get .load() working. i am sad. please help? simplest setup i could put together: [index.html] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.5.js" /> <title>Test</title> <script type="text/javascript"> $(document).ready(function () { alert("jquery
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.
hoverIntent r6 just released. Google Chrome defect fixed when used with jQuery 1.5.1.
Just tweeted this out yesterday: http://twitter.com/#!/briancherne http://cherne.net/brian/resources/jquery.hoverIntent.html It was reported to me a couple days ago that Google Chrome improperly fires a mouseout event when the cursor travels over a child input[type="text"]. I've updated hoverIntent to use the same (exact) methods as jQuery's built-in hover ... that was patched for this issue in jQuery 1.5.1. Please get the word out (retweet). Thanks! Brian.
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/
Cycle plugin question
Hi, The Cycle plugin is an awesome tool to make beautiful slideshows but : Is there a way to display the previous and the next slides beside the current slide ? You can see the attached images for a better explanation. I tried all the afternoon without success... :( Any help would be greatly appreciated!
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
Download content dynamically
How and what is the best method to dowload the content of my jquery - carousel plugin dynamically?? thank you
$('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
Remote validation not working
Hi, I am stuck at using Jquery remote validation plugin. I have implemented a wizard using jquery accordion based on http://jquery.bassistance.de/validate/demo/multipart/ and its 3rd step contains a companyCode field. This field is a required unique field so I need to validate this field using remote option of jquery validate plugin. Here is my code. jQuery.validator.addMethod('checkCompanyCode', function(companyCode) { var result = false; $.ajax({ cache:false,
How can I show the slider onmousedown with handle already pressed
Hi, I need some help on this one: I want to show a slider when the user clicks on a certain element. When he does click and holds the mouse button, the slider should fade in immediately with its handle already pressed, so the user will be able to immediately change the value he clicked on. Upon release of the mouse button, the slider will fade out / disappear again. There are like 30 elements on the page that should be all clickable, all with own values for the slider. My code so far: that = $(this)
Adding data link converters at run-time
Is there a way to add a convert and convertBack function for data link plugin outside of passing in the map object? What I'd like to accomplish is have a few custom predefined converts and then on document load add them based on classes found in the form. Any ideas?
JQuery selectable with some list elements NOT selectable?
I am trying to use the JQuery UI Selectable (serialized) as a tool to pick free server rack space which I can then submit to a DB. What I'd ultimately like is to show the whole rack, but only allow selection of rack units that don't already have a server attached to them. I *believe* I can do this the filter option. I'm new to JQuery and am having a hard time figuring out how to use the filter however. Does anyone have any example code I can look at?
Dialog issue with Asp.Net MVC
I'm trying to open a mvc view as a dialog , it hangs with a loading panel but never displays the pop-up. i'm trying it like this, <a href="/Menu/Options" data-transition="pop" data-theme="d" data-role="button" data-rel="dialog" data-inline="true"> Is this possible to do? /BB
Can effects be added to jQuery Cycle Plugin?
I would very much like to have an image flip effect option within jQuery Cycle. I have in mind something like the effect produced by jQuery jFlip plugin but this does not cycle. Is this idea a possibility? Thanks anyway for two great plugins.
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
Problem with Autocomplete plugin working in Firefox and not IE8
I have created an autocomplete textbox on my website which collects data from a database to use for the suggestions. When I run the page on Firefox, it works perfectly without any errors but when I run it on IE 8 I get the following javascript error " 'name' is null or not an object ". The relavent code is listed below. <script type="text/javascript"> $().ready(function() { function log(event, data, formatted) { $("<li>").html( !data ? "No match!" : "Selected: " + formatted).appendTo("#result");
Can I place a dropdown list on the navigation toolbar using the jQuery Mobile library?
My attempts (see attached image) have not met with much success. If possible can someone post an example? What I am trying to achieve is a page showing a monthly calendar with an associated toolbar allowing the user to navigate to the next/previous month or select a month from a dropdown list.
jQuery.val and :checked
I find the behavior of the .val() method odd when combined with checkboxes and radiogroups. In my opinion, when calling $(":checkbox").val() I would expect it to return some indication of the value of those checkboxes, such as an array of checked values, but instead it just returns the value of the first checkbox in the group, disregarding whether or not that checkbox is even checked. The same holds true for radio groups, although they could simply just return the value of whichever radio button
nested list view , display ok on safari desktop, not working on ipod ios 4.2
hi, checkout http://www.ilook.co.il/moto/iphone its a demo of nested list, created dynamically from json file. on safari desktop - working great. on ipod touch, ios 4.2, its looking just like a big list. no pages at all. i'm using "refresh" and even "listview()" but still not working. did someone solve this issue yet? btw - while using $(document).bind("mobileinit", function() i couldn't manage to dynamicly insert data only with jquery original $(document).ready(function() the DOM was created
find sub list and names.
In attempting to modify a script of a menu, that I wanted to add the ability to have sub menus, I first wanted to find out if an ordered list element, contained a secondary unordered list and what their names are so I could out put the items to the console. Here is the test list: <div class="nav-wrap"> <ul class="group" id="example-one"> <li class="current_page_item"><a href="#">Home</a></li> <li><a href="#">Buy Tickets</a></li> <li><a href="#">Group Sales</a></li> <li> <a href="#">Reviews</a> <ul>
3 JCarousel in one page
Hi, I want to know how I could do a dynamic loading of my 3 jcarousel on this page : http://www.quebecimmo.com/ The JS code that loads JQuery Carousel is : http://quebecimmo.com/inc/js/jcarousel-index.js Cause when the page is loading, we see the plain ul list and its glitching the website.. There is a way to fix it ? Thanks
How can I compare two HTML strings, disregarding the order of attributes
I have got a test that parses XML and appends an element to another on a page. How can I compare this actual element to an expected string or object, so that the order of attributes does not matter to prevent false positives because of differences caused by cross browser processing Tom
Displaying Text following mouse hover
Hi there. I wonder if anyone can help me? I want to create a webpage that has a grid of 8 images displayed on the left side of the page. All the images are "dimmed" by default and when the user moves their mouse over an image, it lightens to its normal state. What I want to do is when they hover the mouse over an image, display a chunk of text in the area to the right of the image grid. Essentially, the images act as a kind of menu and when the mouse hovers I want some details to be displayed.
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
.accordion proves to be an easy and interesting vertical menu
script> $(function() { $( "#directory" ).accordion({ event: "mouseover", collapsible: true, autoheight: false, active: false }); }); </script>I wanted the accordion collapsed initially, expanding on mouse over, and this works fairly well. I also went into the CSS and removed the padding for: .ui-accordion .ui-accordion-header a Now, the reason, I'm here now, is that on mouse out, I'd like for the active content to collapse. The toggle effect isn't quite as fluid as I'd like it to be. My knowledge
jCaption Hyperlink and IE7
Hello everyone, I am having an issue with the jCaption plugin for jQuery. It works wonderfully in every browser except IE7. In IE7, the hyperlink does not cover the whole image, only the caption text whenever the image is hovered. I need that hyperlink to cover the whole image. Any ideas on how to do this? Here is the link: http://shooters.tgmtestserver.com/talent/ Any help would be greatly appreciated! Thomas
Droppable demo - multiple <ul>'s?
Hi guys, I'm using this demo - http://jqueryui.com/demos/droppable/#photo-manager - as part of my custom development. I was wondering if someone could help me with how to get this demo working with more than one set of ul tags? The system works with more than one, but when I click "undelete" the image goes to the first ul and not the one it came from... What is the best way to make the image return to the correct ordered list using this demo? Thanks for the help. RJP100
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.
email already registered
(my apologies to the moderator i have reposted this under another account just five minutes ago, but i thought since i will be using this forum i should create an intended-to-be-used account and write in a piece of paper this time my user name and pass. another apology for posting this in getting started but i couldn't find a support section) i tried creating an account with my standard email and got a message that my email is already registered. my emails are all safe, so i suppose its a false alarm,
someone has registered my email
i was trying to sign up for an account with the jQuery forum, in order to ask this simple question: why isn't jQuery(document.anchors[0]).addClass('enabled'); working... (or any line of code similar, using the document.anchors array of js objects) and i run into a bigger problem, while registering i got the message "your email account is registered with another user" so i created this temp account only to ask if this has anything to do with it being a zoho account, and perhaps i have signed up with
Masonry to handle images..
Hey all, please excuse my lack of knowledge on the subject, but i want to create a page linked from my main website which will serve as a visual archive of images which i and others can use for inspiration.. I am wondering if there is any way of dumping a file of images onto my server via my FTP and having the page pull the images from this folder to be arranged via the masonry plugin.. No frills here, just want the a page of edge to edge images. Thanks in advance, hope somebody can help, anything
how to scroll the full length of divs in class???
Hi there, this is my 1st post on the board and any help woul dbe greatly appreciated. I've ogt everything working the way I want it...you can see here www.kerrydean.ca/tizzest.html The only problem is the slider will not scroll the full length of the all 3 of the div in the class This is the code I'm using $(document).ready(function() { $('a').click(function () { var divname= this.name; $("#"+divname).show("slow").siblings().hide("slow"); $(".info").css("top", 0 ); // Reset slider to top
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
creating closable tabs in jquery
i am now able to successfully create dynamic tabs but how do i close them each? as seen here with the close icon floated to the left: please find attached the code i am using so far thanking you in advance!
jQuery code will not run unless stepped through with Firebug
I have a problem with some jQuery code. For some reason it will not run automatically when its supposed to however when stepping through with Firebug it works fine? I put a breakpoint on the code that's not firing automatically and then press play on Firebug and it works fine if I take away this breakpoint or close down Firebug it does not run? Can somebody please help, I've searched the internet but not found anything relevant. The code should run when I click a link which will create a jQuery tab
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
Next Page