Jquey Squarspace Dual Blog Question????
Hey guys, Wanted to know if anyone has any tips or pointers to have 2 people on the same squarespace blog show up side by side on the main page.... Having so many issues.... Thanks Miguel
How to reset toggle actions once user click on clear button.
How to reset toggle actions once user click on clear button.
What am I doing wrong on these select boxes? [link inside]
On the bottom set of select boxes "ACD1 and ACD2". What can I do to have these paired select boxes act as a set all the way down the form. If I have only one set on the page this works fine, but when I have multiple sets the first set is the only one getting manipulated. The link below has three sets. The amount per page will differ so I'm not sure how I can use ID's. Some records will have acdsel-0 thru acdsel-10, while others will only have acdsel-0 Link I asked this yesterday but I'm not sure
image .load(function(){...
Hello, I have a bit of a problem with this standard code, only first image in the all_images array loads and the rest stays hidden. it works first time i load the page, but any other time it loads only one image. i understand it might have to do with the cache. what could be possible cause for breaking the .each() loop after first iteration? i'm using jquery 1.3.2, png fix and php var all_images=$(".wrapper_main").find("img"); all_images.hide(); all_images.each(function(){ $(this).load(function(){
strange ajax error
in one script i receiving some json formatted data like {"image":{"url":"12378PrrO0W"}}it works but IE. In explorer i always get "parseerror". i'v tried to change return data onto "all is ok" string but got the same error. i'm using 1.3.2 and 1.4.1 jquery versions. do you have any suggestions? also i tried to change dataType to "html","text","json". no difference. i have many ajax queries on the page but only this is stange buggy.
IE 8 fadeIn trouble with anchors
Hi all, I am trying some code like this. (of course this is simplified code, but it is the same as what I am doing) <div> <!-- css sets display:none --> <a> <img> </a> <div> if I do this $("div").fadeIn(1500) nothing appears in IE 8. I know its not a syntax problem with my code b/c the same code is working in IE6, 7 and FF 3.6 If I change to code to display none on the img and I fade that in like $("div a img").fadeIn(1500) it will fade in. I also have code like this
Pass radio button selection to hidden div and then show div list from chosen radio button
Hello all, I am a PHP programmer and new to Javascript and jQuery and I have tried about 20 examples/tutorials and cannot seem to get even close to what I want. I have a form (PHP/MySQL) with a list of subjects I got from my database, and then create a set of radio buttons from that list. And based on what radio button they select, I need to pass that variable to a div (at least that's what I want to use) and then show a list of videos that match the radio buttons value. I don't care if its a get
[?ASK?] help meeee slideshow image news
I Have tried to create like this site http://lodjixmedia.net/ ,, but for fade in and fade out effect doesn't show in any browser + the next/previous button always show behind all !! Does anyone can help me pleaseeeee ??
IE8 object error
I'm getting the following error in IE8: object doesn't support this property or method The file in questions is a .js file, and the line in question is the following: It states that it's that first line, character 2. $('#pSearchView') .height(startY - calcExtraLen('pSearchView', 'vert')) .width(contentWidth - calcExtraLen('pSearchView', 'hor')); I didn't write the program, so I'm a little lost. Can anyone see anything obvious? It's a problem in IE8 only, and causes
Drag & drop - stateful behaviour
Hello, I have an application in which a user can drag a div within a main div. Every time the inner div is moved I capture it's position the "main div". The coordinates are saved in a database. Once the user navigates away and back to the page, I'm trying to position the "moved div" to the position stored in the database. Unfortunately, I'm not having much success in doing this. Here's what I'm doing: <div id="mainbox" style="width: 800; height: 400"><div id="dragme">drag me</div></div> var mainBoxOffSet
Urgent help regarding slideshow JS
Hello, I am developing a website and I am using mootools, slideshow javascript to rotate the images. Here is the website: http://protouchstaffing.com/index.html. I have 5 images rotating and each image is href pointing to specific page. Issue is I cannot see the rotating images in the office but the rotating images is working locally as well as at my home. Apart from my office network I can see it working properly. What can be the issue, as I am not able to figure out the problem. I really appreciate
Looking for a jquery plugin replacement for select boxes => multi-column layout
An Example UX pattern: http://emberapp.com/er1c/images/ui-select I think it's a killer way to present selection results to consumers - especially if there's a large list (I was even thinking of a dropdown box for Countries?) Any plugins out there to help do this, would hate to re-invent the wheel.
need help with .each and multiple includes
Hello everyone, I have an issue with using .each on multiple images. I have the same page that I'm including in two other pages, but the second page's animation isn't working because the image width and height are set to 0 for some reason. Here's the js: $.fn.expand = function () { return this.each(function () { var imgWidth = $(this).width(), imgHeight = $(this).height(); console.log($(this).width() + ", "+$(this).height()); $(this).css({'z-index' : '10'});
Keyup function loses functionality on ajax page update
Im using keyup function to track text typed in input box. The idea is to perform incremental search in db. This works fine. After this I update the html dynamically to display the filtered resuts and at the same time I must dynamically rewrite the html for input box code. After this the keyup function is not working anymore, allthough the id tag is the same? How should I get around this? $('#filterBox').keyup(function() { $('#status').text(this.value.length) if (this.value.length
Changing text field and invoking the onchange event
Hi, I have a text field on my page, whose value I am setting through the jQuery cal $('#Expandable').val("fefefe"); However, when I normally type into the text field, certain events occur as the text field value changes. These events do not occur when I set the value like above. So my question is, after I set the value, how do I invoke any onChange handlers? Thanks, - Dave
delaying removeClass / addClass on mouseover
Hello. I have the following page and when you mouseover products in the main nav you get a flyout: http://gravityswitch.com/atalasoft/template-home.html The flyout appears using jQuery onmouseover - one class is removed and one is added that simply displays the flyout. The client is asking for the flyout to be delayed by a second so that if someone quickly goes over it nothing happens. I worked on this yesterday and while I got it to delay using setTimeout the behavior wasn't what I expected (the
jquery assistance with slidetoggle
Hi all, I'm super new to jquery and am trying to get a few hidden div's to slide down when a link is clicked and then contract when a close link inside that div is clicked. So far i have been able to get at least one of the hidden links to appear using the slidetoggle feature. I'm not sure how to go about making the close link inside it function though. At the moment I was trying to get multiple links to toggle open and closed but all that is happening is that the same hidden div is opening and
Help with Collapsing list and Microformats not being detected
I'm reading jQuery Novice to Ninja by Sitepoint right now. Currently I'm in the chapter on menus and am working on a page that contains a collapsing list that contains hCard microformats for all listed businesses on that page. The sample page is located here: http://fossilfoundry.com/collapselist.htm When the jQuery code for my collapsing list is not included in the .htm file, both Tails Export, and Operator Extensions for Firefox find all of the microformats on the page. However, when the jQuery
Loading external HTML pages using .load() and internal JQuery is not working
I have a master.html where i have navigationDIV and bodyDIV, and on every click of nav tabs i am loading external html page into bodyDiv using following .load() function. $('#bodyDiv').load('home.html') Now I have some basic JQuery functions in external JS file which i have linked in master page where i am using toggleSlide(), hide(), addClass() so and so forth, first time when page is getting load all these functions are working alright but the moment i am loading another tab page all functions
Animating divs
Hi I'm still new to jQuery, and even newer to javascript, and need some help please. The page I'm working on: http://www.stereofx.net/test/itrain This page shows 4 icons/blocks, if you hover over 1 of them and click in it, the arrow slide down and a box associated with that category appears, then clouds move. Problem: If you click another box the previous animated arrow stays where it is, and I need it to move back or, even better, reverse it back to where it was. It would also be nice to have a
Don't understand how to use NO CONFLICT. Any help is greatly appreciated
Hi- I'm trying to understand how to use jquery noconflict, but I do not know JS, I have used jquery colorbox many times but I need to add another jquery to a page. I've tried to understand the process but am lost. What code do I use and where do I put it? Do I have to customize the code or can I use a snippet? Thanks in advance, Chris
[jQuery] $.blockUI()
is there some way to reference a element, not html code, and have the orignal element not be removed. currently when you call say $.blockUI($('#modal')); it removed #modal from the DOM, is there some kind of option to turn this off? and posibly just make that element invisible or not displayed?
Please Help, I think I'm thinking to much into this.
Alright, let me describe what I'm trying to do, what I have so far, and why it is not working. Baseline: What I have is a string of 5 images that have .hover functions attached to them. so when you hover over a caption DIV pops up over it. But, the whole img/caption div is wrapped in a href tag to that when you click it will go to X URL. So 5 images, wrapped with a URL, and have a hover function to show caption over image. What I need to to is have these 5 Images auto scroll from right to left, 100%
Compensate for mouse position if page is resized from default.
Hi, New to jquery, I am using mouse x,y onclick in one div (if mouse is in one set of coordinate range) to determine whether or not to show/hide another div, and am stumped as to how to compensate for the user changing page size, as the coordinates change. Is there an absolute xy, regardless of page/text size, or code to compensate for it? What is going on here is I have flash that I have no control over (wix) and I need to show Html (which wix doesn't), so I am having to determine if the user
Help with expanding/collapsing table rows
Hello all, I have a table with rows than can be expanded/collapsed by clicking on a +/- button. Initially, all the child table rows are collapsed. To give you some insight, this is a FAQ page, with several headings. Someone may link (via an anchor) to a particular heading on this page. What I would like to do, is have this table row expand (visible) if it was linked to via an achor. How I think this will work is when a anchor/link on page 1 is clicked, its ID is stored an passed to page 2 (somehow).
Replacing certain text in an element?
I'm trying to simply replace a certain string from the contents of an element, I tried this: <div id="errorCont">Microsoft and Apple</div> var ErrorContText=$("#errorCont").html(); ErrorContText=ErrorContText.replace("Apple","No one"); $("#errorCont").html(ErrorContText);So the div SHOULD now say "Microsoft and No one", but it's not working :(
Multiple javascript functions in one page
I am trying to insert the tab from the "Tabbed Slide Out Content Panel" plugin into the “Galleria,” plugin, specifically the "demo_01.htm” page. The two sets of script conflict with each and prevent them from woking in unison. Any Ideas about how to resolve this?
XML nodes with same names
Hello, I'm sure I'm missing something basic, but I can't seem to find what I'm looking for. If I have an xml doc where the parent node and child nodes contain elements with the same name ("name" in this case), how would I go about just getting the client's name? Here is a slimmed down version of the structure: <client> <name></name> <url></url> <contacts> <contact> <name></name> </contact> <contact> <name></name> </contact> </contacts>
Several ready handlears
I've got two jQuery ready handlers ( $(function(){}); ) in two separate documents. Both will run. However, I noticed that adding handlers to elements would only work in one of the functions. For example: $("#myimage").click(function() { alert("hello"); }); Will not run in one of the scripts (the one I want), but will run in the other. How come? This is odd, as I see (through firebug) that jQuery indeed runs both ready functions. But it seems to ignore adding this handler. Any ideas?
Styling drop-down menu with jQuery (link vs style problem)
Hi, I am very new to jQuery (5 hours use). What I am trying to do is to style a drop-down box. Here is the code: Part 1 <script type="text/javascript"> $(document).ready(function() { $('#Items').selectbox(); }); </script> Part 2 <div id="menu" > <select name="Items" id="Items"> <option onClick="window.location='index.php'">Index</option> </select> </div>Part 3 CSS div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px; } div.selectbox-wrapper
Ajax elements events
If I generate some elements (ie '<p>', '<a href>' etc) using Ajax, how do I respond to their events in JQuery? Do I have to include the JQuery for those elements in the output from the Ajax response? Forgive me if this is confusing (I'm confused!), I spend a lot of time trying to work out how to ask the question! :) ... I've also looked around lots for the solution in these forums, but it's a hard topic to search for.
Jquery Retrieving data from webpage and entering it in database.
Hello Everyone. I am new to Jquery. I want to read specific data(some div's only) from a webpage and store it in my database. Now I am not able to do so as load functions loads the data into the current page id. My goal is to read specific data and store them in database. So which Jquery function should I use for this? if someone can throw some light on it, it would be really helpful for me. I am using JSP,MySQL,Java.
Events do not fire after dynamic HTML change
Some stage setting: I have a table, and some of the columns in the table have a class (removed some columns for brevity): <table id="OrderDetails" width="100%" cellpadding="0" cellspacing="0" class="listtable"> <tr> <td class="pagejump" id="row_0" align="center"><img src="JumpBullet.png"/></td> <td class="title">title for row 0</td> </tr> </table>In my document.ready, I have a hover event handler that works fine. I also have a click event handler. Again, all works great
setting NULL date with dpsetselected
hi, i got 1970/01/01 when i was trying to set NULL date (for example $date1='' or $date1 is NULL): $("#date1").datePicker().dpSetSelected('<?$date1?>'); because i havent found another solution, i have changed dpsetselected function to get real NULL date back: dpSetSelected : function(d, v, m, e) { if (d == '') d=null; if (v == undefined) v=true; if (m == undefined) m=true; if (e == undefined) e=true; return _w.call(this, 'setSelected',
Event unbind and later re-bind in Jquery
Hi, Im working on a Grid system, which has the following features: - On tr hover I have added a click event, which triggers an edit mode - When switching to edit mode, the click event is unbind, so that one cannot edit multiple rows simultaniously - After update, I'd like to re-bind the previous click functionality. However, I cant seem to do that. My code either does nothing, or Im getting an Jquery error below. Trying to define the original click event again does not work either. So what am I missing
problem with jquery
i have made one demo page: http://saveenergy.metropolia.fi/views/pihkapuisto/ anyone knows why after the first page, the others are very small. i want all of them are big enough just like the first one.
Form Submit, No Follow-thru
Hi, I have a form that is being submitted through a CMS (ExpressionEngine). The module I am using with the CMS knows the fields and will retrieve and automatically send out the email. So I don't have to specify the data string or url as it's all done through the module. The thing is the simplicity is killing me. :) I have a dialog box that opens and asks for the user's email address to retrieve their forgotten password. From there I add an onsubmit js call to the module (it dynamically creates
Is there a way we can copy a specific events from an elements to another ?
Basically is same as jquery copyEvents's plugin but with the option of targeting specific events.
Passing params to jQuery function from html code
Hi, I want to do something like below with jQuery <a id="nextId" href="javascript:doSomething('http://some_dynamically_created_link_through_velocity')>NextPage</a> <script> function doSomething(link){ //process the response } </script> Right now my code block with jQuery looks like this : <a id="nextId" href="javascript:doSomething('http://some_dynamically_created_link_through_velocity')>NextPage</a> <script> function doSomething(link){ $("#nextId").click(function() { $('div.galleryDiv').html("loading....").load(link);
.slideDown jumps on second row of elements
I am attempting to use jQuery for the following purpose: 1. I have page that contains a div element which will contain my generated HTML code. The width of this div element is arbitrary. 2. In that div element, I would like to fit several other div elements which have their "display" property set to "inline-block" 3. The div elements from step 2 are returned by an AJAX call from the server after the page was loaded. 4. Once the returned HTML is placed inside the top level div (using $().html ()),
Next Page