Nested Accordion Problem
Hello, I'm using the following JQuery plugin: http://www.adipalaz.com/experiments/jquery/nested_accordion.html You can see it working here: http://webadoo.de/leimer/index.php The animation does principally work, but the menu collapses every time a new page is loaded. Obviously the current menu item is not recognized on page load. Has anybody an idea, where I made a mistake? How can I make the menu stay open? Thanks for your help Andrea
Rollover - Preview Image location is variable
I am creating a simple organization chart. When you rollover a person's name, an image appears. I found an image preview script that I am using (see below). However, the image has a set offset of -20 (top) and 40 (right). This is okay unless you are near the right side of the window or near the bottom ... then the image is cut or you need to scroll. I would like the offset to be variable based on where the name is. I thought of using mouse position and setup a simple if-else statement. What
Access .NET Variables in jQuery
Can anyone please guide me to retieve the data avaiable in the .NET declared variable in the code file into the jQuery file. basically wanted to act on other controls based on the value. Raghuram
Send Post var to Jquery modale popup
I am a beginner with Jquery, I try to do some simple example to practice, In this example, I am trying to send POST var from php form to Jquery modale popup that I found on the internet. My problem is, I can't send my form var to my modale popup, when I click on submit link to send my php form, the popup appears without var in my case $name. Here my codes : Index.php: http://pastebin.com/BKnLu4xY script.js: http://pastebin.com/fYn2HZnj And finaly recep.php http://pastebin.com/cVAs8gh5 I think i
how to populate below data in datatable
How to display data in data table from the blow data: {"total_rows":3,"offset":2,"rows":[{"id":"3ad9918b550cd179ce9ec353b6f1776e","key":"lenin","value":{"_id":"3ad9918b550cd179ce9ec353b6f1776e","_rev":"1-9745c8f6da4d0e8e80a1c20f09f316ec","email":"leningovi@gmai..com","dob":"16/10/2012","lastname":"Govi","remarks":"testing","firstname":"Lenin","doj":"16/10/2012"}}]}
New collapsible lists as a selection list v1.2.0
To be truly useful, the new collapsible list feature needs to update the heading (h1,h2 etc) that is rendered within it to reflect the value of the clicked <LI>. Perhaps it should retain the original heading value and append the selection, or maybe not.... I'm sure this was the intent - the old way of showing native lists was unacceptable but the new does not update the heading as the old way did. So the question is "how do I do this?" (have I missed something in the doco) Perhaps this feature is
click button to change order of divs to a random order....
I have four stacked divs: <div>First</div> <div>Second</div> <div>Third</div> <div>Fourth</div> at the click of a button need to reorder the divs, at random; so every time the button is clicked the order of the divs changes to a random order.. how would I go about this.. I guess I don't need specific code, probably some cool "pseudo-code" would do..... ;-) thank you...
JQuery debugging on winXP ie7 ?
Hi there, I am using drupal.org/projects/quicktabs which is working fine on every thing but Windows XP with Internet Explorer 7. It only fails on this browser/system! I have set up a virtual machine with Vistual Studio Express Webdeveloper edition. Are there any other guides on how to debug on that system? Are there a list of known compatibility issues with jquery and IE7? I hope to get some pointers on how to get on! :-)
New collapsible lists within a form
The new trick in v1.2.0 to create collapsible lists works well except that it doesn't inset properly (at all in fact) when used within a fieldcontain. Please advise how to get this sort of layout: Label: New Collapsible list All the examples show the old, no markup type lists or use "selects" which are not lists (UL,OL etc)
image swap based on relative cursor position?
Hi all, I'm learning jquery and attempting an "about us" page similar to the one seen here: http://www.abm.at/de/akteure I don't need this level of detail, but I am trying to figure out how I can swap an image based on the relative position of the cursor. I have read about the mouse tracking function, so my best guess is there's a way to filter this into another function but I am really not sure. Can anyone provide the basics of how this might be attempted? Thanks a lot
<script> tag issue - double submission of form in FF
Yesterday, I ran into a strange issue regarding script tag in a JSP. Here is the issue I had multiple script tags connecting to external source js files in the JSP and one of which is empty source like <script type="text/javascript" src="file.js"></script> <script type="text/javascript" src="file1.js"></script> <script type="text/javascript" src="file2.js"></script> <script type="text/javascript" src="file3.js"></script> <script type="text/javascript" src=" "></script> <script type="text/javascript"
Regarding screenAvailTop
Hi Everyone, Iam wondering if i can find the distance between the screen top and div on the screen. I want only from the page top not from the window top as u know offset() gives top position relative to document but i want top position of my html element/div relative to screen(ie from the beginning of page.).PLease can some one help me from this issue.
Forcing JQuery Mobile to reload first page as well
So I noticed that the first page you open will always be in the DOM and if you ever get back to this first page via data-ajax it will just unhide this page. And here is my problem: I start on my basket page Go to a product detail page via data-ajax and add this item to my basket via an ajax call I go back to my basket page via data-ajax and my basket does NOT contain the added item because it just unhides the page and doesn't reload the basket page. Is there anyway to solve this. I know I could
Issue with Jquery.NoConfilct when no conflict in the page
Hi, am using jquery.noconflict method to avoid jquery library conflicting. the issue here is that when there only one jquery library at the page (that's mean there is no conflicting), the jquery.noconflict method makes jquery not working !! so how can I check in the code if there is any conficliting then use jquery.noconflict, otherwise use the regulare jquery object? please I need some help Thanks
How do I grap the href URL from HTML markup and store it in a variable?
Hi there, I'm using Jquery Mobile and I'm using this piece of code: $('#putcontent').html(output) I'm using it to put content into a data-role="content" area with an id of "putcontent". The 'output' is a small amount of HTML markup. Inside this HTML, at the end, is an anchor tag. So here's my question - how do I grab just the URL from the href and store it in a variable? Thanks for your help.
jquery slider only displays images after refresh using IE9
New to forum, I am having some issues with my website: http://orangecounty-hometheaterinstallation-tvinstallation.com/ I have a jquery slider which works with all browsers and all versions except internet explorer 9. Tried forcing IE8 and IE7 emulation but have same result. Strange that it works just fine after I hit the refresh...almost like it is a timing issue...images not ready to load on initial webpage load. Has anyone else come across this issue or know of a ie9 bug type fix?
Cycle Plugin: Turn the navigation bar into a slider for its thumbnails?
Im trying to work on a cycle image gallery and so far everything is working perfectly but I wanted to know if it was possible to add two things. The most important is to turn the navigation bar into a slider for the thumbnails, since I have more than 5 images I wanted the user to be able to look through the thumbnails and select which one they want. And second of all, is there a simple way to make the next and previous buttons disappear when youre not hovering the photo? thank you all
Trigger with bxGallery and fancybox
We have site here: http://www.ifg-spb.ru/product_info.php?cPath=24&products_id=218&osCsid=3faca77667fbd661b7694623c2fc5a0d We add bxGallery and fancybox. At first we set fancybox only for primary image of bxGallery. But now we want click other images from gallery and open fancybox. And we add this code: <script type="text/javascript"> $(function() { $("#piGal .thumbs img").click(function() { $("#piGal a img[src="+this.src+"]").parent().trigger('click'); }); }); </script> And from time to time all
Multiple divs with separate hover
Hi all, I'm new to jQuery and I'm not very familiar yet with Javascript, my area is more PHP. I have in my html several divs like this: <div id="container1"> <div id="hidden1">hidden text</div> </div> <div id="container2"> <div id="hidden2">hidden text</div> </div> <div id="container3"> <div id="hidden3">hidden text</div> </div> When I hover one of those divs, I want to display the hidden texts. I'm using this: $(document).ready ( function() {
Change date format for Jquery Mobile 1.2 Final?
Hi, I want to change default Format for text type field with format dd/mm/yyyy. How to? http://jquerymobile.com/demos/1.2.0/docs/forms/textinputs/ <input type="date" name="name" id="basic" value="" data-mini="true" /> thanks
[jQuery] Draggables preventing text select in IE
Preliminary searching hasn't turned up anything, so sorry if this is a dupe; I'm still digging around. Setting a div as draggable appears to kill text selection in IE6 (I haven't checked 7 yet). Is there by any chance a way around this? If it helps anything, there is a handle specified, not the whole object, and the actual content is within a separate div inside, more or less like so: <div class="draggable"> <div class="handle"> <h2>This is the handle</h2> </div> <div class="body">
How to use a select list to show text on a page?
I have a list of films on my web page and am using a select box to allow the user to show the films by the actor they choose in the select box. However I am having trouble using the value from the select box to display the br elements with actor name. Please help am I doing the selector wrong?Ive got this to work by outputting an alert but not by showing films with the actor the user has selected. $(document).ready(function() { $("#actor").change(function() { actor is the name of my select
Reseting DIVs with new Selection
My jQuery is a filter system that takes a pre-made & displayed set of DIVs tb.container and can filter then by selecting an item from the drop down filter box. How can I make it so when a person selects WINDOWS and it filters them and then the person decides to choose MAC it will reset all tb.containers to SHOW and then HIDE al tb.containers that do not run on MAC. My Code: //#filterBox1 Starts $('#filterBox1').change(function() { // when value of filterBox1 changes var selection = $(this).val();
Problem downtown event images on demand
Hello, I am new to jquery and would like to, if possible, solve my problem. Sorry the mistakes, I'm brazilian is not very familiar with English. Come on! I have an event of low demand for images. I do not know for what reason, when the roll scroll to load images, the images start flashing before charging. This happens in Mozilla and Chrome, IE9 does not. my code follows: lazy: (function($, window) { var $window = $(window); $.fn.lazy = function(options) { var elements = this;
JQM 1.2 CSS overrides background image with its default css
Hi, I have been using a background image, which used to work fine with the previous jquery.mobile-1.1.1.min.css. After using jquery.mobile-1.2.min.css, all my class settings are now overriten by the default jquery.mobile-1.2.min.css, and as a result the image is not displayed anymore. How can I fix this (without changing my class settings to ID)? Tnx <div data-role="page" id="page" class="backgroundImg" data-position="fixed"> .backgroundImg { background: url(/images/bg@2x.png); background-repeat:no-repeat;
Fade in from left to right.
How can you make a whole div that contains both text and images fade in from left to right when page loads? Is it possible? On this website http://www.suburbia-media.com/site/ they have the effect i want but they are using flash, and it moves top to bottom. Thanks Baselitz
show elements with style display:none !important (jQuery bug?)
As said in jQuery documentation --- .show() Note: If using !important in your styles, such as display: none !important, it is necessary to override the style using .css('display', 'block !important') should you wish for .show() to function correctly. But it seems the style cannot be overridden and the element cannot be shown. http://jsfiddle.net/FF3mc/ The question has been asked at StackOverflow, I only got some alternative solutions. Can somenoe from jQuery please confirm if this is a
How to display div if form selection makes a choice that is for a lack of better term wrong?
Ok so I might be pushing it but I got such a great response on my last question I figure I will give it one more shot for the last piece I need to wrap this up. I have two form choices that if the user selects one option "single channel" then in the next set of questions they should only choose one of the channels available. But if they choose "multi channel" then they should choose more than one selection in the next set of questions. The html of the first choice questions: <div class="form-radios"><div
"time order" of elements
I'm removing an element with jQuery remove(), then add it in HTML, then check if it exists - it doesn't (length shows 0). What's going on here? Do elements exist "at the same time", although I create them serial? Background: I'm using ajax to update a part of the page. At the same time I have a dialog on the page that I want to update, too. The dialog shows debugging information from the server-side and should be from the same request processing. So, I cannot make a second Ajax call to fill just
animate .scroll
Why are not working? var tempScrollTop, currentScrollTop = 0; $(window).scroll(function(){ currentScrollTop = $("html").offset().top; if (tempScrollTop < currentScrollTop) { $("html:not(:animated),body:not(:animated)").animate({scrollTop: margintop_html+120}, 500); } else if(tempScrollTop > currentScrollTop) { $("html:not(:animated),body:not(:animated)").animate({scrollTop: margintop_html-120}, 500); } tempScrollTop = currentScrollTop; });
CYCLE PLUGIN ~ Specifying order using "menu index" or other controllable field in Modx
I have a site (www.stageneck.com) in which the web developer used the jquery cycle plug in to control the SPECIALS and PACKAGES widget that appears near the bottom of most pages. This widget DOES NOT CYCLE IMAGES, it cycles page links. While I am more knowledgable than the average web designer, I am not a programmer. I need help customizing the javascript to change the order of the "slides" appearance in the widget. Since they are NOT IMAGES, I cannot merely name them in the desired numeric order.
JQuery $ajax() Problem
Hello, I have a problem with the $ajax() function. My function looks like so: $.fn.addBooking = function(booking) { var booking_json = JSON.stringify(booking); var result; $.ajax({ type: 'POST', url: 'http://localhost/myurl.php', data: {username: "myuser", password: 'mypassword', mode: "myMode", format: "json", data: booking_json
A session cookie for jquery script?
Hello, I new to jquery and cookies and I'm trying to write a session script for a jquery lightbox script that way it only pops up once a session. Any ideas?
Trouble with non-standard attribute using v1.8
I had some code that worked with jQuery 1.4 using a non-standard attribute to hold a variable. For example: <tr open="yes">~~~</tr> Now with jquery-1.8 (also 1.6 and I suppose 1.7) as soon as jQuery gets a look at it, it changes that attribute to open="open" Of course it doesn't change the source code, just what javaScript thinks the code is. Same thing happens in Chrome and Firefox. So what do I need to do to use nonstandard attributes with jQuery again?
document.ready() fired twice... Once on load and once when it's wrapped.
I have a .Net layout and a .Net control. The layout listens for document.ready() to do what it needs to do and the control also listens for document.ready() to do what it needs to do. All the layout does is wrap a shadow around it's content (this seems to be the problem) and add an IE class to the body if it's IE. document.ready() is not fired twice in the layout. The control does a bunch of stuff on document.ready, but it's only fired once if I remove the shadowWrap call from layout. If I add
Problem with collapsible listview's ui-li-aside
Helo everyone, I'm trying to build a collapsible listview with multiple lines and an aside timestamp. But I'm having an issue, on desktop with Firefox and on iPhone, the text gets overlaid over the timestamp... I'm using jQuery Mobile 1.2 final via CDN, with some custom CSS. Here is the link to my test html only mobile page: Mobile page test link Thank you!
White gap above Jquery mobile footer
So I'm building a web application using Jquery Mobile and Phonegap. The app was working fine until I removed some input fields and drop down menus which became obsolete. The problem now is that when I click on the last input field of the page & the ios keyboard activates, the footer bar is no longer fixed and there is a white gap between the footer bar and the ios keypad. When the keypad hides again I see the full page but the white gap is above the footer. This doesn't seem to be a problem on the
Help!
I'm learning to use jquery, but am having difficulty in some fields. I have a form where the input text has an image as background <label>Label</label> <span class="Border-Left"></span> <span class="Background"> <input type="Text" name="Name"/> </span> <span class="Border-Right"></span> I wish that when the error appear, were added to the class "Error" in <span> (Border-Left, Background, Border-Right) Excuse the bad English Thanks.
Update database with $.post() and download link
Hi, I am trying to update the database as soon as a link is clicked which downloads an image But it seems not not to work with a link containing an image to download. If it is a normal text link iit works. How weird is that? Any idea? Thanks in advance. Here's some simple test code: $(function(){ $('.btn_download').click(function(){ var senddata = { action: 'change_interface', interface_value: '1' }; $.post('daten.php', senddata, function(data){ $('#console').html(data);
3 drop downs to be populated/filled up depending upon value of previous drop down
Dear All I have 3 drop downs coonected to each other http://webvikas.net.in/dropdown3/admin/3dropdown.php drop down 1 has values id=mainid Male Female Children For Male i have following Categories id=categoryid Male Category 1 Male Category 2 Male Category 3 No categories from Female and children id=subcategoryid sub category male 1-1 sub category male 1-2 sub category male 1-3 There are no categories under female and children and no subcategories for Male Category 2 Male Category 3 refer link http://webvikas.net.in/dropdown3/admin/3dropdown.php
Next Page