jQuery or Plugin to layout dynamic content?
I am using a jQuery Slider Plugin to show different contents. I am using 3-4 Sliders in the same page but these slider contents have different heights, So I am unable space them out consistently. I thought setting div height="auto" would fix it but it does not. Is there a Plugin to do this? For Example I want a consistent spacing of 10px between each slider: <Wrapper> <div Slider1> <item1 height="100px"> </item> <item1 height="300px"> </item> <item1 height="600px">
Superfish Dropdown Menu Problem
Some people in our office are telling me that when they roll over either the "pricing" or "resources" nav items, they can't click on any of the dropdown items without it disappearing before they get the chance. It works fine on my iMac 10.8, but on a lot of Windows machines it seems to be malfunctioning, regardless of the browser. I tested it in Firefox 29.0.1 on my Mac and then in the exact same browser version on Windows and it was screwy in Windows. I guess some of you will not be able to replicate
.click (function() event problem with text()
Hello. I noticed that when i use the click event for a button... a strange thing happend. I use text() to post a text on the screen but the text disapears after a second. What I can do to show the text all the time.... $('#but').click(function() { $('#err').text("OK"): });
One big "Concertina" page - nearly working . .
People, I have managed to get started with: http://philiprhoades.org and it is _almost_ doing what I want - which is: when someone expands one section, I would like any other expanded section(s) to be collapsed, so the total page length is always minimised. I guess this must be possible but I have no clue about how to start modifying the code to get it to do this . . Pointers to code where this behaviour is already available or how to get it done are appreciated! Regards, Phil.
jquery ui icon
When i use these icon in my project (development-bundle\themes\ui-lightness\images) Do i need to add any special text on my website ? These icon are completely free to use ?
feedek plugin get feeds
Hello all :) I'm using the feedek plugin to get rss feeds. It's very easy to use to get all the feeds available from any rss source. My question is about how to get these feeds individually: <script> $('#my_div').FeedEk({ FeedUrl:'http://www.my_feed_soource.com/news.feed', ShowDesc : true, ShowPubDate:true, DescCharacterLimit:300, TitleLinkTarget:'_blank' }); </script> This is great when i need all rss in a 'sigle div' . I need to get , for example, the first and the
Nothing showing up on Jquery. Pls Help.
Excuse the cheezy photo, it's just a placeholder for now. My site is www.TdsJr82.com . I enter the script for my jquery, but nothing is showing up. When I click on the link though while inspecting the page, it does take me to the jquery link file. Any help would be much appreciated, so I could get this to work. sorry, a bit of a newb here.
PLC Siemens S7-1200 web server
Good morning everyone. I'm newbie and it's first time I use JQuery scripts, and I get a problem with server's compatibility: when I load into PLC the file "jquery-2.0.2.min.js", PLC does not accept the " ]]" sequence of characters and stops uploading. I tried to change the code in HTML page, writing <script src="https://code.jquery.com/jquery-2.0.2.min.js"></script> and I can load code in PLC and use web page correctly, but when I try to browse the page in offline mode, it doesn't work... (the PLC
maintain proper width for popover outside the parent container
Hi. I am trying to develop a popover such as Bootstrap popover The thing is though the popover gets deformed as it is moved to the end of its parent container as shown in the image. I would like to keep its proper width even if the popover appears OUTSIDE the parent. Of course, setting css 'width' can help a bit, but it does not flexibly alter the width according to the inner text. I would like to maintain minimum width so that the inner texts do not get forcibly go to a new line. any idea?
wish to be more intuitively object-oriented
i have started to use jQuery since the very first edition and i have read the code in detail of nealy all the versions of jQuery. The code is concise but not intuitively object-oriented enough. It must be a great help if we can make code more intuitively OO. And i think this idea will help us much. please refer to http://classjs.org which works to make js intuitively OO.
Set a cookie on navigation item
Hello! I Think I've Close to a solution but I need help with the final touch of my code.. The thing is that I need to set a cookie on a navigation that is data driven.. the reason is that I want to set a select class because the page reloads after a click. The markup is given and I cannot change that. <div class="test" id="1">Link 1</div> <div class="test" id="2">Link 2</div> The following jQuery set a 'clicked' class on a div I click (that's great), but if I click on a let's say the next div (navigation
BlockUI - unblock some elements on a page?
Hi, I need to unblock some specific input elements (INPUT, SELECT, BUTTON) on a blocked page. I would assume using ids. It's to be able to open a second dialog (my own) on top of a BlockUI (page) dialog. Now all controls in the second dialog are blocked. I want to selectively unblock them, while all other controls on the page are still blocked. Is that possible? Thx
Highlight dates happened in cycled period?
Dear all, I am a newbie to jquery ui. I know how to highlight special days with events. However, now I want to expand this highlight to events which happen in cycled periods but I don't know how. My projects about: - Periods: 35days (continuous periods) - Speed: 4 levels: low, medium, high, very high - each period has 4 phases: 1st 5 days, then 10 days, 15 days, and last 5 days. When this period ends, next period continue. Please guide me to do this. Thanks
Can't get a value
Hi I have a credit card payment form in which I need to automatically calculate 2% of an entered payment value, show that calculated value in its own field and also show the total payment value including the 2% in a third field. This problem is beyond my very basic knowledge of jQuery. Is someone able to help me with a script to achieve the required outcome? Living in hope Peter I have included a block diagramme below to help explain the process as well as an excerpt with the relevant markup, taken
How many parameters can we parse into jQuery function?
Good day everybody, I'm a newbie in javascript and jquery. Currently i am studying a course from codecademy.com . In one lesson, i use function "hover()". I realize that it can take 2 function concurrently. My question is: How many parameters (such as function(){} ) can we parse to jQuery function? Is it possible to parse 3, 4 parameters to jQuery function generally? Is it possible to parse 3,4 parameters to jQuery function typically? Thanks a lot!
Custom Search URL using jQuery and Joomla 3.0
I am new to this forum. The goal is to create a text box and eventually insert the data into a URL. For example: We need to create a text box and have a button that when clicked takes the data in the text field and inserts it into the "variable" part of this URL (then takes you to the URL site): https://forexample.com/storefront/search.do;jsessionid=CD66CBFCC5658D6C9327AA269764EBB2?searchType=keyword&keyword="variable" I wrote this jQuery: $("button").click(function() { var variable = $("#textbox").val();
Popup with form text inputs: avoid redraw when onscreen keyboard closes
To reproduce, open a form with text inputs in a JQM popup and click one of the text inputs. iOS will display its keyboard widget, and if that would cover the text input element it will push the screen up to ensure the element remains visible. Now click the iOS keyboard widget "done" button. The screen slides back down to its former position. The JQM popup handles the resulting resize event with a very jarring flash as the popup is hidden and redisplayed. I'd like to avoid that popup flash if possible.
Need to disable the selected drop down items
Needed to disable few items from a HTML drop down box, with a 'Submit' button not just normal click or normal button. Reason of doing this: I have, a jsp page where I need to perform operations that needs a page to re-load from servlet. Thus have submit button, so once a user is on the page, the drop down having item disabled should remain disabled for the entire session. Any one who could help me doing that using Jquery or Javascript would be great. I know to do the normal disable in JQuery can
Jquery UI Slider trigger
Hi I've got a page with 6 sliders on it and each slider has a textfield underneath it which contains the 'value' of the slider. Each slider has three values - 0, 100, 200. These are translated into 0 years, 5 years and 10 years in the textfield. The initial values of the sliders actually come from a database, but for purposes here, I've put the values into an array. This the code I'm using: var guaranteedSliderText = new Array("0 years", "5 years", "10 years"); var guaranteedSliderValues = new Array(100,
Only allowing a Sortable to be dragged from and not dragged to
I have 2 sortable columns. The first is a column with current issues and the second is a column with new issues. I only want to be able to drag from the second column to the first, but not from the first to the second. I dynamically build the portlets in my code behind. Everything is working I just would like to "enhance" my application to not allow drag and drop from column 1 to column 2. I would like to be able to still drag and drop the first column, sort, etc.. Here is my JQuery: $(function () {
why closest select with attribute filter class name no work
My html has nest table, when click anywhere inside the table I like to get the top level table(table1) code: $(document).on('click', function(event) { var target = event.target; var test = $(target).closest('table[class=table1]'); but it find nothing. if I change to $(target).closest('table[onclick=myclick]'), it works. Can someone tell me why? <table class="table1" onclick="myclick"> <table ......> <table...><tr><td>click happen here</td><tr/>.......
How can I prevent two datapickers from being displayed after a successful ajax call?
Hi everyone, I’m doing an ajax call in a partial with a datepicker that loads data in a div container. Everything works fine except when it returns I have two datepickers on the form. One with the select button and the other without. I would like to only one datepicker on the form. How can I prevent two datapickers from being displayed after a successful ajax call? Here’s the script I’m using. <script type="text/javascript"> $(document).ready(function () { $("#datep").datepicker({
Dialog positioning bug when viewport is scrolled (IE and FF)
When a jQuery UI dialog is opened (centered in viewport as per the default settings) in a viewport that is scrolled down, trying to move the dialog by dragging causes the dialog to jump down quite a bit and it might even disappear off screen. The "jump" seems to be proportional to the amount the viewport is scrolled. I've encountered this bug (?) in Firefox and Internet Explorer, but not in Chrome or Safari (tested with current versions on Windows 7). I have not performed extensive testing or debugging,
passing external variables (php) into divs with ajax
hello all- I have a very simple accordion style form system. Fill in the form in the first section, then go to the next section of the accordion, etc... What I have: Right now when the submit button on each form is clicked (one form per section, or div), the code calls the .lasso (similar to php) page, does any processing (add to DB, set variables form field info, etc...) and then replaces the div with the output from the external page. What I need: Similar to above except when the form submit button
Allow new value in autocomplete combobox
Is there a simple comobobox or autocomplete function that will allow user to enter a value that is not in the list and allow it to stick.
Memory leak with JQuery and Chrome
Hi, Started with JQuery a few weeks ago, and I'm having a bit of a problem with my code. I'm writing a page that uses Ajax to load up images. The user types in tags in an INPUT box, and then I use JQuery/Ajax to call php which queries a MySQL DB and returns the images matched. I noticed that if I kept on doing this for a bit, that my browser would use more and more memory, until it either froze, crashed or Windows complained about lack of memory. So I started to look into it, and I've got down to
Focus on PDF(Viewer) in iFrame
Hi, i am very new in using jQuery. I've got a problem with the focus-function. I have a iFrame with an PDF(Viewer) inside. To scroll the document it is necessary to click in it. So i tried to set the focus by using jQuery on mouseover. <iframe id="iframeDocumentViewer" src="about:blank" width="100%" height="100%" onmouseover="SetFocus();"></iframe> function SetFocus() { $('#iframeDocumentViewer').focus(); } This doesn't work. I have no idea... Hope someone can help me. Thanks.
Facing problem with Jcrop with camera iamge with phonegap and Javascript
Hello, I have developed a small mobile application using Phonegap,angular,Javascript,Jcrop. which takes image from phone camera and start Cropping ( with Jcrop) Once i start applications and go to my employee list to select employee where mobile camera starts. after cropping it saves image to server and redirects to the employee lilst. if i choose again any employee from list, it starts camera capture image but image doesnt appear on canvas. it Jcrop-holder wraps canvas element inside. Please help
Remove button activeState from collapsible set menu buttons
I have an accordian/collapsible menu in my jquerymobile project and I'm really not liking the default activeState that JqueryMobile applies to it. Is there a way to target certain buttons, accordian titles and other active elements within a jquerymobile page? I tried looking on stackoverflow but only the totalitarian method of removing active state on everything worked, and that's definitely not what I want. The thread can be found here: http://stackoverflow.com/questions/7507099/how-do-you-remove-a-buttons-active-state-with-jquery-mobile
Menu not working in the mobile view
I am helping maintain this site but I didn't build it. The menu option in the smaller width, mobile view supposedly used to work but is not working anymore. Maybe some query got broken, I am having a hard time figuring it out. Any thoughts and suggestions welcome Thanks! http://hushmagazine.ca
TubePlayer loading problem
Hello, I do have an installment of TubePlayer plugin and it loads up a YouTube Player in a container thats hidden. Right after fading in the container I am not able to load up a video, I have to wait a little bit of time and I am to stupid to set up a wait command, so the load function is triggered later --> I tried setTimeout() and the callback of the fadeIn() called "always". None of these work. Greetings, Paul
Pop out box beside text box
I'm working on a website with a sign-up form. I'm trying to implement an interface i've seen on a couple of websites (such as this particular one), where a user is guided to fill certain fields (like password or email) that come with restrictions via a pop out box. The pop-out box shows up when the field receives focus and gives some additional information about that field, as shown in the attached image. How is this implemented? I admire this feature and i'd love it on my website. Thanks
creating prev and next button for datepicker
Hi, Following is the link of the date picker which I am using http://jsfiddle.net/Banzay/tuG6C/1/ Can you help me by creating prev and next buttons for it , on clicking next the value of eutoday variable should be incremented by one day and accordingly the month (that is ustoday variable in the example) and year, and similarly on clicking prev button the value of eutoday variable should be decremented by one day and accordingly the month (that is ustoday variable in the example) and year, waiting
Issue on Using One Switch Botton to Toggle Functions in jQuery
I am using two buttons to slide up and down the page at this sample as: <div id="map"><button type="button" class="btn btn-default green goinfo">Go Info</button></div> <div id="info"> <button type="button" class="btn btn-default green gomap">Go Map</button></div> can you please let me know how I can reduce the buttons to do do the same job? something like : <button type="button" class="btn btn-default slider">Switch View</button>and this is the jQuery that I have jQuery('body').css('overflow','hidden');
Jquery Accordion
I'm trying to create and accordion, I would like to do it with out the jquery ui version. So far I've managed to do it, but I would like the second option to be open instead of all of them. Here is the JsFiddle: JSFIDDLE Here is my html <div class="tabbed-single-wrapper"> <a href="javascript:void(0);" class="tab-header"> <div class="max-width"> <h2>Tab 1</h2> </div> </a> <div class="tab-content"> <div class="max-width phase2">
Confused on usage of JQuery Selector reference
As stated on SO , I recently implemented JQ 2.1.0, and ran into an issue on a simple object reference acquisition. I remember previous implementations where i only had to do var obj = $("selector"); and this acquisition would get me all references to accessors and such that i need to perform. The biggest problem is now i have do use an indexer of child control in order to get access to the object in question. var wnd = $( "#chat" )[0]; This seems kind of counter intuitive, when i only have one
does reload option (or the deprecated reloadPage) in pagecontainer load method have any significance?
i have tried some experiment on this option, it seems that wether it is true or not, it does not matter because everything depends on the attribute data-dom-cache of the page let's say you do $.mobile.pageContainer.pagecontainer("change", url, {reload:true}) 2 situations (1) the page div of url has data-dom-cache=false in this case, reload = true or false, it will fetch it from the server because the page is not in the dom (2) the page div of url has data-dom-cache=true in this case, if the page
custom build download css js problem
i am trying to download a custom version of jqm to save some file size. i have two questions (1) css files i got 2 css files, structure and theme. the theme file seems to be smaller. what do i need? do i need both or just one of them? the download page says i will have a full and a structure css file. and this sounds like the theme file is the full file, but it is smaller. so far, neither worked for me. (2) js file what do i need to include? i just want to exclude table, tab, panel, flipswitch.
Apply Style on parent acnhor tag for each li
I want to apply style using jQuery on the last anchor tag of each li where there is no item for that anchor so that it's foreground color should be red,here below i've hard coded values so every one can understand the scenario,so for eg:if Cat1 anchor had no item then it's color should be red similarly if Subcat1 anchor had no item then it's foreground color should be red and so on. <ul class="nav"> <li class="mainparent"> <a href="#">Main Category</a> <ul> <li> <a href="#">Cat1</a> <ul> <li><a href="#">Subcat1</a>
Problem using jQuery to add a cloned form dynamically
Hi everyone,i have a form and an add new form link that adds a multiple form like the first one dynamically, and inside the form there is an author text input with also a link to add dynamically multiple author's input. the problem is that when i add multiple forms..only in the first form i can add multiple authors, and not in the other forms. and the author's text inputs are added outside the first form. Can somebody help me identifying the probleme in my code, please. Also can somebody informe
Next Page