jquery selectable
Hi, I downloaded JQuery selectable from the webpage, as I have 3 different services(plans, i.e trial, basic and premium) that I want my customers to be able to choose from. All three are situated next to each other, separated in different div-s and consist of information, for example price, storage, bandwidth, etc. The problem I'm having is that I need to save the selection, in order to be able to send it to my database, but I'm unable to save it like selection 1, selection 2, selection 3 because
dragging over an image to change image
I need to create the effect similar to this page: http://www.teslamotors.com/modelx where you can drag on an image to change it. what's the best way to create such an effect? Thanks for any suggecstions
Adding a checkmark to the selected radio button
Hi All... My front end app has a set of four radio buttons. I see that the shade of grey between the selected one and the unselected ones is fairly close and the change is subtle. I'm wondering if I can place a check mark icon on the selected one? Thanks...
More about putting a TE in a JQuery tabs widget tab
I have been pulling my hair out over this one. I can setup a JQuery Tabs widget and I can put a JQuery TE into each tab. I can also put a plain old boring TEXTAREA into each tab. Problem is, when I click a tab, I want it to give focus to the text editor instance in the tab. I have tried a variety of ways ot make this work with no luck. The code I have been playing with is pasted below. You can see in the javascript function that I have tried several different ways to approach it, all with no luck.
How to assign background image of button to a variable using jquery css
Hi, I want to assign background image of button in a jquery variable with css.I have written code but it not work. var cmp1; var cmp2; var bg = $("#mq3").css('background-image'); var bg1 = $("#mq6").css('background-image'); var bg2 = $("#mq9").css('background-image'); $(document).ready(function() { $("#mq9").click(function() { // alert("Hello Welcome"); if ($("#mq9").css("background-image") === bg2) { $("#mq9").css("background-image", "url('images/bkv.png')");
convert form value to json
Hi I have a complex form, I need to get form data and sent it in json. Is there a library who do that? thanks
Find width max width of a div and assign the width to all div's
Dear Sir I am using following code to display 'Period' Being dynamic (creading using do while loop of php using MYSQL database) , i dont know the width of the same I want to assign the max width of the div to all DIV's having class 'period <div style=" font-family: 'Arial', sans-serif; font-size:16px; color:#fff; font-weight:bold; background-color:#006699; width:100%; id='<?php echo 'period'.$rows['id'];?> "; class="period" ><?php echo $rows['period'];?></div> I tried $(document).ready(function()
Navigation Link Active State With changing URL
Actually what I am doing that when I click on the link so the active state of link goes to first element like my code is <ul> <li><a class="active" href="index.php">Home</a></li> <li><a href="about.php">About</a></li> </ul> when I clicked on about link the url changed as the page changed the class active stick with the first element. how to solve it I want when I click on about link the class add on the about link and remove from the first element
newbie getting started with .ui-btn
Hi all, Just getting started and I have some links on a page working fine and each looks the same with the theme settings I have set up like: <a href="#" class="ui-btn" >Page1</a> <br /> <a href="#" class="ui-btn" >Page2</a> <br /> <a href="#" class="ui-btn" >Page3</a> <br /> <a href="#" class="ui-btn" >Page4</a> but I would like an alternate button UP - background-color for *every other one* - so I tried something like: <a href="#" class="ui-btn" >Page1</a> <br /> <a href="#" class="ui-btn" style="background-color:#CCCCCC">Page2</a>
Why are obtained incorrect css values, if load css via script?
Hello everyone! I am creating a website. I need to measure the width of the element. If I connect through the link , then everything works fine. If I connect via a script, it returns an incorrect value. Everything is good in ie, Google chrome returns 1333, on this example. In the example, the measured element el1 (elipse). Code: function load_style() { var window_width = $(window).width(); var window_height = $(window).height(); if (window_width > window_height) { $("head").append($("<link
How to put a JQuery TE into a tab
Hi All... I'm trying to make a control that is a series of 3 tabs, and each one contains a different instance of a text editor. I have been playing with JQuery TE which seems like a nice text editor, and I was trying to put it into tabs. I can successfully put TEXTAREA fields into tabs, but as soon as I tell the textarea fields that they are JQuery editors it all breaks, and I see three different text editors stacked up. Is this just an incompatibility of the widgets or did I make (yet another) mistake?
Very simple code does not work
Hi All... I'm sure this is a stupid question but I have killed the morning trying to do what should be very simple. I feel foolish having to ask... I just bought jQuery UI In Action and typed in the example on page 14 as an HTML file. I added a little HTML at the top of the BODY. I opened it in Firefox (and IE and Chrome) directly off my hard drive, and although it rendered the text I added in the header tags, it does not seem to recognize the js. The data picker does not appear, just an empty form
Trying to save 2 images
I'm trying to save 2 images the first image saves but the 2nd image doesn't and I can't seem to see why. I'm using laravel 4 my admin.js $(document).ready(function(){
$(".add-form").submit(function(event){
$(this).find(".testing").each(function(){
var image = [];
$(this).parent().find(".ajax-file-upload-statusbar").each(function() {
image.push($.trim($(this).find(".ajax-file-upload-filename").html()));
});
$(this).parent().find(".img-hidden").val(JSON.stringify(image));
Need some help understanding
Hi everyone, I'm quite fresh when it jQuerry, but from what I gather so far, it seems not that difficult. But, I'm still just starting out, and don't want to miss anything important, so I'm here with my first ever important question on jQuerry :) Now, I am going through a course from Lynda.com (jQuery Essential Training), and everything so far has been clear. But this last example has me boggled, so please help out. The code is next: $("document").ready(function() { var leftmargin = 0;
best way to change the elemnt on which the event handler is applied .
hey guys check out the below code :: var i = 1; var funk = function() { return i < 5 ? ++i : i = 1 ; } changeHanderler = function(){ str = funk(); console.log(str); var elem = $('ul li:nth-child('+ i +')'); } $('document').ready(function(){ elem = $('ul li:nth-child('+ i +')'); elem.on('click.ga' , function(){ // even after elem increaments
Change BG image
Hi everyone! I hope someone can help me! I want change html background img on click So, i create an array with images and a for to iterate in array. But, on click, don´t change imgs bg as i want. Follow the code below $('html').on('click', function (e) { var bgs = ['2.jpg','3.jpg','4.jpg']; for(var x in bgs) { console.log(bgs[x]); $(this).css({ background : 'url(http://localhost/w-factory/img/'+bgs[x]+')' }) } });
javascript variable hoisting .
hey guys have a look at the below code :: var i = 1; $('document').ready(function(){ str = funk(); console.log(str); var elem = $('ul li:nth-child('+ i +')'); elem.on('click' , function(){ console.log('logged'); funk(); }); }); var funk = function() { return i < 5 ? i++ : i = 0 ; } see how the
Jquery on change and click event problem
Hi jQuery Community, i have a little problem with jQuery. I have a form . In a select choice many checkboxes are grouped reloaded with ajax. This works great so far. Now i have to count the checkboxes if they are checked. And there is a problem. The counter value is to be output once total for all selected checkboxes and even once within the groups . Within the checkbox groups there are also a checkAll and uncheckAll button. These should checkboxes completely checked or not within there groups. As
JQuery function($). Understanding syntax
I am starting to work with Backbone JS but, the problem is am not an expertised in JQuery. So having problem understanding the below code. Can someone help me out understand line by line execution of this JS code Right from the beginning. Would really appreciate the effort. What is function($) till the end (jQuery); (function($){ var ListView = Backbone.View.extend({ el: $('body'), // attaches `this.el` to an existing element. initialize: function(){ _.bindAll(this, 'render'); //
Website Exit Popup
Hi! I have a jQuery script running on a clients WordPress site where if you click on a link that takes you away from their url it will popup a warning. Website: https://www.membersowncu.org. Go to this URL (https://www.membersowncu.org/loans/auto-loans/) and click on "apply online" in the third paragraph. Works great! However, I need to add a few urls as an exception. So, when they click on those other urls it won't trigger the popup. Here is my code: <script> jQuery(function() { function leave_now(event)
Portfolio filter problem
Hello, I have a portfolio with filters (portfolio.html ) . The issue is that I want to put the same category from the home ( index.html ) and click to go and filtered portfolio page .How it’s made? Thanks !!
issue with panel data-display push
I'm just getting into jQuery Mobile - loving it but now hitting the learning curve. Basically I want a number of pages that call the same panel. I have the following. Most of it works. However every other "push" fails with the panel content disparaging at the end of the push ... can't see why. page1.html <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script
How to create the tables in Matrix form
When i enter 3 in the input box it should be able to create a 3X3 tables (i mean 9 tables should be created) dynamically and it can happen up to 64, how can we do in jquery, Any help would be appreciated.
I am new in Jquery..I want to get all controls values from table which is generated dyanamically in cs page,i want to do same operation using this control id or class?
i want to iterate tables values and add in to #txtGrandTotal textbox. each textbox keyup event i want the fire this function and calculate add or minus textbox value and get result in last outside txtGrandTotal which is not part of dynamically generated textbox. for example i want tax calculation in that many textbox generated like dynamically generated table name is tblTable --------------- ------------ ----------------- basic amount- 330 discount 5%- 16.5(minun from basic) subresult=
Using text-indent with animate
Following a JQuery tutorial, the instructor uses this code to rotate a menu button $('#toggleMenu').animate({ 'text-indent':1 },{ duration:1000, easing:'linear', step:function(now){ $(this).css('transform', rortateZ(' + (now * 360) + 'deg)'); } }); And then same code but with 'text-indent':0 to reverse the animation, the instructor said he is using 'text-indent' to be used with step function but I really dont understand, can you explain more the what is the role of
ajax refresh form
hey guys, i am new in jquery, i tried just load a specific div with error msg in a form, works nice the page not reload perfect, the one problem that return for me my full page repeated 4 times in the same page. example: when i click the button load in index 4 index page :) i want just load everything inside that div with that class $(".text-danger") thanks. userview.php <div class="row"> <?php $attributes = array("class" => "form-horizontal", "id" => "userform", "name" => "userform");
cross domain call webservice
hi all. I am trying to make a call on a webservice by javascript/ajax, when both files are on my localmachine it is working fine, but when i move the webservice to another server it is not working. can any one please help., I would appriciate with some code. this is my code: <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="js/cordova.js"></script>
<script src="js/jquery-1.6.4.min.js"></script>
<script src="js/jquery.js"></script>
Adding form elements to a dynamic created form
All, I'm creating a statistics website for our football team in Laravel (PHP), bootstrap, jQuery .. All is going fine, but I'm struggeling with the following idea ... I have a form, that is being created dynamically. From the start, each player know in the database is shown in the form. This form represents who played the game at what position, how many minutes, ect ... At the end of every player line, there is a button. This button needs te be clicked in order to add an action. Yellow card, red
Charts that I created are not showing in Internet Explorer 7 or 8 ?
I am using Jquery charting library .
Locations Filtering
I am creating a page where I want a user to be able to view a list of locations and select the ones in which he/she is interested in. Below is where I am with the application currently: https://jsfiddle.net/bearcatrunner/3ch3a8ac/2/ What I would like to do is that when a user selects a location (via checkmark box maybe? see my example) I would like it then to go into another list and if possible be removed from the current list. If box is checked it goes into new list and if it is not checked
Uncaught TypeError: Illegal constructor on Chrome -- TypeError: Constructor Document requires 'new' on FF
I'm trying to use jquery to create a fancy box, but i have an issue loading jquery's script. I tried different versions 1.x and 2.x. All return the same error, on chrome it's: Uncaught TypeError: Illegal constructorj => Query.Callbacks.fire @ VM965 jquery.js:3148 jQuery.Callbacks.self.fireWith @ VM965 jquery.js:3260 jQuery.extend.ready @ VM965 jquery.js:3472completed @ VM965 jquery.js:3503 on Firefox: TypeError: Constructor Document requires 'new' This is the method related. for ( ; list && firingIndex
A little help needed with a replace function
I am trying to replace a character with all headings but cannot seems to achieve it without also changing styles/href's. Here's my attempt at the function with a following example of the problem. $(document).ready(function() { /////////////////////////////// // find and replace headings // $('h1, h2, h3, h4, h5, h6').html(function (replaceos, osreplaced) { return osreplaced .replace(/o/g, '0') .replace(/O/g, '0'); }); }); <h3>Here is my string, I want t0 make changes here <span style="c0l0r: #4a1e51;">and
Preload then compress into a dropdown.
Hello, The code below needs to be preload before its compress into the dropdown below. I never used jquery before so any help would be much appreciated. <style type="text/css"> .styled select { background: transparent; width: 236px; font-size: 16px; border: 1px solid #ccc; height: 34px; } .styled{ margin: 0px; width: 236px; height: 34px; border: 1px solid #111; border-radius: 3px; overflow: hidden; background: url(http://rgn.community/fastdl/arrowdown3.png)
Retrieving values from array styled dataset
I have an OPTION tag as such... <option value="478" data-tagset='{"categ": "PayOff", "selector": "checkbox", "tags": ["ARM"]}, {"categ": "Term", "selector": "checkbox", "tags": ["5/1"]}, {"categ": "Type", "selector": "checkbox", "tags": ["FHA"]}, {"categ": "Features", "selector": "checkbox", "tags": ["203k", "Streamline"]}'>FHA 5/1 ARM 203(k) Streamline</option>
pass the php value to the jquerry
Hi All I Have the php code in the same web page with js how can i pass the php value to the jquerry <?php $SITE = array(); $SITE['time'] = 10000; $SITE['path'] = './mydata/todayyest/temp.php '; ?> setInterval(function () { tempTable.ajax.url('./mydata/todayyest/temp.php').load(); }, 10000);
JQUERY infinite Slider with variable size of images, previous and next button
PLEASE, help me.. How to create an infinitive slider with different width of imgs, like this EXAMPLE WITH PLUGIN,OR LIKE THIS but without any plugin.. I would like to learn and not put plugin without understand. THANK YOU SO MUCH.. $(document).ready(function() { enter code here });
Autocomplete with addtional parameters
Dear Sir In a registration form Auto complete is working fine http://marathepratishthan.org/register.php I am accepting First Name * After this I am accepting following 3 fields Father's Name Auto Suggest based on name accepted-Name+ value entered Grand Father's Name Auto Suggest based on name accepted Name, Father's Name + value entered Great Grand Father's Name Auto Suggest based on name accepted Name, Father's Name, Grand Father's Name + value entered For each auto complete I am using following
Very new to this an need help
I am supposed to put the following in my html page <link rel = "stylesheet" href = "jquery-ui.min.css" > <script src="external/jquery/jquery.js"></script> <script src="jquery-ui.min.js"></script> I am supposed to find this in the index.html page however all I can find is the stylesheet? Anyone know what I could be missing? Thanks,
How to forward the request after success of ajax request ?
I have this code: $("#ajaxform").submit(function(e){ var info = $(this).serialize(); $.ajax( { url : "ctrl1", type: "post", data : info, success:function(data, textStatus, jqXHR) { $('.valid-error').html(data); if(data == "success"){ $.get("ctrl2", info); } } }); e.preventDefault() }); $(".submit").click(function(){ $("#ajaxform").submit(); }); I am trying to make get request to
Summary Grid
Hi I have a beginner question ! i want create a grid to show products , prices and calculate total. User can remove rows or add rows from another dropdowncontrol. Someone can help me start the right way? (need tutorial, example, etc). Its possible with standard widgets? thank you very much
Next Page