Selectmnenu repeated nesting
I have a selectmenu in a page and I want to save the page and use it offline. However, when I view the saved page the selectmenu has been nested in a button(?) Further attempts to save the subsequent page result in deeper nests being created. Why would this be so? Any help gratefully received. Here is my code: <!DOCTYPE html> <html> <head> <title>Error Test</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.0/jquery.mobile.min.css"
external link in an external browser -issue
I am building an app in phonegap with jquery mobile, i want to open the external link in an external browser, then i put in config.xml what you recommend: <access origin="*" /> . I'm builiding the App online with PG build, version 2.9. So It works fine on Android but not on ios, i mean the webpage is still opened inside the App. this is my html:<a href="http://www.google.com/"> thanks
cordova installing
I have got stuck installing cordova. Have been following these steps in order to prepare the environment for converting a html+jqm app into android application. Please help me progress. 1. Download and Install node.js from http://nodejs.org/ 2. Run the command npm install -g phonegap (in case of phonegap installation) or run the command npm install -g cordova (in case of Cordova installation). 3. As the installation gets completed you can notice this: 4. C:\Users\username\AppData\Roaming\npm\cordova
jquery mobile 141 doesn't work with android 2.3.6
On my application I'm using jquery mobile 1.4.0. I try to use the new release 1.4.1 because it's the pop-up problem with sliders on page loading. It's solved on release 1.4.1, i tested with pc, but it dosn't work on my mobile phone with android 2.3.6.
jquery modal pop close button click
Dear all, I am using jquery modal poup to open a page (example from parent page,a.spx, iam opening the child page,b.aspx.) Following is the code <script type="text/javascript"> $(function() { $("[id$='lnkbtn']").click(function() { var str = $(this).attr("details"); var page = ('../b.aspx?no=' + str); var $dialog = $('<div></div>').html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>').dialog({ autoOpen: false,
Jquery Validation - Reset validation on single element(s)
Hi, how can i reset validation on single element(s), so that the associated error messages and indicators disappear and the element returns in initial validation state. The resetForm() does the same thing for the entire form but is there a way to do it only on single element(s)? Thanks
Default value datepicker not showing
I have the following datepicker function where I would like the DefaultDate to be displayed when opening the page. However selectDefaultDate: true does not work. The date is used as a filter so when another date is selected the selected dat should show and persist in the view. How can I get it to display the default date on opening of the page? A second question I have is how to set the DefaultDate to the dirst day of the current year: 01/01/YY ? jQuery(function() { jQuery( "#hour_datefrom" ).datepicker({
jquery ui autocomplete. with error
hi I m using jquery ui autocomplete. I have a problem :-( Output the list for me is not displayed and the following error appears: 5 results are available, use up and down arrow keys to navigate. I use css code : .ui-autocomplete-input { z-index: 999; but not resolved . please help me my code: $( "#TextKey" ).autocomplete({ source: function( request, response ) { $.ajax({ url: '<%=getAllFriend%>', type: 'GET', dataType: 'json',
How can i select the next element?
Here is the html code: <form method="post" action="" id="product_form"> <table width="100%" cellpadding="2" cellspacing="0" border="1" bordercolor="#666666"> <tbody> <tr bgcolor="#F3F3F3"> <th><p>Item No.</p></th> <th><p>P.order#:</p></th> <th><p>Description</p></th> <th><p>Qty</p></th> <th><p>U.price</p></th> <th><p>Amount</p></th> </tr> <tr class="mytr"> <td id="orders"> <input type="text" name="product[]" class="products"
Cycle2 caption2 and setting links with the images
Hi, I have been gettinging into php, jquery and cycle2 for the past few days. I am looking to set up a scrolling slide show with each image being able to click and link to a page passing a url parameter. At the moment I am creating some test code to see how to use the library before starting to create dynamic pages linked to a database. Below is working test code. That is fine. If I add a link to a page e.g use a line <a href="Pages/productiondetail.php?production=1"><img src="./images/test1.jpg"
update label on slidr
I'm able to modify slider value set by: objectid="#slider2"; $(objectid).val(set); $(objectid).slider('refresh'); but the number over slider doesn't change <form class="full-width-slider"> <input id="slider1" data-popup-enabled="true" data-show-value="true" min="0" max="100" step=5 type="range"/> </form> someone know how i can do it?
using jQuery inside a .js file
Hi I have to use a javascript functions on multiple pages. Hence I have created a separate file with extension .js so that I can include it directly where I need it in my code. function ClosePopup(ctrl, ctrlid, btype) { var input = document.getElementsByTagName("a"); var n = ''; for (var i = 0; i < input.length; i++) { if (btype == 1) { n = input[i].id.indexOf("popClose"); currentpading = input[i].id.replace("popClose", ""); } else {
iosslider element resize on window resize.
Hi there. You can see on this link (the actual version of the project) that the horizontal slider (iosslider) is composed with images on landscape and portrait dimensions. The problem is that on portrait dimension images, the width of the element only works properly when the browser window is resized. I am trying to find the issue here, I looked up for some .resize method in iosslider script, but no success until now. If anyone knows this plugin, just a clue would please me. Thanks.
JQM 1.4.1 and Android 2 CSS Not working
JQM 1.4.1 fails to properly "Theme" CSS on Android 2 devices: Simple test... go to: http://demos.jquerymobile.com/1.4.1/theme-default/ on an Android 2 device and you will plainly see that the Theme does not properly load. Revert back to 1.4.0 and the theme displays properly Testing fails JQM 1.4.1 with device: Android 2.2 Model Comet Jim
need example of using autocomplete on a field in a table.
I have a table of editable data and would like to make the fields in one column autocomplete. Does anyone have an example I see? My attempts have been fruitless... the columns in the table get shifted, and the autocomplete functionality does not work.
Does UI work in conjunction with cycle2?
Trying out UI datepicker, but I am not getting very far. I use DW CS5.5 to put the pages together. I have cycle2 linked in and I am trying to get UI datepaicker working. The <head> area includes: <link href="../css/mystyle.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="../jquery/themes/smoothness/jquery-ui.css"> <script type="text/javascript" src="../jquery/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="../jquery/jquery.cycle2.min.js"></script> <script type="text/javascript"
button (x) close in jquery modal popup - want to refresh parent window
Dear all, I am using jquery modal poup to open a page (example from parent page,a.spx, iam opening the child page,b.aspx.) Following is the code <script type="text/javascript"> $(function() { $("[id$='lnkbtn']").click(function() { var str = $(this).attr("details"); var page = ('../b.aspx?no=' + str); var $dialog = $('<div></div>').html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>').dialog({ autoOpen: false,
Code Review: Am I Using JQuery Effectively?
I'm working on a back-end image gallery management page. This particular page is purely for asset organization so there's no user input being stored in the DB, the only thing happening is relational table entries being added or deleted. I just feel like my code is extremely bloated and there's a lot going on. I'm using JQuery and JQuery UI for a lot but I'm wondering if my own personal functions and objects are being used where JQuery code would better suffice. I work with C# mostly and I have a
jquery close button click
Dear all, I am using jquery modal poup to open a page (example from parent page,a.spx, iam opening the child page,b.aspx.) Following is the code <script type="text/javascript"> $(function() { $("[id$='lnkbtn']").click(function() { var str = $(this).attr("details"); var page = ('../b.aspx?no=' + str); var $dialog = $('<div></div>').html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>').dialog({ autoOpen: false,
Repeatable plugin
I've published jQuery repeatable plugin here: https://github.com/c-smile/repeatable but having troubles to publish it in plugins repository. I believe I've done everything correct for setting it up. Will appreciate any help from admins. As of the Repeatable itself: it is non-intrusive template-less mechanism of lists, tables, etc. population from data arrays. In 90 lines of code. You can think of it as a replacement for things like {{mustache}} & Co,
Angular like Directive features
Does anyone know if we can do directive style functionality with jQuery? It seems to be the only thing I have not found an equal for in jQuery ATM.
Change details of an element whose id is constructed from variables
Dear all I am having a table <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td>Product id</td> <td>name</td> <td>Detail</td> <td>remarks</td> <td>process</td> </tr> <tr> <td id="11">11</td> <td>21</td> <td>31</td> <td id='process11'>41</td> <td> </td> </tr> <tr> <td id="12">12</td> <td>22</td> <td>32</td> <td id='process12'>42</td> <td> </td> </tr> <tr> <td id="13">13</td> <td>23</td>
ScriptCam not working in CodeIgniter
I just copy the ScriptCam plugin to my server and outside the codeigniter "application" folder it works fine. I copyed the contents of the "demo2.htm" into a .php file and place it in the views folder folder in the CI application and it doesn't work. Any help is welcome, Mike <?php require_once('inc.php');?> <!DOCTYPE HTML> <html> <head> <title>Test</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="" > <meta name="keywords"
what does this symbol mean in this perticular case?
you can see "-=" before "+" symbol in this statemnt, i know x -= y means x = x - y but here why this symbol is used though if remove the symbol also iam getting the same result.. pls tell me why this ymbol is used? $(this).animate({'left':'-=' + scrollAmount}, 'slow'); actually this is a thumnile scroller code $('#photos_inner').toggle(function() { var scrollAmount = $(this).width() - $(this).parent().width(); $(this).animate({'left':'-=' + scrollAmount}, 'slow'); }, function() { $(this).animate({'left':'0'},
Tooltip Help Please!
Hello, this is my first post here! I'd really appreciate it if someone could help me out with this! I've only just started learning javascript and jquery and would like to be able to edit a script but i'm nowhere near that level. Basically what i've got is ithis: <a style="cursor: pointer;" class="addspeech" rel="#name1"> <a style="cursor: pointer;" class="addspeech" rel="#name2"> Which points to: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
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
jqm 1.4.0 doesn't work in ie8
http://demos.jquerymobile.com/1.4.0/button-markup/ this page is ok in ie8. http://demos.jquerymobile.com/1.4.1/button-markup/ some error with not working. and my jqm game has also same problem. http://snshero.com/
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.
Next Page