Resizing DIV according to the content size with the most content
Hello, I'm know javascript but I'm not so familiar with jQuery. I'm using Joomla and I have a component tabs&sliders. I have two tabs with different content length. I don't show the complete content but there is a scroll on the right side of the tabs. Now I like to add a button at the top next to the tabs "expand" div according to the vertical content size in the tab. Is that possible? How does "jQuery" know the content size in the tab? A second thing is of course, if the user switch to another tab,
JQuery Colorbox??
Hello everyone. So, I've been looking for a way to display a slideshow within a image. (Clicking on a thumbnail image and a slideshow appears). I was told to use a Colorbox plug-in. from what I saw ib jacklmoore.com/colorbox, it was prefect.. Well..in theory.. I installed the plug-in and well.. the results are rather funky..I attached a document to show exactly what it displays. Hopefully it works, if not I'll do my best to explain. While the thumbnail image shows up find, when you click on the
jQuery tabs with anchored links on the page
Hello. I have an FAQs page, dsp_FAQ.cfm, that has some list of hyperlinked questions and anchored answers. When I clicked one of the questions, the page shows the anchored answer to the top and the FAQs tab stays active. The problem was, when I refresh the page (hit F5 key), the active tab which was supposedly the FAQs did not stay active and then the Home tab became the active tab instead. Also, I have to click the tab twice before jQuery run the onClick event script. Single click doesn't work.
popups "popupafterclose" event fires off twice?
I noticed that popups will fire the popupafterclose when you close the popup AND when the page is switched to another page (when the popup is already closed). Should it be this way?
Overlay panels popup on each page
Hello, I'm trying to implement an overlay panel popup for menu navigation on each page of my application. But I can't succeed on this implementation. Do you have a best practice to share ? Regards
checkbox and anchor on a div collapsible
Hello ! I'm beginning with JQuery Mobile and already have a first question. I've created some collapsible div inside collapsible div ... etc as shown below : <div data-role="collapsible-set" data-theme="b" data-content-theme="d">'; <div data-role="collapsible"> <h3>Test 1</h3> <div data-role="collapsible-set" data-theme="b" data-content-theme="d"> <div data-role="collapsible"> <h3>Test 1_1</h3> <div data-role="collapsible-set" data-theme="b"
C# click vs jQuery or JavaScript click event
Which event will fire first...the jQuery click event or the C#(or other codebehind language) click event, if i bind both of them to a button???
Ensuring Proper License usage
Hello, I'm developing an open source website CMS which I intend to include jQuery bundled with. As well, I want to ensure everything included is allowed for any website, private or commercial. http://jquery.org/license/ According to the above link " You are free to use a jQuery project in commercial projects as long as the copyright header is left intact." In the download of the min file (jquery-1.8.2.min.js), this is the only comment line, but it doesn't specifically state "copyright" or "©": /*!
CHANGE THE STANDARD FONT SIZE IN BLOGS
Hi all folks, Can anyone tell me how can I change (and set) the standard font size in blogs of my members using jquery? Thanks here is the Blog page
html 5 form as profile
Hey all, I am trying to create a form who i can save as a profile. THe buttons that I want to use are save and reset. After that the form is saved I want to be able to edit the profile does anyone know how i can do this ? Tnx
JQuery ToolTip
Hey Folks, i trying to get a Tooltip function running. The Basicfunction is working but i need to pass a label value to the function. My site looks like this... <label name='hint' value='1'>Labeltext</label> <label name='hint' value='2'>Labeltext</label> <label name='hint' value='3'>Labeltext</label> Im binding the function to the label like this. $("label#hint").bind({ mousemove : changeTooltipPosition, mouseenter: showTooltip, mouseleave: hideTooltip }); and the show tooltip
most iphone-like ui preset for jquery
Hi I was directed here from Getting started. Here's my question. I have written a simple application which I would like to eventually place in apple store. Knowing their restrictiveness in terms of the visual side, I want to give the app a look possibly iphoneish. Are there ready presets likening the www to iphone/ipad? thanks W
input type submit vs image
I am porting an application to jquery mobile but am having problems with form submission. When I use an input type='submit' button, the name and value of the button is sent to the host but when the input type='image' button on the same form, the name and value is not sent when the form is submitted. I have tried with data-ajax both true and false and the result is the same. I guess I can use the 'data-icon' attribute of the submit button, but I think that limits me to the sprites provided. Can someone
getting a data id from button click event with on()
I have had to amend some code to grab a data-id from a button click as the button click event now uses on() due to copies of the same button being added dynamically so I now have: $(document).on("click", ".like", function (evt) { evt.preventDefault(); LikeComment($(this).data("cid")); }); My problem with this is that $(this).data("cid") is now undefined. How can I get at this using the new code above?
jquery ui should support deferred and promises
e.g. the tabs widget: When activating a tab (which might be a static one, or might be a ajax load), this should give access to a promise so you can use : .done( function () { .. } ) for writing code when activating of tab is done (again, ajax or static) .fail( ) for writing code when activating a tab failed, and .always for writing code to be executed in both cases.
How to make first column is fixed for data table, and how to disable search & sort features in DT?
I am creating a jquerymobile page with datatable concept. I have a doubt that how to get first column is to be fixed in datatable?? and i dont need search & select number of pages options which are default by Datatable. because i have only 3 rows & 2 columns of data exactly which i want to display like shown bellow image.. can any one tell me how to do it? actually i have seen this link.. http://datatables.net/release-datatables/extras/FixedColumns/index_column.html but i am not getting how to do.??
JQM Page Content Size Issue (iOS)
So I'm a real novice when it comes to Jquery Mobile developement and I was wondering if anybody out there could help me understand one small aspect of the JQM library. My problem is related to page content and the iOS keypad in particular. I have several pages with content that varies in size. For example, on one page I have five input fields and the next page I have only four. When I use the iOS "next" button to navigate between different fields and I end up at the last field, the footer appears
Why is this not working
I could not understand why is this not working. I wanted a new raw to be added whenever the last row is clicked. exmple is here
want to add a rule
Hello jquery guys, I want to add limitation to number of entered rows in a textfield (that may consider every encountered "http://" as a new row ) through this jquery plugin. Please guide me where and how should I make changes. Although it is capable of identifying any URL , as it is a form of url or not. but i want to validate it in textfield and with no. of entered url also. any suggestion would be appreciable thanks
How to get ajax message when status is 0?
Hi! I know that ajax means asynchronous http and xml, but if we can get synchronous and non-xml data, I want get non-http data. The problem is that if data are not http they have no httpstatus (http status is 0) what means I get error message instead of success. Is there any way to disable http status checking? Everything works fine with pure JS XMLHttpRequest. Moreover it is not possible to set http status for non-http response in QWebView: http://doc.qt.digia.com/qt/qnetworkrequest.html#Attribute-enum
Upgrading to jquery.cycle.all.min.js - v2.99
Hello, I am currently testing the jquery.cycle.all.min.js v2.99. I was previously using v2.73. All testing is fine except for the slide navigation bar. I have a row containing four grey round circles. When the slide transitions to the next a darker grey circle is seen to show (activeSlide) what slide is currently displayed. This worked seamlessly with v2.73, but unfortunately has caused some issues using 2.99. Now the darker grey dots indicating the activeSlide no longer appear. To me it looks like
[Solved] jquery mobile popup leads to different page on close
Hello everybody, I am new to jquery mobile and I have following problem: I have 2 pages in two different html files - root page and settings page - in my root page i display popup, but when I close popup by escape or clicking outside popup I am redirected to settings page. Could anyone please tell me what am I doing wrong? EDIT: After some digging inside jquery js I have found out solution - I have to set history option of popup to false and then it closes normaly. Here is code of my root page:
Dynamic Page call
Hello to everyone, i'm building an app using jquery mobile and cant figure out a problem that i'm facing. I have an index.html page that shows a grid menu when my app starts. Each item is linkable and all go to another page(default.html). The default.html is a dynamic page. Calls an external createlist.js file, that creates a listview with data from sqlite database. When from grid menu I call the default.html with this code <a href="defaultpage.html" rel="external" onclick="sessionStorage.ParameterName='someID'"><IMG.....></a>
update div tag
Hi, I'm really hoping there's some Rails developers perusing this forum. I did ask this question on the Google Rails Talk group last week but I received no answer, and I've been stuck for more than a week... I'm trying to update a div on a page with an Ajax call and it doesn't work. If I call jquery directly from the browser (no Ajax), the div does get updated. However, if I call it through a remote call, the div remains unchanged. A remote call in Rails makes an Ajax call back to the server, which
Problem for dynamically created button
Hi All....................... I need a help In my application, I want to add some data and for that, I have to create a row dynamically. I can add multiple such type of rows in the applcation. For this, I am using JQuery and the code used is... // ajax call to get allowances $("#addAllow").click(function() { var paycomp = $('#Paycomp').val(); alert("=== VAL PAYCOMP ==== "+paycomp); if(paycomp == null || paycomp == "zz"){ alert("SELECT A PAYCOMP ");
how to detect Safari on IPhone using jquery
Dear all, Recently, I have used jquery in my related tasks, I want to detect Safari mobile on IPhone and I have found this reference http://api.jquery.com/jQuery.browser/ I applied this code to my app and test on Iphone with three browsers Safari, Chrome, Mercury and it give the identical result, CODE ///////////////////////////////////////////////////////////////////////////////////// <!DOCTYPE html> <html> <head> <style> p { color:green; font-weight:bolder; margin:3px 0 0 10px; } div { color:blue;
How keep table header positions fixed with vertical scroll and horizontal scroll in a html page
How could keep the table headr position fixed, when I scroll the html with horizontal or vertical scroll? Thanks a lot. Example Page: http://para.maximintegrated.com/en/search.mvp?fam=stepdn&270=Internal%20Pwr.%20FETs&tree=powersupplies My Failed Case
jQuery countdown - Remove highlightLast5 color when time is reset
Hi I'm using the Countdown timer code I found here: keith-wood.name/countdown.html Its quite comprehensive in its features however I've one little problem. I've got a form which sets the time for the countdown and if the time is less than 5 minutes it turns red. However if the time runs out and is reset or is reset after its within the 5 minute mark the text stays red instead of going back to black. I tried adding a simple else statement to the highlightLast5 statement but this hasn't add any effect.
Custom Validator - Check whether form is valid
I've created my own custom validator, each time an element is validated and returns true I would like to test whether the form is valid. I'm also dynamically turning validation off on certain properties depending on the applications current configuration so i need this to be dynamic also. I've tried calling the .valid() method and the .validate().form() method but both result in an error "too much recursion". I guess this i because calling these result in an infinite loop as it causes my custom validator
IScroll 4 issue with padding or margin at bottom of screen
Testing out my first JQM page and having an issue after I added iScroll4. Issue is there seems to be some padding or margin at the bottom of the page. After numerous attempts to eliminate it with Firebug, nothing worked. Anyone else experience a similar issue with iScroll?
[Object] has no method serializeJSON
Hello everyone, I know this seems to be a general issue, but I couldn't find a clear solution. I have a Wordpress with a Custom page which is a contact form using jQuery. The jQuery libraries are properly included it seems since the code acts properly, but when the form is submit, notice what appears in the console before the page reloads: It is supposed to NOT proceed to the POST(return false;) and execute a jQuery post using the jQuery plugin serailizeJSON. See source code and look for "serializeJSON",
Problem by loading lightbox with ajax
Content of File B is loaded by AJAX in File A. In the head of File A, there is the link for lightbox.js. The elements adressed to the lightbox are loaded with AJAX afterwards from the File B. The problem: The lightbox isn't recognizing the loaded elements. Because I dont have much AJAX and jQuery experience, I don't understand most of the solutions I found on the web. Or I just can't use them right. - File A contains lightbox.js - File B contains the images for lightbox.js - AJAX loads the images
find anchor and addclass to specific link
hi guys.. i have a litte question... is there a way the search for a name "1-LINK" and find in the next ul > li > a "#1-LINK" and addClass "active" (but only in the first ul after finding "1-LINK") and this for all 4 boxes: a name "1-LINK" and find in the next ul > li > a "#1-LINK" and addClass "active" a name "2-LINK" and find in the next ul > li > a "#2-LINK" and addClass "active" a name "3-LINK" and find in the next ul > li > a "#3-LINK" and addClass "active" a name "4-LINK" and find in the next
jQuery Knob and width-data in %
I try to figure out how i can set width-data in % instead of px value For now the Knob can be set only in pixel. i want figure out how i can made in % for keeping ratio style. source : https://github.com/aterrien/jQuery-Knob/blob/master/js/jquery.knob.js TX
most iphone-like ui preset for jquery
Hi everyone! My 1st here. I have written a simple application which I would like to eventually place in apple store. Knowing their restrictiveness in terms of the visual side, I want to give the app a look possibly iphoneish. Are there ready presets likening the www to iphone/ipad? thanks
why $(this) is used in this way?
Hi all, In a plugin I see a the following code, $.fn.galleria = function( options ) { if ( !$(this).length ) { ... The code works. But this in $(this). above should be JQuery, so $(this). is essentially $(jQuery). Why don't use just "this"? Thank you.
What is the best way to use jquery in different pages of a 100 page website?
Hello; It seems that the correct way to add scripts is to do this in the header: <script src="myscripts.js"></script>. What happens if each of my pages need a variety of unrelated specific scripts? How can I tell the header to add scipt1.js if this is login page, add script333.js if its another page..? Should I make hundreds of different scripts? Or should I add some scripts in each file? Thanks
Question about gallery
Hello, everyone! I'm newbie in jQuery. Tried to make a gallery with thumbnails and "next/prev" buttons navigation. Then I've get lost in all the functions, so I stuck. For now, the buttons just move the slider with a thumbs, but they don't select them. Here comes a code: var x=1; $(document).ready(function(){ $(".tmb_slider img").click(function(){ $("#pic").attr({"src":"gallery/big_thumbs/"+$(this).attr('ct')}) $(".tmb_slider img").css({ "border":"2px solid #FFFFFF" }) $(this).css({
How To generate Dynamic jqplot PLOT CHART using a value from Datatable cell.??
I am writing a code for displaying student Details in JQUERY MOBILE my code should work like 1st page contains list of students [ when user selects some students and clicks on a button, which goes to second page] 2nd page contains only selected students listview. [ when user clicks on a students name from that list view, controle goes to 3rd page with with that value=(studentName)] 3rd page will contains that students marks in several subjects IN datatable.(as bellow) and bellow it we have to display
li:active after close popup
I have a list, where each li opens a popup. When I close the popup, the li still has an active styling. How would I get rid of that? Here are some screens: Opened popup http://d.pr/i/hh4C Closed popup http://d.pr/i/pYGW Any ideas?
Next Page