Can using a list, modify data in a database?
Hi, I have an App that inserts the data from the customer (name, surname) into a MySQL database. But not is how I make the results of the table 'customers' are displayed as a list <li>. And select the desired to be able to modify data (name, surname). Do you know of somewhere or example so that you can see and understand? Thanks a lot
Superfish - How to insert a line break in a menu item
Is there some way to insert a line break in a menu item so it can appear on two lines with the break in a position that I specify?
JQuery Hide Drop Down on Click
Okay, so, I made this in the past (with a bit of help...) and I'm back to using it again, however, I used it for notifications etc. Now, I'm attempting to use it for a login form. I am sure there is better ways of going about this, but I am at a loss for doing those... When I click on a form item, it closes the popup window. I know how it does that, I'm trying to figure out how to fix this so that whenever they click outside the box it closes but not when they click inside of it... <div id="notify"
how to open dialog box sequencely and waiting for input?
I have no idea how to open multi dialog in loop, but before open the next make it get input from user frist. for easier: I want it to act like prompt in javascript. example: I want it to act like: for(var i = 0;i < 10; i++) { var person = prompt("Please enter your name","Harry Potter"); } but if I do this: $.mobile.changePage("#myDialog",{transition: 'slidedown', reverse: false, changeHash: true, role: 'dialog'}); it will continue open dialog and never stop for user input before open the next
can't access class via the "." class selector
when the code below executed $("#omniProperties").append("<input type=\"text\" class=\"omniProperty\" size=1 value=\""+ attrs[key]+"\">;" ); It produces the html code: <input type="text" class="omniProperty" size=1 value="100" /> I can't access this text box with code below. $(".omniProperty").click(function(){alert("here");}); Normaly the "Auto Complete" function of my editor will display a list of classes, but this class is not in the list. Can someone point me in the right direction? Thanks
Validate classe required
Bonjour, J'ai formulaire avec différents dont certain de la valeur sélectionnée dans une liste. Je souhaite vérifier que c'est champs sont bien remplis. Le problème est que le contrôle des champs fait quand même effet si ne sont pas à remplir. Comment faire? Voici la fonction qui permet d'afficher les champs en fonction de la liste: $(document).ready(function() { $('#mHT').hide(); $('#taux').hide(); $('#cTotal').hide(); $('select[name="type"]').change(function()
jQuery Validation Plugin and asynchronous updates
How do you validate inputs which are updated using some sort of asynchronous plugin? The problem is the asynchronous communication takes more time that the client side jQuery plugin. For instance, see this demo. Type the start of an address but less than 4 characters, then click a result. Thanks
Is autocomplete working on Chrome latest Versión 33.0.1750.117 m?
Please if you have latest version of chrome, test http://jqueryui.com/autocomplete/ I can't get the demo page work, even using latest firefox! Autocomplete works if you rightclick next to the entered word....WEIRD! Any ideas?
Redefine Tipsy delayOut configuration option with onClick
I know how to change an attribute such as a title with onClick, but I'd like to be able to change delayOut with onClick if possible. Basically I have a dynamic list of links that display a tooltip when hovered over. When a link is clicked the tooltip changes to a selection of sub-links the user can click. All that works great, but the thing I don't like is that I have to set the delayOut time for about 20 seconds to give them time to read and click a sub-link. So if they move the mouse over the list
i have this jquery code (form validation code),,everything is works but there is problem of return false. Everytime it fires return true so how to do it return false..please help me out
<!-- html--> <form name="registration" id="registration" action="" method="post"> <div class="form_settings"> <p><span>Full Name</span><input type="text" name="name" id="name" maxlength="30" placeholder="e.g. Gourav Ranadive" class="validation" error_id="error_name"/>*<div class="validationerror" id="error_name"></div></p> <p> </p> <p><span>Username/Email</span><input type="text" name="email" id="email" maxlength="30" placeholder="e.g. gourav@gmail.com"
jQuery beginner - cannot use jQuery form validation : please help need for assignment
I have downloaded the plugin from http://bassistance.de/jquery-plugins/jquery-plugin-validation/ i have downloaded jQuery (jquery-1.11.0.min.js) from jquery.com and i have the 2 js files and the html file in 1 folder. Here is the code which i am trying: <!DOCTYPE html> <html> <head> <title>test</title> <script src="jquery-1.11.0.min.js" type="text/javascript"></script> <script src="jquery.validate.js" type="text/javascript"></script> <script type="text/javascript">
Show another table by hovering on a table row
Hello, maybe someone can help me. I'm trying to show a table by hovering a row of another table. Maybe it's more understandable by checking the jsfiddle example: Click I simply can't find my mistake. Thank you very much in advance.
Replace content of a div with its decoded content.
Hi; i would like to change the content of any div with the class ENCODED with the decoded content and replace the class ENCODED with DECODED than remove the class HIDDEN, here is an example. I suppose my page have two div's with the class ENCODED, but in reality i can have just one or many (more than 2), so the result i want is : Before the operation : <div class="ENCODED HIDDEN">VGhpcyBpcyBhIHRleHQ=</div> ... <div class="ENCODED HIDDEN">VGhpcyBpcyBhIHRleHQgYW4gb3RoZXIgdGV4dA==</div> After the operation
PARSE DATA FROM TEXT FILE HTML5
ok. I am new to this html5 & jquery stuff. This might be a simple question for everyone out there. Is there away to parse data from a text document or xml to show in a text field when html5 doc is loaded. I dont want a button to activate it all I want is when the page gets loaded it loads whatever is in the text document. Is there anyway to animate that text box? maybe scrolling it.. like a ticker. I know its probably basic to all of you but I was just wondering if someone can help me out with
Spy on functions within a module
I define a module in javascript as below: var test_module = (function () { var foo = function () { some_processing; } var init = function () { foo(); } return { init: init }; })(); As you can see, foo is not exported. Only init is visible from the outside world. How can I spy on foo from a qunit test, and make sure init is calling foo ? Thanks for your help!
Trying to remove and add classes on window resize... [SOLVED]
Hi y'all, I don't know what I'm doing wrong, but I can't seem to get my script to work. Essentially, I'm trying to swap Font Awesome Icon classes if the window size exceeds 767px. But it's just not happening. I have been (and still) going through the forums, both here and on Stack Overflow, and tried suggestions made to other coders... no dice. I certainly hope someone can help me. Many thanks in advance. Ess'iele ... seeing things. $(function() { var wSize = $(window).width(); $(window).resize(function()
CSS ui-content padding is set to 15px on dialog-box appear in jquerymobile.css 1.3.2
Hi, i am developing a phonegap application with using jquery 1.9 and jquerymobile 1.3.2 for android. everything working fine in browsers. i have an issue in UI design. Issue: i have a select tag with options. when i check in android device options will appear in dialog-box and works fine. but,I don't believe it is necessary to pad the page content area container by an arbitrary/magic value - it makes more sense for it to be zero.Due to this 15px value, the UI widgets changes the appearence. i want
conceptual problem or cache problem between pages
Hi, I am facing a cache problem in the client side authentication method. I use a nice navigation panel on my webapp. It works well except when I need to log into my webapp. This is my method : 5 files : - index.html (or whatever.html) : index page including index.js and navpanel.js - index.js (or whatever.js) : ajax methods - auth.html : authentication page including auth.js - auth.js : ajax method wich redirect you on index.html if authentication is true - navpanel.js : ajax method wich display
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 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.
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>
Next Page