Accordion 5-column table over 1 row worked; but not 2 rows. What am I missing?
I successfully adapted the code from: http://css-tricks.com/grid-accordion-with-jquery/ and got it to work fabulously. However, the powers that be wanted - instead of 1 row of 5 items, they want 2 rows of 4 columns. Now the bottom row doesn't work. The little hand appears looking like it's going to link to something, but nothing happens. What am I missing? I've been searching, trying different things for days, and wasting precious time. This has to go 'live' 2/11, and I'd much rather use the
Jquery Selector
<div>no id</div> <div id="hey">with id</div> <div id="there" data-thread-id="248088011" >has an id</div> <div data-thread-id="248088010"> ABC</div> I need to hide all divs except the div there data-thread-id="248088010"? any help guys!
disabling hover/sliding- effect in sidebar?
hello, i need help with this code for my sidebar.php in wordpress. when i click on one sidebar-element, it opens, but closes very quick, so that i can not see the sites. the homepage is http://ntm.at/r0sa , you can see my problem when you click on "projects". what can i do, that it`s more clear? the code for the sidebar is: <div id="left-col"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){
Help with multi-column Layout for label / text inputs
I would like to format my input fields side by side with the styling of the fieldcontain ( hopefully but not required ) But it appears that the field contains forces 100% width - even if i float left and style with width=48% The Label applies to both text boxes like this - and the texboxes are for number and decimal inputs only Some Top Level Header Here Textbox Label Textbox Textbox Label Textbox Textbox Label Textbox Textbox Label Textbox Textbox Label Textbox
Jquery Accordion expand and collapseall
I am newbie..I want to know whether expand all and collapse all can be put in accordion.I have seen in the answered questions that accordion does'nt consist of more than one active panel...plez check this link. i want something just like this and in same code that you have used in jquery web site for accordion...Plz let me know what changes i need to make in the given code of yours to get result as shown in the link.Thanks in advance.. http://www.snilesh.com/resources/jquery/jquery-expand-collapse-expand-all-collapse-all/
Superfish submenus not working on internal pages
Hi Folks, I got superfish with supersubs on my site. Everything works great on the home page, but in internal pages, sub-menus just don't show up. I don't see any JS error and the problem is universal to all browsers. Can someone please point me in the right direction. The site address is http://clients.fizmedia.com/coh The "About Us" has a drop down menu. It works perfectly on the home page, but the moment you navigate to an internal page, the drop down stops working. Thanks, Mansoor.
i'm a little confused. will somebody help me out, plz
correct me if i say this wrong: i understand that JavaScript is pre-packaged with some native constructors: Object, Function, Array, etc. These constructors are functions. So they are all actually instances of the Function constructor, right? Or, native constructors are not actually created the way user-defined functions do, so they are not really instances of the Function constructor? I've been told that anything in JavaScript that is not a primitive is an object. So i guess since the Function constructor
Need help with my slidetoggle function
I currently have a slidetoggle function which is working great! What my next goal is, is to create a link inside the div that i'm slide toggling, that will close the parent div that it is in. Here my code so far... /*JQ - EXPAND PANELS ON CLICK*/ $('#panels .expand').click(function(e){ e.preventDefault(); var mclass=$(this).attr('class').split(' ')[1]; var $mcontent = $("#" + mclass); $mcontent.slideToggle('slow', function(){ mthis = $(this); if (mthis.is(':hidden')) { mthis.prev().css({'background-image':'url("images/arrow-down.png")'});
list as horizontal elements rather than Vertical
I want to show dynamic data in a list as horizontal elements rather than Vertical , the default behaviour Can anyone suggest how can I show Dynamic Data setting in JavaScript and show it in a Horizontal way. If not list any other way I can show dynamic data horizontally. Each Visual elements are images so rather than showing Vertically, it looks good if shown horizontally. Please guide.
Problems with BLockUI andfollowing popups.
In using BlockUI, I found that if I showed a dialog and then very quickly after that, showed another I was left with a partial window which I couldt remove. I tried lots of UnblockUI placements in the events etc with no luck. So, I decided to create the DOM elements dynamically and give them unique names which I would use for the dlalogs and then use an OnUnblock call to remove the unique DOM elements. this worked perfectly. So I share with you here. These are for use with themeRoller and
Panel not scrolling past page content?
I've been searching through these forums most of the day but can't seem to find anything on this issue: Laying the foundation for a new site using jqm with 2 panels (left/right) and main content with a fixed header. Right now there is no real data, just simple, random text. I've set everything up using the standard methods as described in the jqm docs. The right panel is fixed and the left panel has a listview. When I have basic data on the content page everything scrolls fine, however when I
Help fading an image
Here is the website I am tring to build http://kellymacphee.com/test/portfolio.html Each picture has one behind it, and I am trying to get the top image to fade when hovered so you can see the one underneath it, but all it does is fade both images. I have tried using img:first, but doesn't seem to be working. Can anyone help?? Thanks
Using BlockUI inside IE8 on SharePoint 2010
Hi, I needed themeroller support inside IE8 when using it on a SharePoint 2010 page. With BlockUI the overlay opacity just would not work when displaying a dialog. I could get the overlay working without themeroller support but not with theme = true. So I added an additional setting: themeOverlay (true/false) and a couple of lines were changed inside the js file. I include these here for those who have the same problem. Essentially, it allows themeroller support for the dialog, but uses
Jquery Cycle Plugin and Png Transparency in IE8 and IE7
Initially for this page I was using Simple Gallery Controls for this page which used jquery and worked fine. However since switching to jQuery Cycle Plugin I notice the gallery displays artifacts in the images as it cycles through them. Is there anyway that I can fix this for IE8 and IE7?
Problem with Auto Complete "Search" Event
Hi Experts, I am using autocomplete plugin & it is fine. Now I have a bit different scenario. My auto complete will work only for few selected words/phrases. So, I have decided to check the work/phrase entered by user. I have used Search event where I check the word. Now my question comes into light. Below is the Search event syntax: search( event, ui ){} My question is: 1. Here what is "event" & 'ui' ? I read the docs & I know that event is of event type & ui is of object type. But here what they
Need help on custom design jquery tool
Hi, I developed a custom design tool using jquery, where people can design their mobile covers using the design tool, and then they can save or add to cart. The thing is I couldn't able to save the image they design from the tool. Here is the link, http://staunchire.com/clients/inkblaze/choose_device.php Looking forward to your assistance and help. Thanks much.
need help, need name jQuery slider ... pleace
Could some of you please help me find the name for slider above the footer!? I am trying to find that slider name and I would very much appreciate someones help. http://www.yootheme.com/demo/wordpress/sync
JQuery not displaying properly on iPad 4th generation
I'm using the following javascript to create a decision tree app with functions to hide and show tables. The script works perfectly when imported and displayed on an iPad 1st gen, but the very same code does not display the javascript action (html table opens when selected and drops down to the next table) on an iPad 4th gen with Retina display. Is there something I need to add to the code or is the script src/jquery version correct to be compatible with 4th gen? Please see below. Thanks for your
How to simulate mouse right click event using jquery
Dear all, I have a problem with simulate a right click event. I'm writing an auto program. $(selector).click() just simulate left click event Anyone can help me please? Ps: I need to simulate this event, not catch the event that user right click.
Help IDing dropped object
Hello, I have a draggable object, just a div that says different things. diff inputs inside. I want it to clone. So I can drag them from a list onto my target [code] $( ".draggable" ).draggable ( { helper: "clone", cursor: "move", } ); [code] target droppable [code] $( "#droppable" ).droppable ({ drop: function( event, ui ) { alert(ui.helper.name); for( key in ui.helper ) { if(ui[ key ] != null) { // alert( "key is " + [ key ] + ", value is " + ui[ key ] ); } } [/code] object [code] <div
Creating an infinite loop animation
Sorry, folks, I'm new but not altogether green. Here's the scenario: I have an image gallery of ten images in a footer DIV. I want the images to scroll, then repeat seamlessly from the last image back to the first. I also want it to run continuously until an image is clicked or the user clicks an arrow (left or right). I'm thinking of how to reload the series at the tail end of the previous series. Right now, the images are set up in an unordered list. The list is displayed horizontally, and is meant
Select part of 'src' name and change that part
Be aware: I'm quite new to jQuery and JavaScript. First of all, I'm trying to select only part of an img src name. For instance, if it's <img src="image1-reg.png" />, I only want to select "reg.png". Next I would like to replace the select text ("reg.png") with something else (e.g. "over.png"), while also keeping "image-" as part of the src name. I want to accomplish all of this within a hover function, so that the image changes on hover. What can I do to accomplish this or something that yields
UI Dialog box opens in Chrome but not in Firefox or IE.
I'm assuming there's a work around, but I can't find it through searching here or online. I figured I was doing something stupid (I was only working in Firefox) but it worked just fine in Chrome and I thought maybe it wasn't me after all.
Not setting the attr or data of an element inside plugin
Guys, I am writing a small plugin for myself and somehow inside the plugin , I am not able to set the value of the elements attribute inside the plugin method. I am trying to set the data-sortasc attribute of th element and although in the console log it shows it set it never does when I look at elements and inspect it. What could I be doing wrong. Here is code frag sort: function () { var $this = $(this), data = $this.data('tablerender'); // If the plugin hasn't been initialized
.prop() checkbox change and .change event.
Hi. I have over 200 checkboxes on a page. User has an option of Select All. Where I use .prop to set the state of the checkbox. I have other events bound to the selection of these chekboxes but those are not triggering. So I called .change() on the checkboxes which extremely slowed down the selection of my checkboxes. Does anyone have an idea how I can solve this issue?
multiple pages
hi i'm looking to have the same jquery cycle slideshow on a number of pages. rather than copy and paste the jquery over these multiple pages is there a way to set it up in a seperate html or js file and call-in / import that file name into the pages it is displayed on? thanks
Selector for div in nested divs
am trying to select div azaniconsound The div is nested in other divs < div id="clockWrapper"> <div class="rotatingHands"> <img alt="" id="hours" src="hours.png" /></div> <div class="rotatingHands"> <img alt="" id="minutes" src="minutes.png" /></div> <div class="rotatingHands"> <img alt="" id="seconds" src="seconds.png" /></div> <img alt="" id="myclock" src="clock_back.png" /> <div id="boxclock"> <div id="azaniconsound"><img alt="" id="Img4" src="azansound.png" /></div> </div> How can I select
Fyneworks jQuery Star Rating Plugin not working properly with .Net MVC2 second page in the same View folder
I am having issues with Fyneworks jQuery Star Rating Plugin not working properly with .Net MVC2's second page. Background. ========== * using MVC2 * using a Master Page. * MVC View folder: BLAH1: *Index.aspx *Foo.aspx *Star.gif image is located in my project "../Images/Star.gif" * Fyneworks jquery located in my project "../Scripts/jQuery.Rating.js * Fyneworks css located in my project "../Styles/jQuery.Rating.css" Description of the Issue: If I go to Blah1's Index.page and use the Fyneworks
JQuery fadeout on form submission while redirecting with session info
Dear Forum, I'm currently working on a very simply login page located here: ournewlife.com/003/login.php validation: goin I love the fadein effect, but I cannot get the fadeout effect to work. I've tried a number of things. I see that in the original code (http://pastebin.com/gfwF6MBL) the fadeout is triggered by a click that then redirects to a URL. So I understand that I need to change somehow the qualifier on what triggers the fadeout, which I had done by capturing the "Enter" key and then
clueTip + Infinite Scroll
Hello, everbody! I have following problem... I want clueTip( http://plugins.learningjquery.com/cluetip ) plugin to be able to work with Infinite Scroll plugin (http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/). New elements that are loaded through Infinite scroll plugin loose their clueTip behaviour. Now, to be able to work with Infinite Scroll a specific callback function needs to be added to Infinite Scroll script to return clueTip proper behaviour on newly loaded elements. Something
JavaScript to jQuery
How would I change the following inline code into jQuery? <select name="month" id="month" onchange="setDay();"> <script type="text/javascript"> var monthsArray = new Array("", "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"); for(var i=1; i<monthsArray.length; i++) { document.write('<option value="' + i + '">' + monthsArray[i] + '</option>'); } </script> </select>
Issues with jQM 1.3.0 and "listview" widget
I just upgraded one of my apps to jQM 1.3.0 and the app immediately failed. The error: Uncaught TypeError: Cannot read property 'options' of undefined I am using a listview component in the broken page. When I remove the attribute data-role="listview", my app runs fine. Does anyone have similar issues? Thanks, --appcropolis
jQuery UI in a Firefox extension
Hi all, maybe it's a question already asked in the past, but I haven't been able to find a solution. I'm able to load in my Firefox extensions jQuery, but I cannot do the same with jQuery UI... I receive this error: Error: TypeError: div is null Source file: chrome://myext/jquery-1.5.2.js Row: 5653 I'm loading it with the following code: loadLibraries: function(context) { //load jQuery var loader = Components.classes["@mozilla.org/moz/jssubscript-loader;1"]
Getting started (background PHP) - a little help needed
Hi all. I have been programming PHP for like 10 years - on and off - and I find myself quite comfortable programming this. I have always been keen on learning javascript - I am at the level that if I use some hours I would be able to modify some simple javascripts - and when I learned about AJAX I saw the ligth - and when I found out about Jquery I was like - I gotta do this :) So I have some basic questions probably - and please correct me if I am wrong! 1) Jquery is a library - and basicly it is
Photoswipe problem
Hello, if someone here is familiar with Photoswipe I would be very happy to receive help. I try to implimate Photoswipe to my mobile website since two month and I can`t get it to run. If you open my page you will notice that the thunbs are among each other. But they should look like these http://www.photoswipe.com/latest/examples/01-default.html . If I press F5 they will order themselves into the correct form, but If someone who enters the page, doesn`t know that, it will confuse him. On the other
Where is my data-back btn?
Hello, why am I not seeing a data-back-btn here? http://poure.eu/mobil.fitness-rodgau.de/aktuelles.html Thanks
toggle switch slide to trigger a JS function
in jqm, this is a working toggle switch: <form name="BRAND" > <select data-role="slider" name="MODEL" id="test"> <option value="off">sedan</option> <option value="on"> sportster</option> </select> </form> and this is a way of making the switch trigger a function slidestop triggered at the end of an interaction with the slider. Includes drags and taps. $( ".selector" ).on( 'slidestop', function( event ) { ... }); how to connect them? I have tried using this <script> $( ".selector" ).on( 'slidestop',
Problem with Jquery Modal UI
Hello all, I have problem with jquery modal dialog that i have put a server side button of asp.net inside the modal dialog and raised a event from it and written some script under button click.but when i am clicking the button present inside modal dialog then the event is not firing. Please help me , Thanks in advance...
Enable/Disable jQuery Cycle
I've used cycle quite a bit in a number of implementations, and feel fairly comfortable getting it to do what I want but today I had a request that I'm not sure how to approach. Imagine a very basic setup is cycling between, lets say, 4 items. Can an on/off toggle button be inserted that would allow users to disable cycle and send the content back into it's normal flow in the document, or in other words reveal all the content blocks? So if a user wanted to sit and watch them all cycle that is great,
data-url not respected when using back button and page redirects.
My pages redirect to a login page if they require authorization. I use the data-url attribute to show the correct url. It works fine here. However, If after successful login the user pushes the back button, I do not let them see the login page again, but redirect them back to the home page. In this situation data-url fails and the home page shows the login url instead of the home page url. Is this a bug? Any ideas how to fix this?
Next Page