SwitchClass - How do I Change direction
Hi, I"m very new to jquery so I tend to try to keep it as simple as possible since I'm a design person not a js developer. (show/hide rocks my world, ok?) now I'm trying to use the switchClass. I used the default.html as my starting point. So far I have it doing just what I want, except that I want to position my item in the lower right corner of my content and have the switch move from right to left, bottom to top. (two divs with diff. background images and sizes.) When I position it, say within
$.append adding to last element in table row instead of creating new row
Hello, Im trying to insert a new row in a table. But instead its appending to the last element in the row. Ive done this a hundred times, and it's not working now I should have gone into underwater demolition like my mother wanted me to ... // Add container $("#dtltbl").on("click", ".addCont", (function () { var $classes = $(this).closest("tr").prop("class"); var $class = "." + $.trim($classes.replace("itemno",""));
Dialog open if recordset is empty?
Hi, I am trying to use a Dialog within my webpage. I have a recordset which returns a email address. I would like for the Dialog only to open if the recordset is empty. This is Script so fare <script> $(document).ready(function() { $(function() { $( "#dialog-message" ).dialog({ modal: true, autoOpen: false, buttons: { Ok: function() { $( this ).dialog( "close" ); } } }); }); }); </script> <div id="body"> <% If Email.EOF And Email.BOF Then
Help in running script
I found this old script, which would really help me resolve an issue I have: http://andylangton.co.uk/blog/development/accessible-showhide-content-jquery. I have never used Jquery, (JS or php). Have tried all I can think of (re -html side) but nothing works, it will not hide text, nor show, in fact it does nothing. I know it's me, and think maybe I should be linking to something, but not sure what or how. Any help would be gratefully appreciated.. D)
Placement of jQuery script issue - not working from external file
Hello, I have a script that restricts user input and this works. Problem area. I have a external file that i keep the js in and for some reason the script wont work from the external file.. I also noticed that this particular script needs to be below the input field in order for it to work. I like to keep the script in there respective files can this not be done with this particular jQuery script? side note the jQuery test which is lso found in the external file, work <!DOCTYPE html> <html> <head>
Offline jQuery App in HTML5
Hi, A noivice here.... I want to develop a application which is offline app developed using phonegap.... I have database of the app that i want to store it locally on device and need to access the sql database file from HTML using javaScript or HTML5 or PhoneGap... Just need a way to access the database file which contains tables from HTML File ... Thanks in Advance,
Need help for my first listview jquery!!!
Hi, I don't get to show the second page after the list button click. <div data-role="content"> this line of code prevents me from doing the rest run correctly. I'm a little lost if anyone can help me I thank you in advance. Benjamin <!-- jquery --> <script type="text/javascript" async src="js/glyphicons/ga.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.2/jquery.mobile-1.1.2.min.css" /> <script src="http://code.jquery.com/mobile/1.1.2/jquery.mobile-1.1.2.min.js"></script>
Joining Objects from TW Arrays into one Array?
Hey guys, I am using getJSON in a for loop to collect data. Each response contains an array with multiple objects. for (var i = 0; i < index.length; i++) { $.getJSON("url" + index[i] + "/lists", function (data){ console.log(data); }); }the console log will then look something like > [Object, Object] > [Object, Object, Object]Now i want to join these two Arrays into ONE new Array... > [Object, Object, Object, Object, Object]I tried to declare a new Array and used
How can change configuration parameters of jquery easy pie
I am using `juery easy-pie chart` plugin for making pie charts.Initially I pass default configuration parameters.After I want to change configuration parameters like `bar-color, size`of pie chart. default configuration parameters: $('.chart').easyPieChart({ easing: 'easeOutCirc', barColor: '#1abc9c ', trackColor: '#f9f9f9 ', scaleColor:false, scaleLength: 5, percent:67, lineCap: 'round', lineWidth: 15, //12 size: 150, //110 animate: {duration: 2000,enabled:
trying to call parent window from child window (window.opener)?
I'm trying to get a child window to call a function on a parent window: https://www.dropbox.com/s/gle9sou3gj770ej/WindowOpenerPOC.zip LaunchPage.html is used to open ResolveCaseDialog.html. The Submit button on ResolveCaseDialog submits the selected "Resolution Type" value to window.opener.ProcessReturnValue(). However, when I click the Submit button, the ResolveCaseDialog js throws the following exception: "Uncaught SecurityError: Blocked a frame with origin "null" from accessing a frame with origin
accordion settings in Safari
using the accordion plugin it is initialized as: jQuery(function() { jQuery("#faq").accordion({ heightStyle:content }); In IE, FF, Chrome it is shown as it used to be. In Safari there is just one long list. After changing the initialization to jQuery(function() { jQuery("#faq").accordion(); }); even in Safari it is working (PC & Apple) But I like to have also the 'heightStyle' set to the content. I tried the next option code: jQuery("#faq").accordion({heightStyle:"content"});
Accordion - Slide header below content
I'm using accordion to hide additional content below the main content and show it when opened. Everything works fine, the only problem is that I want the header to stay below the content, ex: When the content is expanding, it slides the header button to the bottom and than, if closed, slides it back up, keeping it on the bottom at all times (when content is visible). I've done all the styling, but I can't seem to find how to change the position of the header. I'm using the minimal required css, and
Introduce My jqm game project.
hi, there. indroduce my jqm game project. http://snshero.com all side (sever,client) is implements by javascript. server : nodejs 100% client : jqm 100% support all language. cheer you~
javascript slider and jquery menu conflict
After the WP plugin running my fullscreen background slideshow broke I added a javascript to the homepage to reinstall the slider images. Now however the menu does not collapse onclick as you see it doing on the other interior pages. When you click the down arrow on the menu it's supposed to move up. I'm hoping for a lead or some help so I can accomplish both functions. I can provide script code here. Just let me know. Thanks.
jquery upload ui
i'm using jquery upload ui in my prestashop module. The problem is that i not understand how jquery ui calls UploadHandler.php, i don't find nothing in the js and php code. Where is the code that submit data to the UploadHandler.php? I would like to call a prestashop controller rather that the UploadHandler.php thanks.
Tabs - show all content divs?
Hi, I it possible to show all divs at once, so the user can see all the content on the page? I currently have this jquery on my page, but the tabs still hide all the content. Can anyone please help? $( document ).ready(function() { $("##tabs-menu").tabs(); $("##tabs-menu div").show(); });
Div Component Resizable from both side
Hi, I am creating a div component resizable from both the side using plugin jquery-ui-1.10.4.custom.js but it was allowing me to resize from one direction only ie. East. I have changed the handle and tried to resize the component from west side also, but it is getting resize in north direction rather than west. I want the component to expand in east and west only and not in any other direction. Please suggest something!!
tweaking ui slider to make handle invisible at page loading
Hi all, For a web survey i need to use sliders wich will not show the handle at the page Loading in order to not influence the score. The handle would appear only when a client would click with his mouse on the slide and would be moveable as usual. Many thanks for your help. Best, Chris (France).
Issue while using Containment
Hi, I am using containment function for constrainting resizablility of a div component. Queries: 1. while stretching div component from left, the position of component is changing ie. reaching to top side of the specified container. 2.while stretching div component from right,i am able to stretch it to half of the specified container only but not the full container. 3.while repositioning the stretched div,the size of top and width are increasing inversely proportionally. Requirement: I want
Datepicker - Custom text below calendar not working
I am having trouble with displaying a custom text below the calendar. The datepicker consists of highlighting dates captured from database, and I want a custom text to sisplay below the calendar as shown here: http://jsfiddle.net/william/ctqUa/1/ This is the code that is not working for me: $("#datepicker").datepicker().bind('click keyup', function() { if ($('#ui-datepicker-div :last-child').is('table')) $('#ui-datepicker-div').append('<p>hello world</p>'); }); My complete code in jsfiddle:
JQuery Validate - Not Working in IE 7 (No Console Errors)
Hello, I work for a company that, by default, renders Intranet pages in IE 10 Compatibility view - Document IE 7 Standards, and I am developing an application that needs to work with IE 7. It's a simple form that I decided to use JQuery Validate for to verify fields are not empty, etc. The script works with no problem in IE 10, IE 9, and even IE 8 (although I had to downgrade to JQuery 1.5 for this and the validate plugin to 1.8.1). However, in IE 7, upon attempting to submit, no fields that
jquery moblie 1.4.1 icons can not show in android 2.x browser
my web page been opened with android2.X browser,I can't find picture where statement in data-icon. and then on when I download the demo of the jquerymobile1.4.1 also find that icon has the same problem.How to solve？ hi, while i use the jquery to build a web app, i find sometime the pic cant be shown by the system browser in android phone which version is 2.3. here is my code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,
Autocomplete suggestion text onclick event triggering problem
hi, I have the following work to be done ,asking for suggestion. I used a textbox Control: textbox Event : onchange function : validate email() Event: keyup function: autocomplete(); problem here is clicking the suggestion text of autocomplete , onchange event(validateemail) is firing ,how can I prevent that. i want to make it work like onclick of suggest text in autocomplete the validation of email should not be done. after fill the textbox with autosuggestion text only it should
retrieve class names using .attr("class") or .prop("class")
My script will dynamically add or remove the classes for an element. I tried to get the class names for this element. 1. which method should I use? $ele.attr('class") or $ele.prop("class"). Both of them seemed working. But I feel confused. 2. As I searched around and found that attribute is initial state for attributes which means the $ele.attr("class") should not be changing if I add or remove classed for this element. I used jquery 1.10.2 Thank you.
Mobile Gallery (photoswipe) needs refresh to work
After reading thru the questions relating to this issue, I would ask for an example of what I would like to do. Since I am a mere (L)user of jQuery, and not a creator, I have been struggling. I have ben trying to implement Photoswipe using the excellent tut provided by another person smarter than I. The Issue: mobile gallery(photoswipe) and drop down menu only work after page refresh. Drop down menu seemed to work fine before. The linked css and script: (line 1-3 deals with the drop down nav, made
Randomize ul li content on page load
I've tried to do this several times, and so far I can only get my content slide to randomize the order in which the slides are displayed to the user. What i mean by that is that it keeps the same order, but just displays them randomly. I actually need the ORDER of the slides randomized on page load. For example, I have a ul like so: <ul class="rotator"> <li>Slide 1</li> <li>Slide 2</li> <li>Slide 3</li> <li>Slide 4</li> <li>Slide 5</li> </ul> And then a pager that is created on the fly below it that
Jquery html() function Issue
I am using Jquery for making clone of some HTML tag. I have one page where i can duplicate of (i.e HTML tag ) using jquery. To maintain the UI i have created the variable in which i have saved the HTML tag and i am sending it to server side using hidden field.But whenever receive the hidden field and i try to put that into <table> tag it appends all button together at one place out of <table> tag ***********Code To Add Into Html Tag********************** var tagsToReplace = {
Problem with onload click the anchor tag using jquery or java script.
Hi friends i am try many ways to onloading the page click the anchor tag using jquery or java script. must see the rel attribute . <div id="local"> <a id="fmp-button" href="#" rel="http://google.com"> click </a> </div> <script> //$('#fmp-button').trigger('click'); //$("a[href='#']").click(); //$('#fmp-button').click(); //$('#fmp-button')[0].click(); //$(function(){ // window.location.href = $('#fmp-button').attr('href');
Tabs example
I am trying this example (http://code-tricks.com/create-a-simple-html5-tabs-using-jquery/) in JSfiddler and it works fine. Problem is adding to my web page... I think JSFiddler is running everything.. Do I need to add a bit of code to run the JS page onload? How do I do this... it works in JSFiddle but not in my webpage...there is something I am missing http://jsfiddle.net/Jaykapalczynski/3pgua/1/ In my website: This is what I am trying in HTML <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"
Problem with phone number fields
I'm sure I'm doing something wrong here, but I don't understand what, and would very much appreciate some assistance. I have a page with phone numbers on it and the customer wants auto-tabbing between fields. This seems easy enough and what I've written works fine if the fields are empty and/or the user types slowly. But if the user types quickly (I type 123 on the keypad) on prefilled entries, the cursor has a tendency to jump OVER a field as opposed to into it. I've created a jsFiddle to recreate
sortable + mouse scroll button
I'm using sortable to add drag/drop functionality to a table (setting it for the tbody). It works fine, but for some funny reason it disables the mouse's scroll button in Firefox, but works ok in IE (that's a first). Any idea if I'm missing something?
the listview autodividers linkbar not working in jqm 1.4.1
the linkbar is not reducing to fit the screen size and it's impossible to reach the last letters with those short cut (not working in all destock browsers, and not working with ios 7.0.5, not testing yet with android but guessing it's the same). http://demos.jquerymobile.com/1.4.1/listview-autodividers-linkbar/autodividers-linkbar-demo.html
issue while playing mp4 on android
I’m using PG build 3.0 (tested also on PG framework). I am using a video tag in my html, it is working fine on ios. The problem is that I cannot play the video file (.mp4) in Phonegap application in Android: My code is simple: video controls preload="none" src="http://musee.moursel.com/video/intro.mp4" width="320" height="240"
Jquery not woking in masterpage across folder structure
am trying to use an existing dropdown menu built on jquery. I have a folder structure that is necessary for setting up authentication. Also a masterpage which is at the root required from one or more of the folder directories: Similar to this: Project Scripts_Folder Jquery.js Jcustom.js Authenticated_Stuff_Folder A_Page.aspx A_Nother_Page.aspx About.aspx site.master Ive tried setting up the jquery on the site.master like so (after head) <script src="Scripts_Folder /jquery.js" type="text/javascript"></script>
How to Maximize the popup width
How to maximize the popup width in jquery Mobile. In my application i used jquery mobile popup it covers the devices width in android v 4.3 and lower versions but in android 4.4.2 it shows very small one jquery mobile version 1.3.2. How to resize the popup when i apply the external style it affects the native jquery popup. Thank you.
Can we use two $.extend method in a plugin
Hi... I'm new to plugin development and i created a new plugin for form validation. I use config : { //basic configurations }, messages : { //success error messages } i used $.extend(this.config,config); for extending the configuration. Also i need to extend the messages, so that the users can write their custom messages. is there any way to do this??
Layout of pdf file.
Hello everybody, I have problem to display a table with many columns in a pdf file. It work fine when the number of the columns is about 15, but not when the number of the columns is > 15. It should automatically create a new page and it should start from the next column from where it was interrupted. I you like to see the execution, please: http://registroonweb.it/registro/stampaRegistro.php?a=1&b=C300&c=1 Thanks in advance. Tegatti
Getting Indexes Of Values in Arrays.
Hi, if I have the following array, myArray = new Array(0,4,3,8,7,4,5,11,12,4,10,9,8); If I want to search for the value, 4 - it will output a string with the indexes of the original array - in this case it would be 1,5,9. Currently I am looping through the array and building a string. Thanks,
Jquery.list.js is compatible with jquery mobile?
Hallo, I'm sorry in advance for my english, i'm italian :) i can't use jquery.list.js in my app (that use jquery mobile) because don't read the plugin. Perhaps it's because i use listview? How i can solve my problem? there are other plugin for jquery mobile with the same effects? I need doing more list dinamic grouped and with the header fixed that change when change the list i hope i've explain my problem... and await your feedback as soon as possible Thank'you in advance :) bye Robbi
show tab after form submit test fail.
Hey guys, I'm fairly new and not familiar enough with jQuery just yet and hoping you can help. I'm looking to test my form data for a client_id value and display a jQuery tab that includes the client data if no id is found. along the lines of this: function newQuoteSubmit() { var result = ""; var clientId = document.getElementById("client_id").value; if ((clientId == "") { result += " no client id."; $('#clientDetails').show(); // return false; } else{ form.submit();
Next Page