This is ours side project
hi all I'm pleasure to have had a chance to contribute the code width my team, this is my project implement in my work last two years, only the close project, not release, thank for my team help, I had a chance to share my son and possessed the web. This project names component, it is client side MVC design with ajax and single page, reference for all, thank you http://jqcomp.org/
Help With Basic Banner
Hi folks, I am trying to make a clickable banner using the following code: HTML <div class="fadein"> <a href="/link1"><img src="/images1.jpg" /></a> <a href="/link2"><img src="/images2.jpg" /></a> <a href="/link3"><img src="/images3.jpg" /></a> </div> jQuery <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('.fadein img:gt(0)').hide(); setInterval(function () { $('.fadein :first-child').fadeOut(0)
Plug in Recomendation for store data into a table
Hi friends, i need display data extracted from a database server(Mysql), how to? actually i create a HTML Table, but need more powerfully: 1) Display records with page option, sample: 100 records in 10 pages (10 by 10). 2) have footer operations, summarize columns. 3) Sort clicking in any column. 4) have columns operations sample: col5=col6*col7/1.18. 5) have columns type image, checkbox, number, link. if possible, if possible, ADD/DELETE/UPDATE rows and change the operation into Database. Much thanks,
Dynamic Creation of controls
Hi, I have one master form where i create QuestionName Parent Question and Sub Question for Question Name. Example :- QuestName:- XYZ Parent Question:- Did You Came to Office Sub Question for Above :- At What time you reach Office Sub Question for Above :- How you came to office For each Parent Question and Sub Question i will select control type like drop down, list box, text box etc.and values for control. Like for Parent question Parent Question:-
cleaning up and upgrading code by using loop for data to be .$post
hi all , I have a shopping cart with items , quantities and sizes and i am using jquery to post these values to a php page, as i did it i can only handle 4 items in my shopping cart at once, i can add more, by adding to the code the way i am doing it, but i am looking for a better way to do this, that will not have me hard encode it everytime i want to upgrade the number of items allowed (something like a loop with variables ) here is what i have : <script language="javascript"> function add_to_cart()
Change div to another div
personal hello. I'm still new to jquery. what I'm trying to do is the following. I have a div and inside it I have several other divs, when I click on one of these internal divs they should raise getting higher than the other adding a class the same (it was done here already), however with these divs raised by clicking empty div another one (example: div id = "container") this div that was once raised must exit the previous div and stay within the div container. thank you very much if you can give
find class into li on mouseover
Hi put imagecontainer class into every li and its property into css is display none I want when user hover into li then imagecontainer into li will be display blocked and when rollout from li it agan display none I use this code I tried this for mouseover but it's not working, you can find attached file $('.main ul li').mouseover(function(){ nowdiv=this.find(".magecontainer"); $(nowdiv).css("display":"block"); })
Creating ListItems using REST
Hi i am new to Sharepoint.My task is to create listitems using REST.And i used this code $(document).ready(function () { createListItemWithDetails('TestList', 'http://sp20139:85', 'TestListRest', function (data) { console.log('New task ' + data.d + ' has been created'); }, function (data) { console.log(JSON.stringify(data.d)); }); }); function createListItemWithDetails(listName, siteUrl, title, success, failure) { var itemType = GetItemTypeForListName(listName); var item = { "__metadata": { "type":
Replace jQuery code with its implementation
Hello! I am not sure if this belongs to "Using jQuery" forum, because I basically want to use the jQuery's implementation (pure JavaScript core) instead of jQuery. So, I have this plugin (the full code is available here ). In this plugin, I am using some jQuery code, because I don't know how I can get the same result with pure JavaScript, o your help will be appreciated. $(this._elem).click(function(e) { e.stopPropagation(); $("[data-class=\"popup\"]").not(self._menu).hide(); $(self._menu).toggle();
How to call one field table and put it in add row dinamis
hello dear, i want ask simple question, how can i call one field came from database, I'm new in Jquery, btw i use codeignter how can i do that, i have already searching but still dont get it and dont know how to strat, Will big thanks if any respon, Freddy Sidauruk //var kode is came from table, and i need to put this field in input type id_pembelian, please see bellow var kode= var i=$('table tr').length; $(".addmore").on('click',function(){ html = '<tr>'; html += '<td><input class="case" type="checkbox"/><input
Modifiing style from javascript in jQuery...
Hello, I am new to jQuery and JavaScript, somewhat. I am using the noUISlider and need to change some of the styles via JavaScript. The CSS is declared as: .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; I am need to change the width and height and I have not been able to figure it out. How would I access and change it via jQuery? I have other code like: $('#slider1').noUiSlider_pips({ mode: 'count', values: 3,
Reset jQuery mousewheel event
Hi everyone, I hope someone can help. I have the following script in my page and need to activate/deactivate with an if/elsewhich checks window width. This is the jquery in my body: <script> $(function() {$("body").mousewheel(function(event, delta) { this.scrollLeft -= (delta * 30); event.preventDefault(); }); }); </script> while this is is the js file: (function($) { var types = ['DOMMouseScroll', 'mousewheel']; if ($.event.fixHooks) { for ( var i=types.length; i; ) { $.event.fixHooks[ types[--i]
IOS audio get/set current time
I need to create a button ( that will specifically work on iOS devices as well as other browsers) to play different audio files at specified times of the audio files. I'm completely lost. but here is want I want to achieve: A song is playing. The user clicks on a button and a different version of the song starts playing ( a completely different audio file that contains a different arrangement of the same music with different musicians playing). However the newly selected song must start playing
JQuery Drag and Drop files
Hi, currently i am working on drag and drop file upload functionality , as per my requirement Users can drag and drop files multiple times (before uploading) but currently when i drag and drop file 2nd time previously dragged item is removed from the div. How can i append the new file to the previously dragged file and how can i hold the both information in variable. how can i modify the current function. obj.on('drop', function (e) { $(this).css('border', '2px dotted #0B85A1');
Banner With Tabs Issue
Hi folks, I have the following code which almost works fine but when I click on a tab it scrolls back to the top of the page. http://boardnet.co.uk/testing/banner2/ Any assistance is much appreciated!
Call apache axis web service using jQuery
Hi I am trying to call my web service from jquery code. The following parameters I have . Can anyone tell me exactly , How can I call my webservices. This is an apache axis, soap based webservice. I will give my WSDL file also. URL : http://localhost:8080/TestServ/services/TestCls soapaction : var soapaction = "http://codon.com/login"; soapRequest ='<?xml version="1.0" encoding="utf-8"?>'+'<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:cod="'+'http://codon.com">'+
Dynamic global variable across multiple JS files?
I need to use dynamic global variable declared in one .js file can be used in another .js file? for example 3 js files 1. one.js 2. two.js 3. global.js I declared dynamic global variable in global.js as var token = "token from server" can this token be used in one.js and two.js files ???
Simple Clickable Tab Slider
Hi folks, I am looking for a simple jQuery banner with clickable tabs like the image attached... So as you click the tabs along the top it would change the content in the box below. Any assistance is much appreciated!
What would cause the difference in filter load speed between Chrome and Firefox?
I have a news aggregator page built using jQuery that has multiple filters based on WordPress categories. The company filter has a large number of companies. When the + button is clicked in Chrome to expand the list and view the list of companies, it takes 6-8 seconds for the entire list to become visible. In Firefox, the list is visible almost instantaneously. Could someone help me investigate what might be causing the difference in load times across browsers?
How to store checkbox clicked values throughout the pagination please help me
How to store checkbox clicked values throughout the pagination please help me
$.ajax POST with special characters in URL
Hi, Good morning, good day and good evening. We have a current program where I pass the username/password in the URL property of the $.ajax. However, if a user's password has #, * or % (and some other characters) on it i'm getting an error and the request won't reach the server. So basically I'm passing something like this on the url: http://mysite/get/{username}/{password} Is there a way jquery ajax call can accept these characters? I already used the encodeURIComponent function but this doesn't
How to show messages sent while php is looping
I have a php loop that is sending emails and I would like to have a message within a <div> that shows the number of messages sent. <div id=msgBox> echo $sent; </div> Is that something easy for a relatively new Jquery user? Todd
jquery dialog can't pass a variable to php
Well I have a function "openDialog" and I want pass a parameter PHP $Id_var in a table... but doesn't work function openDialog($Id_var) { $('<div/>').dialog({ modal: true, show: { effect: "explode", duration: 500 }, hide: { effect: "explode", duration: 500 }, open: function () { if ($(this).is(':empty')) { $(this).load('Ver_Estructura.php?id_ver=$Id_var');
Is there a better way to handle delay for multiple events?
Hi, I have written a JQuery function, where there are multiple elements fading in with CSS and JQuery. I am using JQuery to time the delay, and was wondering of a better, more efficient way to do this instead of just adding more time between the events. Code below. (function($){ $(document).ready(function(){ $("h2#Fancy").delay(3000).fadeTo(3000,1); $("h2#Personal").delay(7000).fadeTo(3000,1).delay(3000).fadeOut("slow"); $("h2#BG").delay(9000).fadeTo(3000,1); $("h3.tagline").delay(11000).fadeTo(3000,1);
X-Requested-With is not allowed by Access-Control-Allow-Headers
I am developing one system. In that system there is one add item to cart functionality. In that functionality, I am using Jquery $.ajax used. But online server I have facing this error - "XMLHttpRequest cannot load domain name/add_to_cart.php?item_id=3&hotel_id=2. Request header field X-Requested-With is not allowed by Access-Control-Allow-Headers." Can any help me how to solve this error. I am using this jquery code $(document).on('click', '.ordering_btn', function(){ var item_id = $(this).data('value');
How to hide a frame if div content is empty
I have 3 html pages. main.html, page1.html and page2.html. I am displaying page1.html and page2.html in main.html using following code. <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script src="myjs.js"></script> </head> <iframe id="page_1" src="page1.html"></iframe> <iframe id="page_2" src="page2.html"></iframe> </html> page1.html code <html> <body> <table id="resultDetails"> <th>Result Details</th> <tr> <td>Row 1</td> <div id="r1">
Content loaded with load() function not parsed by Google
Hi, on my site I am using the load() function to add an external html file to multiple pages. It works fine, but the external content is not parsed by google. For example, the content of the "Pin Headers" section on the following page is obtained from an external page via the load() function: http://modtronix.com/in485p-tbp.html If you google "in485P-TBP", and have a look at the cached result, you see the "Pin Headers" section is empty. The load() function only adds the content of the external page
multiplication in dinamic row
hello Jqueryer, how can i make multiplication in dinamic row, i just succes make it in the first row, hope fully by image can make you understand what my problem, and this is my code view <table class="table table-bordered"> <tr> <th><input class='check_all' type='checkbox' onclick="select_all()"/></th> <th>#</th> <th>Kode Barang</th> <th>Nama Barang</th> <th>Stock</th> <th>Jumlah</th> <th>Harga</th> <th>Total</th> </tr> <tr> <td><input type='checkbox' class='case'/></td>
Getting select's value with dynamic id
Hi; I create multiple drop downs with php and they have different ids. For example: <select name="product_type[1854]" id="p_type_1854" onchange="update_template_for_download(p_type_1854);"> </select> <select name="product_type[1854]" id="p_type_1855” onchange="update_template_for_download(p_type_1855);”> </select> How can I get the value of selected option? I thought this does it but this alerts "[object HTMLSelectElement]": function update_template_for_download(id) { alert(id); } And alert($("#"
Prevent radio toggler from being checked on page refresh
Hello, I have long forms containing a radio group like this one: <fieldset id="ctrl_4139" class="radio_container mandatory"> <legend>How many locations?<span class="mandatory">*</span></legend> <input name="locations" value="one_location" required="" type="radio"> <label>One location</label> <input name="locations" value="several_locations" required="" type="radio"> <label>More than one location</label> </fieldset> <div id="several_locations" class="addForm2" style="display:none;">
Change all elements with css color:red; to color:blue;
Hello, Is it possible with jQuery to identify all elements with css color:red; to color:blue;? Thanks, Emma
Help me.....
dear you , I have problems to help people ....... I would like to add the following code : when i click button "yes" created can be two or more file name revocation in one click "yes" , or to click on the "yes" has the timeout , I'm not good at English, I apologize to everyone please please help me solve this difficulty. thank you . $(function() { $( "#dialog:ui-dialog" ).dialog( "destroy" ); $( "#revocation" ).dialog({ autoOpen: false, height: 200, width: 460, modal:
ingjecting an element between others
I'm searching for a toturial/sources of the code that implements the efect of ingjecting an element between other elements(if someone is familiar with Wordpress dashboard its implementd there in the widgets and also in the menu items). Regards I.Sher
Dynamic Created Button additinal effect
Good afternoon. I am fairly new to all this and am needing someone to point me in right direction with an issue I am having. I have the page working to create a button dynamically inside a div. When the page is first loaded all of the buttons when clicked have their color change and the rest of them return to their default color. $('.gradeButtons button').on("click",function() { $(this).siblings().removeClass('quoteGrading'); $(this).toggleClass('quoteGrading'); }); For some reason that I cant
Jconfirm.
Hi, i am using jquery.alerts.js plugin for jConfirm and I have a problem. I would like that Jconfirm works like confirm in js that stop running and waits for my answer. This is my code: jConfirm("Confermi l'inserimento?", function (ans) { if (!ans) return; else risposta = 1; }); Thanks in advance. Tegatti
Selector for first level div elements of any website
Hi there, currently I'm trying to implement a Chrome Extension which shall enable me to navigate through any webpage by using the left (previous element) and right (next element) arrow key. Its for my kodi couch potato machine. My first attempt was quite simple by adding tabindexes for each anchor-Element. The current element has a red box arround it, so you can see your current selection. Well it works, but its not really usefull if there are hundreds of links an the one you want to navigate to
How to retrieve a value from a url using jquery
Hi , in my application i want to load a page using jquery and same time i want to pass a value and return a result. i used following query var id= $('#ContentPlaceHolder1_txtstid').val(); $('#disp').show(); $('#disp').load("GuardianForm.aspx?id="+id);. my requirement is in guardianForm.aspx ,retrive value of id. as per the value of id i want to return a result. following is code in GuardianForm.aspx $.ajax({
type: "POST",
contentType: "application/json;
Passing value to reloaded page
The code below alerts 28/03/2015 but monitor_reload controller shows only 28. What am I doing wrong? Thanks <script>
function load_group_stat(item, group_id, start_date, end_date)
{
alert(end_date);
$('#interactions_head').load("<?php echo base_url('monitor_reload/group_stats');?>" + "/" + item + "/" + group_id + "/" + "2015-01-07" + "/" + end_date);
return false;
}
</script>
Image as a background of a canvas dissapears when trying to draw on it
I'm trying to write a code to write a polygon on a "preview image" for an type file input. The problem: when I click on the canvas to draw the first point of the polygon, the image dissapears.., why? <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <canvas id="canvas" width="500px" height="300px"></canvas> <input type="file" id="file-input"> $.fn.canvasAreaDraw = function (options) { this.each(function (index, element) { init.apply(element, [index, element,
any easy simple example explaining Deferrer and Promise ?
HI, I look everywhere to understand what is promise and deferred, what we need it for, but all blogs, articles, tutorials are very complicated, I will appreciated if someone give us an easy example for dummies. a working example in jsfiddle , codepen or any. Thanks
Next Page