Stuck with jquery Masonry
I'musing a javascript called Masonry (http://desandro.com/resources/jquery-masonry). I'm using it for my new Tumblr blog. http://thingswelove.tumblr.com/ But their is a very strange bug I don't know how to get rid of. If I load the page for the first time the post aren't nicely stacked, but flow over each other. But when I reload of resize the page looks fine. It is mostely the problem in IE7 but also in firefox it sometimes goes wrong. I would really appreciate if somebody could help me out. Cheers,
Looking for that plugin that uses scrollTo for product demos...
Hey all, I saw this site a few months ago that was showing off a new plugin which used the scrollTo tool to scroll through one screen shot. I can't seem to find it with a Google search, and I forgot to save it to my Delicious. Yikes! I was wondering if this rings a bell for anyone and if you could direct me to that site? Thanks!
hide() not fast enough?
I have a simple hide and fadeIn. When you rollover a word it will reveal the definition. The problem I am having is if you move the mouse around quickly from one word to the next word sometimes it gets hung up and a definition will not hide. The result gives this hanging defintion and whatever the other definition the mouse is rolledover. here is the code I'm using: jQuery(document).ready(function() { <% for i in 1..72 %> jQuery("ul#ClickWordList li#tag<%= i %>").hover( function()
[jQuery] Problems with arrays got from php
Hello, I have a form with multi select field like so: <SELECT NAME="cats" id="cats" class="cats"> <OPTION value="1">1</OPTION> <OPTION value="2">2</OPTION> ... </SELECT> If I'm passing one value script works, but if I have multiple options, it only gets me last in array. jquery script working this out like: $ document .ready function { $ "#cats" .blur function { alert $ this .val ; //this shows ok ex. "1,2,3" $.post "user_availability.php",{ cats: $ this .val } ,function data { alert data ; // this
[jQuery] How should I structure this?
Hello Lets say we have a database where things are going to be added at random times, over the whole day. I want a AJAX script to load new items every 5s its a local database so no problem with spamming it and for each of these items I have to do a AJAX request to get some more data... From the back-end I will get something like: unique ID time number name text How do I detect which items I already have added to my site? Because If I just get the latest one, there is a chance I miss something, so
Animate Mouseover/Mouseout Stuck in Loop
I'm having issues with the animate procedure in jQuery. I should start by saying that while I am not new to web developement and scripting, I am fairly new to jQuery so this may be fairly elementry to some of you pros out there. Basically what I am doing is I have an image map with hot spots, when you mouse over a hot spot, another image (an enlarged version of the hot spot) appears (fading in and growing) and then disappearing on mouse out (fading out and shrinking). My problem is odd because it
jQuery Cycle Plugin width problems
The Goal I want to cycle through list items in an unordered list. I want the list items to take up the full width of the browser, even when the browser is resized. The Problem Once the first slide transition takes place and the browser is resized smaller horizontal scroll bars are introduced. Then when the browser is resized larger than the original size, the list item width is only as wide as it was when the page was first loaded. The Assumption The cycle plugin needs to calculate the width of the
concatenating id and javascript value
I'm trying to run this line of code, but I'm sure I'm doing something wrong. Can someone help me out? Specifically stuck on the "('#year' + lineNo)" part Thanks Mike var lineNo = 4; $('#year' + lineNo).change(function() { if($.trim($('#lname' + lineNo).val()) != '' && $.trim($('#fname' + lineNo).val()) != '' && $.trim($('#year' + lineNo).val()) != '') { $('#fields').addNewLine(); } });
How do I extract this value?
Hi, I am using JQuery 1.3. I have this basic structure in my HTML ... <li id="myid"> ... <a class="edit" href="javascript:edit 1234 "> ... </a> ... </li> How do I extract the "1234" from HTML assuming I know the id of the <li> element? Thanks, - Dave ps - I know its bad practice to have the javascript function in there, but sadly this is code I inherited and I can't change the href at this point.
[jQuery] Another "Why doesn't this work in IE"
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:st1="urn:schemas-microsoft-com:office:smarttags" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 11 filtered medium "> <o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="place"/> <o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
[jQuery] Paging Ability with numbering and Text with jQuery Cycle Plugin
I have set up a test page at http://capnhud.host22.com/examples/sample_cycle.html but was wondering what would I need to change in order for the paging to resemble this <a href="http://www.dickssportinggoods.com/home/ index.jsp">page</a>
[jQuery] jQuery/Ajax client storage
I apologize if this is already answered somewhere, as I could not find it... If the client is constantly calling ajax objects and those objects are bringing with them additional jQuery scripts, how does jQuery handle the removal and handling of objects that go away, because they are replace by a new object with a new script. Does one have to use a destroy/unbind to prevent memory/storage from growing? For example: 1 Client page loads 2 Page loads an edit ObjA edit via ajax, and the object is loaded
Sumbit multiple checkboxes via ajax to php script using jQuery
Hi, I am working on improvements for a web app. It currently submits checkboxes to a php script for processing by simply submitting the form naturally. However i require this action using a ajax post to save bandwidth etc. and im struggling to work out how to do this. Im familiar with normal ajax posts using jquery but here i need to post an array. Simplified a little this is what i have. <input type="checkbox" name="ckdOrd[]" value="1" id="order_1" /> <input type="checkbox" name="ckdOrd[]" value="2"
Widget design pattern for a complex workflow.
I'm trying to develop a UI widget called 'foopicker' which allows the user to select "foo". To completely specify "foo", the user needs to select an option from list1 and then from list2. The options in list2 do not depend on what was selected from list1. After the selections are made, the user will be presented with a button that signifies some action will be performed when it is clicked. Typical values for this button might include verbs like: "Apply", "Run", "Save", etc. Typically there will only
jQuery AJAX callbacks do not fire in Firefox
I am doing what I thought was a very simple thing. I am checking the status of the response of a text file on a server using AJAX, and then performing an action, depending on the response received by the AJAX call. Here is the code: jQuery.ajax( { url: strUrl, cache: false, type: 'GET', async: false, success: function() { alert('Success!'); }, error: function() { alert('Failure!'); }, timeout: 5000 } ); The strUrl object could literally be any .txt file on any server (e.g., http://domain.com/textfilename.txt).
jQuery scrollTop not working in Safari
Hello all, I was hoping someone might be able to help me here and it is my first time posting so please excuse me if this has been discussed before. I borrowed a script from Chris Coyier at CSS-Tricks that uses scrollTop to navigate, via vertical scroll, to various parts of the same page. This works properly using IE6+ and later versions of FF however, when I test it on Safari, there is no action whatsoever when the buttons are clicked, almost as if Safari is ignoring my JS. If someone has any idea
jQuery.ajax callbacks are not firing
I have an ASP.Net JSONP web service that I just created in hopes of taking advantage of the JSONP workaround for the XSS security "fix." It took me a while to finally get the AJAX call and web service to work together to return a HTTP 200 status, but that victory was bitter-sweet. Now, everything appears to be working fine, but I am not getting any data or errors to help me move forward with this project. Can anyone help me? Here is an example of my JSONP code: jQuery.ajax( { type: 'GET',
Using content slider with auto rotate, need pause button
I'm using jCarousel Lite to power a content slider on a site. It has been working great, but I now have the need for a pause button to pause the auto rotation of the slides. I'd like to attach the pause function to an anchor tag. This feature is not built into the plugin currently and my attempts to contact the author have failed. Here is the code on in my html... <script type="text/javascript" src="javascript/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="javascript/jcarousellite.js"></script>
multiple calls to a file in the same function
Hi, I'm trying to in make in a single function, multiple calls to the same file changing one parameter the problem is that it is taking it like if I wasn't changing the parameter and is sending only the last value all the times. Here is my code: $(function(){ $('#btn_search').click(function(){ // what to search for var field = document.getElementById('searchbox').value; // stype stands por "search type" stype = "param1"; $.post("db.php", {search: field, type: stype}, function(data){process(data,
how to use jquery no conflict
hi guys! i was building a website using two jquery codes . first one for the slideshow banner and the other one for the menu but only one of them works, i've search on the web and i fouond something called jquery no conflict() is this good? this is the code inside de <head> tags <!-- JavaScripts--> <script type="text/javascript"> jQuery.noConflict(); </script> /*This is the menu's*/ <script type='text/javascript' src="jquery-1.2.6.min.js"></script> <script type='text/javascript' src="kwicks.js"></script>
Sort a list
Some time back I was looking for a sort rutine and I did not want to build a simple bobble sort my self. JQuery is smart, how the hell do I get it to help me sort a UL list for me. The anwser came to me from the web after searching and reading many web pages. I found one that gave me a idea on how to make a fast and easy to implante for any thing. Bill Richards gave me the solution on his BLOG JS <script type="text/javascript"> jQuery.fn.sort = function() { return this.pushStack(
NEED help
Hello, im getting stuck with one major problem: I´am loading content via ajax to the client. $("#alle_ma").click(function() { $.getJSON("rpc.php",{ type:"alle_ma"},alle_mitarbeiter); function alle_mitarbeiter(ma_daten) { lenge = ma_daten['id'].length; for(i=1;i<lenge;i++) { $("#alle_ma_ausgabe").append("<a class='ma_link' id='test"+ma_daten['id'][i]+"'>Name: "+ma_daten['name'][i]+" | MA-ID:"+ma_daten['id'][i]+"</a><br>");
Close popup on selection of content
I am trying to create a graphical image switcher. Originally, I was using a dropdown list created in php to show about 150 image choices, when selected it would send the selected image to my image-switcher.php and change the displayed image. The problem was, with so many images and only a name to look at, it was frustrating my users. So I created a popup with fancybox like so: <script type="text/javascript"> $(document).ready(function() {$("a.pop_up").fancybox ({"hideOnContentClick": true});});
Fade out an initial image to reveal home page
Hello, I am completely new to jQuery, and I don't even know how to approach or implement what I am trying to do. Before the home page of a site i've developed appears, I want the logo of the company to appear on the screen, then fade out to reveal the web page with full functionality. I also could do this be fading out the logo to reveal a static image of the home page which then could redirect to actual home page. Please help, and help provided is greatly appreciated! Thanks! Trevor
Problem passing array to triggerHandler
Hi When I pass an array as the second parameter to the triggerHandler method, which takes (event, data), I find that only the first element of the array arrives in the handler function. Ie, if I execute the following call: var event = jQuery.Event('loop_submitted'); jQuery('#pubsub_node').triggerHandler(event,myArray); this handler: jQuery('#pubsub_node').bind('loop_submitted', function(event,myArray){ only gets the first element of myArray. However, I have seen in a jQuery example where the array
Possible to call load() within a load() callback?
For example, I'm fetching content from a separate page and appending it with an animation, but I'd like the animation to wait for the new content to finish loading before firing. Something like: $('#content').load(url,function(){ $('img',this).load(function(){ $(this).fadeTo('slow',1); }); }); Just wondering if this is possible solely with the load() function, as I'm limited to that by my current plugin needs. Thanks!
Cycle Plugin - Dynamically Overlaying Prev/Next Links
I believe my question boils down to overlaying a "position: absolute;" div that is inside a "position: relative;" div in IE, but I'll give the whole context. Inside a "position:absolute;" div are <div>s, <a>s, and <img>s that float previous/next links over a rotating image slideshow that is done using the jQuery Cycle plugin (http://malsup.com/jquery/cycle/. Here's a link to the whole thing (all resources are absolute URLs so you can download/open in browser): http://www.mediafire.com/?myaywy1ndyz
ScrollTo offset not working in Safari 4/Opera 10
Hello Guys, I'm using the JQuery ScrollTo Plugin to create a horizontal scrolling layout, and using the offset: option to make sure the content lines up with the menu. Although offset seems to work fine in Firefox and Chrome it doesn't in Safari and Opera. Hope you can help Take a look http://www.qbessi.com/test/ Many Thanks, Q JQuery <script type="text/javascript"> $(document).ready(function(){ $('.banner').localScroll({ axis: 'x',
[SOLVED] visibility problem in jquery widget
In this widget: http://designer-depot.com/prob/ When clicking to tab2, the image is not visible. Its only visible when mouse over. What is my mistake in jquery or css coding. Thanks in advance
window.load does not work
Hello. I have a web site with lot's of images and jquery effects. I need jquery to wait for all materials (images,css) to be loaded before run the effects. I am currently using document.ready but this runs effect as soon as DOM is loaded even if images that related effect not loaded yet. I tried window.load but this is not working. what can I do to make jquery wait for materials to be loaded before run. Thank you.
popup window code not working for me
I really want to use the code from http://fancybox.net/ to display a picture in a popup box and got the code working on my site, on the main page that is, but I have pages within pages and that's where it doesn't work. On my website below you'll see that "aaaa" in blue at the bottom right works (sure the image hides behind the Java code but that's not a problem): http://www.meta.projectmio.com/index2.html The problem is below that main page (please click the dome looking image at the bottom right
Beauty Of Code Plugin Help
Can somebody please tell me how you work this with a textarea, example appreciated
hide and show form options
Hello, I'm new with Jquery so I need some help. I have a form for the registration of a event for our club. Now I want this. If the check box groep is not selected there is a fieldset individu_km. If I select the check box groep this one must hide and the fieldset groep_km must be showed. This is the code i have now already found and changed. <!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">
[HELP] createAppend
Hi all, I have facing problem about the "createAppend" properties/method when i calling. I already done all the import libraries and plugi-in, why i still cannot call createAppend method? var me = this; var workspaceBarElement = $("#workspace-bar"); var createTbhFieldset = $(".createtbh-fieldset", workspaceBarElement); if (createTbhFieldset.html() != null) return; //hide and clear the popin container workspaceBarElement.hide(); workspaceBarElement.html("");
[SOLVED] Stuck with callback
Solved: http://www.phpfreaks.com/forums/index.p ... d,6.0.html
Please help me create this scrolling effect
Hello, Please have a look at this awesome website http://www.webleeddesign.com/ Can anybody help me with how to create that kind of scrolling effect as he did? I mean i did create scrolling effect but the way he is scrolling image that is going into tunnel and coming out and it looks as though the image is running i have no idea what he must have done. It looks very cool. If anybody can point me to some link where i can get help i will be very grateful. Thanks in advance, Chotti.
I need This script to do all arithmetic functions....for
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>jQuery Calculation Plug-in</title> <!---// load jQuery v1.3.1 from the GoogleAPIs CDN //---> <script type="text/javascript" src="calculation.plugin_files/jquery.js"></script> <!--// load jQuery Plug-ins //--> <script type="text/javascript" src="calculation.plugin_files/jquery_003.js"></script> <script type="text/javascript" src="calculation.plugin_files/jquery_002.js"></script>
jQuery UI Tabs issue
I'm not sure if UI Tabs is supported here... If it isn't, I apologize for the post. Here is my current tabs configuration: $("#hero").tabs({ event: 'mouseover', fx: { opacity: 'toggle', duration: 200 } }); It does what it's supposed to do, for the most part, but I am having two issues with it... First, for the mouseover state, UI Tabs is appending "ui-state-active" to my list navigation. But it seems that jQuery "waits" until the fx animation is completed
jQuery Vertical Toggle Menu
I need help with this menu. The menu toggles but after clicking on a link, the section with that link needs to stay open instead of closing after page load. Also, if a section is open and someone clicks the link again, I don't want it to blind up and back down (just do nothing). Here is my code: navigation.js: $(document).ready(function(){ //Hide (Collapse) the toggle containers on load $(".toggle_container").hide(); //Switch the "Open" and "Close" state per click $("h4.trigger").toggle(function(){
[SOLVED] Problem in Chrome . . . $(document).ready
It took me a while to get all these competing scripts to work together, and then I thought I really should just be using a framework that provides an easy to use function for adding initialization-type routines to the on load stack and running them all successfully. So I thought I'd try jQuery. I've tested it in IE, Firefox, and Chrome. Works in IE and Firefox, but not Chrome. These are the scripts I'm trying to run http://www.dyn-web.com/code/scroll/ http://www.shadowbox-js.com/index.html Here is
Next Page