Field Validation Will Not Work
I'm new to jquery mobile. My form works but none of the fields need to be filled in even though I have javascript validation. Here is the javascript part. I have it in my header. I believe I'm using jquery 1.3 I tried upgrading to the latest version and it really jacked up everything. I'm too far along to switch now. <script> $(document).on( "pageinit", function() { $('#checkpay checkform').validate({ rules: { dcs1: { required: true }, dcs2: {
how to capture textarea events when character data is entered
I'm having problems capturing any events from a textarea as I type a particular data string (++) into it. My ultimate goal is to produce a popup whenever two plus-signs (++) are entered into the textarea and some data has already been read from the server. The data read from the server will be displayed in another textarea in the popup, for further editing, and then redisplayed in another readonly texarea on the main screen, associated with the popup. The original textarea is defined like this:
How to show power point presentations in browser
Hi, I am using ASP.NET which supports HTML5, CSS3, JQuery. I tried to display a power point presentation in a browser with users options to play/pause, view next slide options and failed miserably. Thought to know if there is a way in jQuery to do this. Even aplugin suggestion would do.
Can jquery count a certain value like total posts or topics?
Say you got a forum that outputs per forum row the total posts and topics. Can I run a little js script that counts the total posts or topics or both and if say <= 150 posts = show a button called popular which means the forum in question is popular <= 25 topics = show a button like above called popular but not show the button twice lol. Just once so a function that counts both topics and replies that allows the button to show up if both conditions are met and if not be hidden. Much like the idea
Update Plugin When Div is Resized...
Hi guys, I've made a custom plugin that fills a div with text - as big as it can be (based on fittext) - it works the way I want - except for one thing... You call the plugin like this: $(".lotsOfDivs").myPlugin("% fill","% from top"); At the bottom of the plugin I've got this line: $(window).on('resize.myplugin orientationchange.myplugin', resizeText); If I have a div ("big") that is 100% width and height of the body - and I call the plugin like this: <div class="big"> <div class="item">My Text</div>
library conflict
Hi, I have computation form at first everything was working fine. here's my code. <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="<?php echo base_url(); ?>assets1/js/moment.js"></script> <script type="text/javascript" src="<?php echo base_url();
How to use the window object?
How can I use window objects? Let's say for example I do something like this: var window_tool = window.open('bla bla bla '); var images_one = window_tool.$("img").attr("src"); alert(images_one);In the example code above. How could I alert the source of the image loaded in the 2nd window object? I am talking about opening a window. Then trying to access the dom of that window to grab information from it. The code above should just grab the images source url and then show it in the alert box. I tried
jQuery Cycle Plugin and Bootstrap
When I include bootstrap.css to a page that also uses the jQuery Cycle plugin, the cycling does not work. What happens instead is the area where the slides should be are just blank. I'm using the latest version of both Bootstrap and jQueryUI. (Removing jQueryUI does not fix the issue). Is there a workaround for this issue?
Multiple scroll to points
Hi, Here is a page in question http://www.theremotedoctor.co.uk/accaudi.html Under the Item Selection you will see, Flip remote key pad Return to menu. Both use the smooth scroll & work fine. This question is related to the iphone viewing status. Currently what happens is you select Accessories followed by Audi. The item selection is off the screen and you manually need to bring it into view. This is the same for all the other options/car manufacturers on the site. What i would like is after Audi
Make a button show if a sentence :contains (password)
My JS; $(document).ready(function(){ if ($(".wrapfix:contains('password')").length) { $(".buttonprotectedbox").removeClass("buttonprotectedbox").addClass("showbutton"); } else { $(".buttonprotectedbox").show(); } }); My html: (its phpbb) <div class="wrapfix"> <div class="buttonprotectedbox"> <a title="Password Protected Forum." class="ui-button ui-widget ui-state-default ui-corner-all buttonprotected">Protected</a> </div> <!-- IF forumrow.FORUM_DESC --><br /> <span class="forumdesc">{forumrow.FORUM_DESC}</span>
How to get the value of dropdown list generated dynamically
Hello, First row of input fields are manually put in html the rest of the rows are generated dynamically by clicking add options (the values of the combox box is also coming from database through ajax from second row onwards) When I select the first row combo box - I am able to get the values of selected item and its price is fetched through ajax call and inserted into the nex text box. My problem is that when I select the second, third etc row's combo box I am not able to generate the values of
Any jQuery slider around similar to Amazon's?
Hello everyone, I know there are several different jQuery slider solutions out there, but I haven't found yet something similar to the flexibility and usability of the ones used by Amazon on their home page: http://www.amazon.com/ Do you have any jQuery plug-in or framework to suggest that could give me a similar user experience? Any thoughts are very welcome. Thank you in advance! All the best, Fab.
jQuery Accordian dropdown (menu option) breaks when toggling between external SSI (server-side include) files
I'm fairly new to jQuery, but understanding it theoretically. What I'm battling with right now is with the following server-side includes and how to do the JS to either display one OR the other include within the div . I've tried .load and also .hide, .show on the id's below, by alternating when the language icons on top of the site are clicked. I think my problem is the SSI files (which are language files - one english, the other spanish) are conflicting because of the same div id's which is "menu"
getJSON problem in ASP.Net
I have am trying to use getJSON() in an ASP.NET MVC 5 View: var controllerUrl = "@this.Url.Action(actionName:"EditData", controllerName:"Home")"; $.getJSON({ url: controllerUrl }) .done(function () {alert("getJSON succeeded"); }) .fail(function (jqXHR, textStatus, errorThrown) { debugger; alert("getJSON failed: " + textStatus); }); getJSON errors in this part of the jquery.js (version 2.1.3.). When these variables contain: url = undefined s.url = an object containing url: "/Home/EditData"
Superfish v1.7.5 submenu open on left if no room on the right?
Is there an option or a way to do this? Looking at the examples: http://users.tpg.com.au/j_birch/plugins/superfish/examples/ I would like the third menu item to open the third level menu on the left instead of on the right, so that it does not get cut off by the screen (on my page, the menu reaches all the way to the right edge of the site). Can anyone help?
session storage
Hello i'm using html5 & jquery and i look how can save my session with sessionStorage i'm using 3 inputs [ text/password/checkbox] i want when i check the checkbox my session will be saved for example i close my browser and open it it open with my session but i can't do this this my code $(document).ready(function() { $('#submit').click(function(){ //\\ var fieldValue = document.getElementById('username').value; sessionStorage.setItem('username', fieldValue); var fieldValue = document.getElementById('password').value;
cloned elements lose initial 'display' state for show() / hide()
I cloned an element and children, I then ran .hide() on a bunch of the sub elements. Then I adjusted all their ids to "[originalid]+'_'+[incrementing number]" Then later I ran .show() on the sub elements, and they do not get restored to their initial display: inline state (as per the clone). If I adjust the ids *first* and then do the .hide() it seems to behave as expected. So I guess I am wondering if this is a known behaviour, that jQuery 'loses track' of initial states of elements if you change
ui-responsive-panel issue in windows 8 lumia 630 device
Hi, I have used responsive panel in my application, in portrait mode panel is fully expanded and when we change to landscape mode, left and side I am showing panel and right and side details. Left side panel always visible, for that I have used below function. function panelOpenDefault() { $( "#nav-panel" ).panel( "open"); } When I change from portrait to landscape mode header is moving little ride side, in browser and android device it is working fine, I am facing this issue only in windows phone,
Firebug returns without 'holding' last ajax call to PHP on the console
I don't know where to ask this question. However, I would think that most Linux users would use firebug to debug. What is happening is that client calls my php file via ajax and the 'call' appears in the console window very briefly and then exits before I get a chance to look at it. (There are two calls. The first one remains in the console to be examined.) Thanks for help or direction to help. R
jQuery Cycle Plugin and HTML5 Boilerplate
I'm reworking a current website that uses the Cycle Plugin . I'm using the HTML5 Boilerplate and Cycle is not working. Doing a bit of troubleshooting, there is a line in the Boilerplate index.html file that appears to be rendering it useless. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> Removing this line from the index.html (near the bottom) file allows Cycle to work properly. I am not a Java programmer, so I'm not sure where to go with this error. Is it
multiple pagecontainers
I've been using a multi-page design successfully for a while now with JQM 1.4. I also have a persistent header that is working well. However I have a need to have a different persistent header depending on "groups" of pages. E.g., 3 pages should have persistent header A, and another three pages should have persistent header B. With the persistent header defined outside of the pages, but within the pagecontainer (body in the default case), the data-id attribute doesn't seem to do much if anything
By default alert is coming?
Hi Here is my program :-------- <html> <head> <script type="text/javascript" src="jquery-1.11.3.js"></script> <style> .intro{ background: #000; } </style> <script> function g_fun() { var items=['1','2','3','4']; var newitem=$.grep(items,function(chkval){ if(chkval=='1') return false; return true; }); alert(newitem); } function m_fun() { var items=['1','2','3','4']; var newitem=$.map(items,function(chkval){ if(chkval=='1') return false; return chkval; }); alert(newitem); } function fun1(){ return
TapHold not working on second time
The idea is long press happen, the Cropping function have to take place. But only ontime "taphold" called on first time we press, then it not executed. $(document).on("pageshow", "#pageone", function () { // simply check alert("Hello"); multiply(); }); var multiply = function () { alert("I am inside function"); $("#imgCrop").on("taphold", function () { alert("Taphold working"); //check now $("#imgCrop").Jcrop({ onSelect: storeCoords }); return false; }); } function storeCoords(c) { jQuery('#X').val(c.x);
Javascript file uploader
How to make provision for selecting only image file from file upload box? example:If i click on upload button ,one box will opens that time it only select image file.nt other file
document on change fired twice
Hi, I am looking for a solution for a jquery mobile events. I created a multi-page website. One Of them contain a list of slider elements created "on the fly". Each time I go to this page, I delete every li elements and I create a new time all of my li elements (and of course my input type=slider elements) because content can change. For instance , this is a element of the list : '<li data-role="list-divider">Element<label for="flip-'+key+'"></label><select name="flip-'+key+'" id="flip-'+key+'"
Proper way to Call AJAX with serialization Variable plus other Variables
I am trying to pass not only the serialized form data but a couple of other variables. <script type="text/javascript" > function update() { var str = $('#account').serialize(); var request = $.ajax({ url: "AccountRevise.php", type: "POST", data: {"str":str, "recId":recId, "key":key}, dataType: "json", }); request.done(retData); etc, etc. On the PHP end I try to get the individual values and doesn't work. Need help on passing data properly please.
Tabs Bookmarked with Direct Link
Hello, thanks for any and all help. My jquery tabs code is below. I need to add the ability for tabs to be directly linked from outside pages to the hashed url. jQuery(document).ready( function () { jQuery( '.tabs .tab-links a' ).on( 'click' , function (e) { var currentAttrValue = jQuery( this ).attr( 'href' ); // Show/Hide Tabs jQuery( '.tabs ' + currentAttrValue).show().siblings().hide(); // Change/remove current tab to active jQuery( this
Split location.href for multiple values?
I have a varient that finds the current url and splits it as follows: var ehref = window.location.href.split('?',1); This is then used to match the url with a navigation link href and give an ID to the page. My issue is that when our cookie pop up is closed, # is added to the url. Subsequently the page links are passed around between users with the # and the page ids do not work. What is a simple way of splitting the url at a # as well? I am new to jquery, thus I understand the gist of what I'm 'reading,'
Problem with val in dialog
Hi, I am having a problem with a VAL() call. I have a page with a button that brings up a dialog to edit values. When the user presses save, I save the values and then call them up again if they edit again. So, here's what happens when the user presses "Edit". 1) Read the values that should go into the Text boxes on the dialog 2) Rebuild the HTML that goes into the dialog div 3) Assign the HTML to the DIV and call the dialog() method to set it up 4) Assign the values to the text boxes using .val()
Array of promises, when and output
Hello everybody, I have a list of promises ($.getJson) and I use $.when to execute all of them. My problem is that I have not understand, how can I get the successful output of these requests also if one failed. Is it possible? Thanks a lot!
trying to replicate this swipe.js, but not working
Hi, I found this : https://labdoor.com/review/sunwarrior-warrior-blend-raw-vegan-protein I like the swipe pagination of the three images, tried to do the same in jsfiddle : http://jsfiddle.net/mlotfi/85rr53fm/3/ but does not work for me. Thanks.
Absolutely positioned element invisible if within a grid
There is an element which is part of an autocomplete "popdown" list. It needs to be absolutely positioned, so it does not push other elements down as it fills out. This works fine in one place, but in another - where it is within a jQuery Mobile ui-grid-a grid construct - the element is invisible: http://jsfiddle.net/needlethread/kkpjq8ww/ The CSS can be edited to add the display:absolute style, then the topmost element vanishes. It is still placed there - the developer tools can see it and outline
Links after .html() problem
Hi there! I'm trying to modify this tutorial: http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/ in order to add a button to flip the boxes and another to close them. I'm stuck because after adding the content with .html() the '.close' button doesn't work and I don't really understant why... Would you please give me a clue? THANK YOU!!! $(document).ready( function (){ $( '.open' ).on( "click" , function (){ var elem = $( this ).closest(". sponsorFlip "); if (elem.data( 'flipped' )) {
Add a textbox in the default dialog box (pop up).
Hi, I want to add a text box at the end of the dialog box, so I have achieved this like this $(".LASERAction").dialog({ autoOpen: false, height: 450, width: 600, modal: true, buttons: { Ok: function () { //My Submit code } } }); var textBoxHTML = '<div style="position:relative"><input type="text" class="form-control InteractionText" id="InteractionFinalText" /></div>' $(".ui-dialog-buttonpane").prepend(textBoxHTML); When I have implemented this the text box is adding at all the places wherever I
Need a jquery plugin to display div tags as a slideshow
Hi, Please help me as I am new in jQuery I am looking for a plugin or code which can enable me to show my div(text and image) tags as a slide in the slideshow. Please check the div tags which I want to publish. I also need to show the prev and next buttons with balloons to navigate to the slide. All this should be in a 500px height. What I want is in http://www.brets.in/brets/site/ page. <div class="slideshow">
<div class="slide">
<h2>Vision : To be a credible recruitment and training platform for banks and financial institutions</h2>
<img src="../Images/logo_site_with_tag1.png" alt="logo site with tag1" />
</div>
<div class="slide">
<h2>Mission : To prepare the candidates to be employable in banks through online training and coaching</h2>
<img src="../Images/logo_site_with_tag1.png" alt="logo site with tag1" />
</div>
<div class="slide">
<h2>Exhaustive Study Material & Question by Question Coaching</h2>
<img src="../Images/logo_site_with_tag1.png" alt="ecofriendly 4861e" />
</div>
<div class="slide">
<h2>Lecture, Training, Mentoring & Coaching Combinations to build Skills</h2>
<img src="../Images/logo_site_with_tag1.png" alt="graph 519ca" />
</div>
</div>
How to "Add Custom Header to all the HTTP request made from a Page" ?
From an X page, I need to add a "dynamic value" in the header. So that, to which ever page i am navigating from the X page, i will get that value in the page i am landing.
An interesting question in regarding element Id
Here is a simple html textbox in my form. < input type =" text" class =" form-control InteractionText" id =" InteractionFinalText" / > Now when I am accessing this textbox value in jQuery I am not getting the value entered in it by writing like this var s= $(".InteractionText").value (OR) var s = $( " #InteractionFinalText" ). value (OR) var s = $( " #InteractionFinalText" ). val() Interestingly it is working fine when I am accessing like this, it was so surprising for me why we should access by
Windows 8 & jQuery Mobile
Hi all, I have a MobileFirst ( Worklight ) project that is available on Android, iOS and as mobile web site. Now I'm trying to make a Windows 8 version but I'm facing an exception with jQuery Mobile ( 1.4.5 ) when I try to tap on a button that change the page. Seems that in "jquery.mobile-1.4.5.js" in the "handleTouchEnd" function the value of "getNativeEvent(event).changedTouches" [line 16] is undefined function handleTouchEnd( event ) { if ( blockTouchTriggers ) { return; } disableTouchBindings();
get xml value based on attribute with jquery
I want to get all the values of the items where the name="id" and append these values to the div to be used for future purposes. I have the following XML: Pastebin link and this is my jQuery: $.ajax({ url: "http://test.be/", type: "POST", dataType: "xml", data: soapMessage2, crossDomain: true, contentType: "text/xml; charset=\"UTF-8\"", success: function(xml) { $(xml).find('item[name="id"]').each(function() { var libr = $(this).text(); $('#lib').append('<p><a href="#">' + libr + '</a></p>'); });
Jquery Mobile Application shrinks its screen on Android virtual keypad
My jQuery Mobile Application shrinks/resize its screen when Android virtual keypad opens up. This Application is wrapped as native using Cordova. I tried by adding the following in config.xml <preference name="fullscreen" value="false" /> <preference name="fullscreen" value="false" /> <preference name="android-windowSoftInputMode" value="stateVisible" /> But nothing seems to work. I don't want to change anything in my AndroidManifest.xml since it is going yo be a complete configuration Application.
Next Page