Jquery Mobile Onclick event does not work before page reload
Hi, I am calling page from main page but the onclick does not work until I reload the page. any help? This is my link: <a href="#" id="mag" data-role="button" onclick="formSubmit();"><img src="images/mag.jpg" alt="" /></a> This is javascript: $('#mag').click(function (event) { formSubmit(); }); $(window).load(function () { $("#q").keyup(function () { var SEARCHWORD = this.value; $("#MAIN_UL li").each(function () { if ($(this). find("a"). text().toUpperCase(). indexOf(SEARCHWORD.toUpperCase()) >=
Multiple Pages + Ajax + Piwik integration
Hello, I'm trying to integrate PIWIK Statistics in a Jquery Mobile driven Page. Page consists of about 10 different pages - all JQuery Mobile Ajax loaded. For Piwik I have to fire a JS call when a new Page is called. I already tried it this way: $('[data-role=page]').live('pageshow', function (event, ui) { try { var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 1); piwikTracker.setDocumentTitle(document.domain + "/" + document.title);
Please identify the image slider used here
Can anyone identify what image slider is used here on this Wacom tablet page: http://www.wacom.com/products/pen-tablets/intuos/intuos5-touch-medium I did check the source code, it mentions "anything slider", which I googled, but the anything slider does ont seem to have those cool zoom in/out slide left/right effects on that Wacom page, or resemble the style featured on that page (caption, row of buttons, etc). An identification on what slider was used on that page, or a similar slider that supports
event problems
I want to put a click event on a button i have given the button an id of "button" in the html but i cant seam to make the jquery work i have tried both of the following $("#button").click(function(){ alert("test"); }) and $("#button").click(kitten()); function kitten() { alert("test"); { and neither version works. note that if i change $("#button").click to $(document).ready then it it does work (for both versions of the code) so why cant i make click events work
Problem with alert().
hello guys!! someone please help me with my problem. i have html page having 2 <a></a> tags and a script which gets url variable and one of the anchor work with that variable and other is just like a back button.the issue is the alert() in the script is not working secondly the the 1st anchor is not working according to the script means i can not click that anchor.here is the code: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="./style.css" type="text/css"/>
Why should $.browser have to be deprecated?
I always see $.browser is deprecated and get asked to use $.supports instead. But they are different things. One gives you the browser version, the other gives you the supported features. I have two major use cases for $.browser in my application: My organisation only tests the application against certain browser versions (e.g. IE8+, Safari 5.1+, etc) If someone has a lower version, we want to display a message saying that the application has not been fully tested against your browser version and
Example for JQUERY using JSON
Hai...Can any body explain how to get data from the server and maket that data as JSON Object? Please explain with simple example?
Pagination with jqGrid
I'm using jqGrid 4.4.0 with paging enabled. When I type, in the page number input (in the paging footer), a page number that does not exist (e.g.: Enter the number 30, but there are 2 pages) jqGrid shows a page with no record. Can jqGrid show the last page with recorda (in my example, page 2)? If yes, how can I do that? Could anybody post a snippet? Many thanks in advance. Victor Rodrigues Nunes
tab reload problem with 1.9
Hi there! Before 1.9 to reload a tab with new content i use: var selected = $("#tabs").tabs('option', 'selected'); $tabs.tabs("url",selected, NEW_URL).tabs("load", selected); and it works! But with the 1.9 version that not works anymore so i read the changelog and i try to change the href directly and then reload the tab: $("li#"+id).children("a").attr("href", NEW_URL); $("#tabs").tabs("load", sel);The href of the <a> element change but the tab did not reload. What is the correct way to reload a
How to trigger video to play when link is clicked, and then pause again using the same link?
Hello, With jQuery can I trigger a video to play and then pause when a single anchor is clicked on? I have a page with 5 videos on it, I don't want to use the controls on the videos themselves, thinking of putting an anchor next to each which will say play. Click it the video plays, the play text changes to pause, click it again it pauses and returns to play again. you can see this page at http://kimcolemanprojects.com/djangolive_1.html Thanks
popup like PINTEREST Repin
I am new to Jquery I want to implement a popup like PINTEREST Repin popup,it is very nice... If you click the repin button(after login) the popup will go to center with animation(flipping) and the origin div will hide.... I searched about that in google but I can't to find any popup like this. Any one please help me..... Seems they used JQuery & JQueryUI & css3 (Transform)
Open window in chrome from IE or FF?
Hello, Is there a way to open a popup in chrome from IE or FF? I need to be able to use webkit.
Use navbar buttons as toggle buttons in jQuery Mobile
Hi guys, I'm trying to use footer navbar buttons as toggle buttons in jQuery Mobile 1.2.0, but I have a problem on Safari Mobile. This is the HTML code for my buttons. <div data-role="navbar" class="navbar" data-grid="b"> <ul> <li><a href="#" id="navbar-1" data-icon="custom">Navbar 1</a></li> <li><a href="#" id="navbar-2" data-icon="custom">Navbar 2</a></li> <li><a href="#" id="navbar-3" data-icon="custom">Navbar 3</a></li> </ul> </div> And this is the JavaScript code I use to simulate toggle feature.
How to force addition instead of concatenation
I'm trying to add all of the calorie contents in my javascript like this: total = parseFloat(myInt1 + myInt2 + myInt3); $('#response').append(total); Instead of adding the variables they get concatenated. I've tried using parseInt, parseFloat, and Number but I still just get concatenation and not addition. Please look at the view source at http://maureenmoore.com/momp_112412/121912_800.html
Unable to call jquery from linkbutton
Hi, I need to bind a dropdown list in modal popup. I have below code in grid view: <asp:TemplateField HeaderText="Upload"> <ItemTemplate> <div id="clicker" class="box"> <asp:LinkButton ID="lnkUpload" CommandName="UploadFile" CommandArgument='<%#Eval("ClientCode") %>' runat="server">Upload</asp:LinkButton> </div> <asp:Label ID="lblStatus" runat="server" Text=""></asp:Label> </ItemTemplate>
what is the correct way to resize the slide handler? - any one show me in fiddle?
I made a scroller bar, and resized the handler, it very bad... how can i resize the handler with correct way any one have a look here and help me? my codes: $(function() { $('#sample').slider({orientation:'vertical'}); }); css: .ui-slider { position: relative; height: 300px; width: 20px; line-height: 20px; border-radius: 2em; background: #CCC; margin-left:50px; } .ui-slider-handle.ui-state-default { display: block; cursor: move; height:100px; margin-left:4px;
full screen changing background
I want to make full screen background of images that change by fade. The problem is that I need only part of the screen, on the top and the bottom of the site I have divs with menu and footer so only part of the screen will be used for the images. I need the image width will fill the screen but I need the height not fill all the screen, also I need this work on any resolution and also work on the iPad and similar devices. I do not want scroll bars to be shown. I need something like this: <div> menu
Parallex and vibrate background image with scroll
I need background image parallax and vibrate little bit when scrolling with mouse. Background position is working with jQuery's `css()` function but not vibrating. When ii firebug it result is <div data-speed="10" data-type="background" style="height: 1000px; background-position: 50% 0px; animation: 0s ease 0s normal none 1 NaNpx;" class="parallax-container" id="intro"> **I am using jQuery's code for this, and testing in `Mozilla`.** /*parallex backgound*/ $glob('div[data-type="background"]').each(
Add 'dim' class until particular DOM element
Hello, I have a rather simple problem (I think) but can't seems to find a simple solution. I have a table and one of the cells has a 'today' class. <table> <tr> <td>1</td> <td>2</td> </tr> <tr> <td class="today">3</td> <td>4</td> </tr> </table> Now I have to add a 'dim' class to all the cells before '.today', that's it :) Of course, the table is dynamic (it is a calender). My solution was to get the index of 'td.today' and then
Dropdown selectrd index enable true false using jquery
I have 3 dropdown in my form i want to enable true or false at the time of dropdown selected index using jquery how can i write it ?
keyup strange problem!!!!!
HTML CODE: <div id="header"></div> <form> <input id="target" type="text" /> <input id="target2" type="text" /> </form> JQUERY CODE(Test 1): $(function(){ $('#target').keyup(function() { $('#target2').attr("value",function(){ return $('#target').val() ;}); }); }); JQUERY CODE(Test 2): $(function(){ $('#target').keyup(function() { $('#header').html("<h1>"+function(){ return $('#target').val()
How to find element which caused event because of jquery .live
How can I find ID of the element which caused an event as a consequence of .live (jQuery method) ? The following is an example : $("form[data-f=true]").live("submit", function (evt) { /* If I have <input type="submit" name="Submit1" data-f="true" /> and this button is clicked, then I want to know it's Submit1 button. */ }); I tried evt.target but it returns information about the form not about the button which was clicked. Many thanks
Fixed Headers and Footers not disappearing on scroll of ui-content
Originally, I had this working and then I made it where the header and footer stay persistent as you scroll through the content, then the client changed their mind and wanted it where the header and footer disappear when you scroll through the content. Now my issue is trying to make this come back to where it originally was. So I got rid of the data-tap-toggle and data-id="persistFooter" or data-id="persist" but the header and footer are still stuck where they are and don't disappear when you start
Styling ui-navbar in different background colors than ui-listview
Having an issue with this page that features a ui-listview and a ui-navbar and I'm trying to style it where the ui-navbar button that in this example is the same color gradient as the listview, is a completely different background color. It's theme C, but if I style .ui-btn-up-c it affects both the button in the navbar and the button in the listview. So I tried copying that style and doing one for .ui-navbar .ui-btn-up-c but that just makes both buttons in the navbar the exact same color and style.
How to define fallback transitions for non-3D support?
In JQM 1.2.0 docs, the defining fallback transitions for non-3D support is explained as The fallback transition for browsers that don't support 3D transforms can be configured for each transition type, but by default we specify "fade" as the fallback. For example, this will set the fallback transition for the slideout transition to "none": $.mobile.transitionFallbacks.slideout = "none" But the $.mobile.transitionFallbacks.slideout = "none", again getting me fade transistion when non-3D support devices
Please help completing this slider code I am stuck.
Hello, I am makeing this neat slider. You click the links and the slider comes out but when I click the same link twice it comes back. I need to not have it move when it is clicked twice. For a better I dea of what I need Take a look at my code: and here is a site that has the effect that I want in flash(I know this is j query and not flash this is just an example:http://artistecard.com/JBoog <script> $(function () { var current $("#aOne").click(function () { trade($("#div1"));
querySelectorAll and getElementsByClassName
Are there plans to use native browser .querySelectorAll() and .getElementsByClassName() in future releases? .getElementsByClassName() works just as described and will be in upcoming WebKit and Mozilla releases (it's in FF3, which should come out this quarter). I haven't looked at any Firefox benchmarks, but the native Webkit implementation is blazing fast: http://webkit.org/blog/153/webkit-gets-native-getelementsbyclassname/ .querySelectorAll() is much more exciting; it's in the W3C selectors API
datepiker localization
Hi, How do I translate datepiker plugin into another language? I created in a separate JavaScript file named ui.datepicker-<language>.js. but it does not work. How can I do it step by step? please help.
Fire a event onChange every time
Hi, I have this piece of code to fire a event when a onChange events occur but I need to change to different option every time: $('#search_by').change(function(){ if($("#search_by option:selected").val() == 4) { $("#date-selector" ).modal(); } }); But I need to fire the event every time I click the select option with value 4. Any help?
set value toFixed on blur
I have an input field that is used to insert a dollar amount. If the user types in "100" or "100." I want to add two decimal places to the value using the toFixed(2) method. This is what I'm trying, but it is undefined. var j$ = jQuery.noConflict(); j$(document).ready(function(){ var ccAmt = j$('[id$=Credit_Amount]').blur(function() { ccAmt.text( value.toFixed(2) ); }); }); Thanks for any help.
Error in <javascript> markups
Hi all, On my website I'd like to have 2 JQuery scripts, but 2 lines of code don't work with each other. These are: <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> Any idea what is wrong? Thanks
Sortable problem in Chrome and Opera
I have a sortable UL using images. Chrome and Opera are putting a height of 15px through 'element.style' of course the images are taller than that, and the result in Chrome and Opera is very bad. The stylesheet for these LIs (.burkeRankItem) specifies no height and IE and FF let the LIs alone and everything is fine. There is a table surrounding the UL - if that matters. Example here SOLUTION -> (found on stackoverflow if I remember correctly) added !important to height and added overflow:hidden
trying to use $.post
I am trying to use $.post() to perform ajax functions the bit i am having difficulty with is the callback function all of the pieces of documentation i find for it (i have read several) give examples with this syntax. $.post("demo_test.asp",function(data,status){ alert("Data: " + data + "\nStatus: " + status); }); as you can see the function is defined within the $.post() parameters. however i dont like writing my functions into the properties of jquery methods like this because i think it
data-native-menu='false' - Custom pop-up width?
The popup that is created for <select> elements using data-native-menu='false' is cutting off the text of my options. Does anyone know how I can customize the width of this popup? If possible, I'd prefer that it size itself based on the length of the longest option, unless it reaches the fullscreen width, in which case it could then clip the text. Thoughts/suggestions?
remove() or replaceWith() leaves line where link used to be?
Hey Board, I'm trying to display a list of links 10 at a time with the last link being used to show that there are more links available. After clicking this link I'm trying to remove or replace the last link that says "More..." with the next set of 10 links. The problem I'm having is there's a blank line where the "More..." once was. This happens when I do either remove() or replaceWith(). Is there a way to get rid of the line? When I put the code in jsfiddle the blank line doesn't show up, however
jquery trigger click problem
I had a problem getting jQuery to work at all on the page. I found some code which helped me get it to work (see function below). I tried to add the line $('#firstpic').trigger('click');Although it doesn't break, it doesn't work either. What I want to happen is that the id firstpic would be clicked when the document is ready. This will bring up a pretyPhoto slide show. <script type="text/javascript" charset="utf-8"> ( function($) { $(document).ready(function(){ $("area[rel^='slideShow']").prettyPhoto();
Listview style
Can someone tell me what is the CSS that controls the onclick of a listview item?
JQUERY Random Multiple quotes rotator needs tweaking
I'm struggling trying to make my multiple quote rotator working the way i want it to. I have a JS fiddle up and running : Jsfiddle - Multiple Quote Rotator My problem is that i would like my 6 quotes to appear one after the other with an animation. All i can manage is a global fade in fade out... Am i making sense? Cheers,
save data in db using input dilog box
i am use dilog box model form. i want to store data in db how we add this.
bxslider carousel code
i am trying to implement the slider from this site http://bxslider.com/ i used the exact procedure what they said but still my code is not working can you guys tell me how to fix it i am providing my fiddle code blow http://jsfiddle.net/v3efb/3/ http://jsfiddle.net/v3efb/3/embedded/result/ providing my code below
Next Page