Combining Demo with Database
I love the plugin @ http://jqueryvalidation.org/files/demo/milk/ I just wanted to know if anyone has some code they can share to show how it would work with a database table. I'm just learning how to make a registration form, along with jQuery, AJAX, etc., and I'm totally snowed. I combined the Milk/Validation code with code from a tutorial on how to publish form data to a database table, but I haven't been able to make it work.
what is hiding my banner logo
Hello All, I have recently completed my first roundabout carousel project with some success. When trying to implement a logo to appear above the carousel container I fail. And, I cannot comprehend the plug-in code. I'm attaching a gif of the two DW views to illustrate my intent. I'm including the CSS to the containers and a link to the test page showing the problem. http://www.jacksguitars.net/Printing/index.html Help? .my_carousel { position : relative ; width : 760px ; background : url( ../images/logo_banner
ajaxsubmit(jquery.form) not working in ie9
Hello, I'm using ajaxSubmit of jquery.form.js. but ajaxSubmit not working in InternetExplorer9 and not alert error. Please check code Thank you < script type ="text/javascript" src ="/jquery/jquery.form.js" ></ script > var options = { url: "/photo/insert.do", type: "post", beforeSubmit: validateForm, success: resultResponse, dataType: 'json', resetForm: false, cache: false, error:function(request,status,error){ alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
help on arrays
can someone please help me getting this done, i need to reorder the buttons to get the sentence "i am a funny sentence" in the right orde, using drag and drop : <!DOCTYPE html> <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>shuffle2</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> </head> <body> <ul> i <button draggable="true" class="shuffle">a</button> <button draggable="true" class="shuffle">am</button>
owlCarousel Dynamic content with ajax/json
0 down vote favorite Hi im very new to all things web and I apologise now if what im asking is ridiculous. I have after days of research mastered my first ebay api call and would like to display the results in owl carousel. I have download the latest version of owl carousel and can get that working showing content im hosting. Here where the problem starts there are examples of how to obtain dynamic content using ajax/json but i don't understand them I have had a play but cant get this to work. Is
Validate button click and element with jQuery.validate
Hi, How can I validate if a button was clicked and if an element exist in the DOM using jQuery.validate() ? Thanks
Animate Not Working on Scrool
Can you please take a look at this demo and let me know why the second part of targeting the scroll position is not working? what I want to do is targeting scrool postion between 450 to 600 and applying this animation $(".box-caption").animate({ "top": "600px" },1000); to the element $(function() { $( window ).scroll(function(e) { var y = $( window ).scrollTop(); if (y >200 && y< 400){ $(".box-caption").animate({ "top": "350px" },1000); } if (y >450 && y< 600){
Exclude certain words from Capitalization
I would like to know how can exclude certain words from Capitalization Exclude words and match the case: "and, or, TOM" input value : "Tom AND Jerry, Peter OR Tom"; result : "TOM and Jerry, Peter or TOM"; Your help will be appreciated. Thanks function toUpper(obj) { var mystring = obj.value; var sp = mystring.split(' '); var wl = 0; var f,
refer to the plugin from the options block
Hi, Is it possible to access/refer to the plugin from the options block ? Sample code - $.widget("my.wwid", { options: { func1: function(){ //how do I refer here to the widget }, _create: function(){ . . . } });
How to embed twitter widget
I'm trying to embed a twitter timeline into a page using Twitter's provided Javascript (see code sample below). However, the Javascript is not loading. What's the proper way to embed this code into a JQM app? <a class="twitter-timeline" href="https://twitter.com/twitterdev" data-widget-id="YOUR-WIDGET-ID-HERE"> Tweets by @twitterdev </a> <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return
Resize window removeClass / addClass
Hi everyone, I'm really super new to coding and after some classes at codecademy I'm now doing some exercises on my own to eventually build up my own website. At the moment I'm trying to have js remove a class from a div and add a second class according to the window width (obviously, unsuccessfully) Here's my attempt $(window).resize(function(){ var st = $('.standard'); var al = $('.align-left'); if ($(window).width() < 600) { st.removeClass('standard'); st.addClass('align-left'); } }); $(document).ready(main);
Combine two dropdownlist value
Hi all, I was wondering how i can combine two dropdownlist through a button and populate the third dropdownlist with the combined values. For example i have Dropdownlist A for equipment And dropdownlist B for Quantity And dropdownlist C for selectedValues So when i click on a button when both dropdownlist A & B have a selected value.. It will add combine the values into dropdownlist C, for example.. Baseballbat - 10 Chair - 20 Finally if it's not too hard, can you please guide me with how i can
What is the error?
Hi.. could anyone tell me why this is doesn't work? the problem is when I open the page that at the beginning the .flex-viewport is not in the right place as when I resize or I reload the page... I premise that I'm not good with jquery and I'm trying to learn! var halfWindowHeight = jQuery( window ).height()/2; var halfViewportHeight = jQuery('#content .flexslider .slides li').height()/2; function putOnTheMiddle(){ var halfWindowHeight = jQuery( window ).height()/2; var halfViewportHeight
autocomplete jasonp AND multivalue
Hi, I am struggling to combine the autocomplete jasonp and the multivalue example. They seem to follow completely different approaches. Is there any working example that shows how to have a multi value ac like shown here: https://jqueryui.com/autocomplete/#multiple-remote BUT using a jasonp datasource like here: https://jqueryui.com/autocomplete/#remote ? Best wishes, Olaf
PageCreate event issue
Hello everyone, Whenever I navigate to a new page through a jquery-ajax function, pageCreate Event do not get fired again when called from the new page. E.g $(document).on("pagecreate", function() { page 2 functions goes here...};) ................................................................................. Page 1(privacy policy) navigated to Page 2 (login page) using $.mobile.changePage('Page 2.html'); Page 2 needs to call Page 3 (main page) also using $.mobile.changePage('Page 3.html') but
Addding checkboxes dynamically when we click on checkbox of same row
I have to created program of html table with all fields contains checkboxes but when i check on checkbox then automatically display other checkbox list in same row in horizontal & again i check on dynamically created checkbox then another checkbox list should be displays horizontaly using jquery
Datepicker, display constant number of weeks
In e.g. google calendar when you go to the Nov 2010 even if the first day of the month is on Monday in the previous row all week from the previous month will be shown. Always 6 weeks are displayed. Can this be done in datepicker ?
"TypeError: oForm is undefined" in Firefox/Safari/Chrome
The following code only works in IE with no errors but throws a "TypeError: oForm is undefined" in Firefox and doesn't appear to work in Safari or Chrome either. Currently using jQuery and jQueryUI 1.11.1.min.js Snippet (on anything but IE it fails at line 4) function submitform(str1,str2,str3) { var formname = str1; var oForm = document.forms[formname]; var elLength = oForm.elements.length; The form is: <form name="memberphoneadd" id="memberphoneadd"> bunch of fields <a href="javascript:void(0);"
Getting uptodate Versions of Jquery for Node.js
Using npm on Linux I find that I only get version 1.7 of JQuery. It is also not clear to me as to the version ofJQuery in Git jquery/jquery. Will we get updates on a regular basis (how far behind?) or is this project stalled at this version?
Setting custom shortcuts in jquery UI datepicker
Hey Guys, I got a huge problem, because of datepicker keyboard interaction. PAGE UP: Move to the previous month. PAGE DOWN: Move to the next month. CTRL + PAGE UP: Move to the previous year. CTRL + PAGE DOWN: Move to the next year. CTRL + HOME: Open the datepicker if closed. CTRL/COMMAND + HOME: Move to the current month. CTRL/COMMAND + LEFT: Move to the previous day. CTRL/COMMAND + RIGHT: Move to the next day. CTRL/COMMAND + UP: Move to the previous week. CTRL/COMMAND + DOWN: Move the next week.
Jquery UI Dialog
Greetings, I'm having a hard time with jquery dialog on IE. I have a grid with links and when the mouse hovers on the links the respective dialog is shown. When the mouse exits hover the dialog is hidden. The problem is when the lower links of the table are hovered the dialog does not have enough to space to be shown, so IE automatically scrolls down the page but I don't want this behaviour. How can I fix these?
Error: jQuery.dataTables.min.js style is null or not an object
Hello again experts, Our app went LIVE today and suddenly, users were getting the follow error: jQuery.dataTables.min.js: Style is null or not an object It turns out that several users are still using IE8. Everything works fine in IE9, 10, 11. Here are the js/css files. <link type='text/css' rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <link href="css/boxformats.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Modify "Leave this page" and stay on the page in are-you-sure.js plugin
Hi all, I want to do save functionality in the "Leave on the page" and " Stay on the page". Can you help me to do it. Thank you,
Capitalized text when button clicked
Hi. Im trying to Capitalized text when a button is clicked <input name="name1" type="text" id="name1" /> <a id="button" data-role="button" >Change case</a> $(document).ready(function () { function toUpper(obj) { var mystring = obj.value; var sp = mystring.split(' '); var wl = 0; var f, r; var word = new Array();
How to open a page that have tabs with a specific Tab selected
Hello, jQuery 1.11.2 i've some pages that have jQuery tabs in place. I need to open this pages in specific tabs. I've following code, and when I run it, the contents of second tab is displayed, however, tab is not being highlighted all tab remain as unselected ... not allowing to know which tab is currently selected. If user then moves into the tabs interface, then all tab functionality works fine ... How can this be done? Thanks, Pedro Ribeiro Here's a snippet of code <div id="tabs"> <ul> <li><a
Pb with an inset listview. How to refresh/create it ?
Hi, I have a question about en inset listview. I can't manage to refresh the listview. Only the inset list inside is refreshed. Do you know how should I do ? I am using jqm 1.4.4 Cheers ! function renderList_house_objects(device) { $('#house_objects_schema li').remove(); $.each(JSON.parse(window.localStorage.getItem("objects")), function(index, item) { $('#house_objects_schema').append('<li data-role="collapsible" data-iconpos="right" data-inset="false">'); $('#house_objects_schema').append('<h2>'+
Before and after with "img" and "p"...???
Hello! If I write text before and after "img" it appears in the same line, but if I use "p" instead, I get p text, befoe text and after text in 3 lines. How can I achiev to have before text and after text in the same line as p text? Many thanks!!! <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#btn1").click(function(){ $("p").before("<b>Before</b>"); }); $("#btn2").click(function(){
remove() with more than 1 parameter
hello! Please, is it possible that method : remove() has moer then one parameter, sth like: <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").remove(".italic", "bold"); }); }); </script> </head> <body> <p>This is a paragraph in the div.</p> <p class="italic"><i>This is another paragraph in the div.</i></p> <p class="bold"><b>This is another paragraph
Reading JSON in Jquery
Hi, I'm trying to read the following: http://nsdata.a78.org/m/json.php?text=*String* An example of what the url returns is: { "NAME":"Chisa", "TYPE":"Dictatorship", "FULLNAME":"The Dictatorship of Chisa", "MOTTO":"Ears for whales", "CATEGORY":"Iron Fist Consumerists", "UNSTATUS":"Non-member", "FREEDOM":{ "CIVILRIGHTS":"Outlawed", "ECONOMY":"Strong", "POLITICALFREEDOM":"Outlawed" }, "REGION":"Osiris", "POPULATION":"3799", "TAX":"48", "ANIMAL":"whale",
jQuery mobile multipage how to bind link to div element
Hello, i´ve a maybe stupid question: I want write a click function which change the site to "#site2" when i click on a div. Example: $('#btn_xms').on('click', function () { window.location.href = '#site2' }); The url change but the content doesn't. Where is the bug?
message inside dialog box
Go to this jsbin here ...if you click anywhere in the calendar you see in the output pane..a dialog box appears. My intention is that whenever a user clicks the OK button in this dialog box a message appears within the dialog box(as a separate div maybe) asking him to confirm something or not. If you go to the HTML pane you will see that the dialog box is a div with id=eventDialog. So...I want to add the message I am talking about right before the closing div tag of the dialog box. What jquery method
.remove is not fired up in the next loop
Hi, This actually a loop. but the .remove() is seems not working after the next loop. The code is : $( "#name1" ).remove(); $( "#afterthis" ).append('<div id="name1"></div>'); $( "#name1" ).after( '<div class="sched-left-col" style="color:#000; font-size:2em; font-family: "Orbitron", sans-serif; padding:0 0.3em;">'+ obj.sched_on1 +'</div><div class="sched-content"><div style="font-size:3em; padding-left:1em; color:#FFF; ">'+ obj.student1 +'</div></div><div class="clear"></div>' ); $(".sched-wrap").toggleClass('fadeIn
hover event stops working after a mouse click
I am encountering something so bizarre. The code defines a hover event on a div. When the mouse is clicked on the div, the hover event all of a sudden no longer works, and I can't figure out why. There is no code that removes the event handler. Can someone tell me if this is a bug? This problem occurs with any version of jQuery, version 1+ or 2+. Thanks. <!DOCTYPE html> <html> <head> <title>Using jQuery Event Helper Functions</title> <link rel="stylesheet" href="../style.css"/> <script
event delegation
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> $( "#container" ).on( "click", "input", function( event ) { var input = e.target; var arr = []; if ( input.is(':checked')=='1') { arr.push(input.val); console.log(input.length);
Accordion toggle collapse issue
Hi, I have a problem with an accordion which panels would not close on opening another one. But the strange thing is that this only happens within the slider. If i put the accordion anywhere else in the page it will work without any problem ... you can see the code at mobile.hostelsuites.com , I would appreciate if someone had any idea of what kind of conflict this could be ? Many thanks
jquery 1.1.2 inline editor conflicts (inop) with new jquery 1.11.2
Hi, i am trying to update my jquery from an old script that has the jquery.js file and inside that file it has /* * jQuery 1.1.2 - New Wave Javascript * * Copyright (c) 2007 John Resig (jquery.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * $Date: 2007-02-27 17:18:47 -0500 (Tue, 27 Feb 2007) $ * $Rev: 1460 $ */ I have an inline text editor that allows me to change text in a search string inline. For example this is for a language database.
Help greatly needed. jquery-1.6.4.min.js jquery.mobile-1.0.js and min.js. Mobile Slider doesn't slide.
<!--Slider--> <script src="js/jquery-1.7.1.min.js"></script> <script src="js/flowslider.jquery.js"></script> <script> jQuery(document).ready(function($) { $("#slider").FlowSlider({ }); }); </script> <link rel="stylesheet" href="style/slider.css" /> <!--Slider--> This is the slider on my page. Do I tell it here to detect touch device? I kinda wantto write something like:
loading HTML form into jQuery window
I have an existing HTML form that uses PHP for content processing. I want to load this form into a jQuery popUp window, and allow users to post data to the server. Many of the pre-built jQuery modules support images and other content. But I haven't found a solution for an HTML form yet. Any help appreciated, --RKaye
Disable Vertcal movement when a certain class is clicked.
Ok so first post, and its a fun one :D What I have is this: Container div Super wide div Bunch of inner divs side to side filling Super Wide Div, with ID's assigned. Links inside these inner divs, which jump to other inner divs Basic fiddle is here: http://jsfiddle.net/gkp17fap/16/ As you can see, when you click on a link the page jumps vertically. So, question is can I get the page to move ONLY horizontally (moving that Super Wide Div side to side) without the
Memory leak in IE? on fragmentDiv
Hi guys, I am using IE 11 with jQuery 1.11.2. Just by loading jQuery.js, I saw a warning of a possible memory leak of DocumentFragment on a variable called 'fragmentDiv'. I checked the source code and it's around line 5342. fragmentDiv = safeFragment.appendChild( document.createElement("div") ); This variable is never set to null and is only being used in clone() function. Am I the only one having this issue? Couldn't find anything on Google. Thanks, Brian
Next Page