Open social media networks login in small pop-up window on my site (thus, not new browser-tab)
Hi, I installed SOSMED Social Media Buttons successfully. However, when a user clicks a social media network to log on, a new browser tab opens. I want that a small pop-window on my site opens (= same browser tab) for all social media networks. The plugin: https://github.com/bachors/jQuery-Awesome-Sosmed-Share-Button The .js code is attached (it is min.js). I cannot see where to change the target open window. The HTML is... <div id="ibacor_shareawesome"></div> The code for the small pop-window on
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>
Installing JqueryUI and calling correct links in HTML page.
Hi all, I just recent caught the Jquery and UI bud and would like to learn more about it. Therefore, I'm a real newbie and i require some assistance please in installing and linking the UI in my html page. After downloading the custom UI jquery-ui-1.11.4.custom, i see the following files and folder. --JQUERY-UI-1.11.4.CUSTOM (Folder) --jquery-ui.css --jquery-ui.js --jquery-ui.min.css --jquery-ui.min.js --jquery-ui.structure.css --jquery-ui.structure.min.css
Jquery Cycle plugin: how to animate pager and link to specific slides
Hi there, I am very new to jquery and have been asked to develop a slideshow/timeline, the work in progress can be found here: http://www.chantellecreative.com/timeline/ourhistory.html The list of years extends very far so I want to have the #yearlist animate left and right so that the years that are being viewed are showing in the pager. I also have a secondary navigation that will move the pager and slider depending on the link you clicked Our history = first slide 1931-1960 = start slide at 1931
whcih part of the plugin do i add the return this.each()
hey guys , I just had a very simple question and my question is to which part of of the plugin do you wrap under return this.each() ?? Thank you. Gautam .
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,
Why do my jQuery UI buttons no longer display the excite-bike theme?
On a previous site, I used the excite-bike jQuery UI theme on buttons, and (IMO) they look great: On my new site (which is now live here), which started with the same exact code as that previous one, and I just changed what needed to be changed for the new site, it no longer works. The buttons are outsized and generic (select the Media tab at that site to see them). Yet, I'm still referencing the necessary CSS and jQuery in my _SiteLayout.cshtml file (this is a WebPage project created with WebMatrix
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
Input text not rendering with Windows Phone 8.1
Hi. I am currently developing a hybrid Cordova app that is using jQuery Mobile for UI. Right now, I have an issue with jQuery Mobile that it does not behave correctly on Windows Phone 8.1. Mine version of JQM is 1.4.5 and I am using jQuery 2.1.3. If I include the reference to the jquery.mobile-1.4.5.js, then the input text would not be rendered at all. Without loading the mobile script, the app loads the input field correctly. The app is working correctly on both Android and iOS, and per the support
Remove hover on one sigle menu-item (superfish & hoverintent)
Hi, I'm learning, spent a few hours trying a few things. Still, I don't see how I could stop the hover (underline) effect on one single menu item... Right now I'm using HTML in the menu item: <a class="noEffect">Link</>, and using a.noEffect:hover { border-bottom=0 !important;} and it works, but for a fraction of a second the border appears and disappears... :( I was looking into intercepting Superfish when the hover is added, but I'm not sure where to look. Something like if( $(this).hasClass('.noEffect')
Jquery Columnizer problem
Hi,, Just discovered Jquery columnizer last night. Great stuff. !!. However one problem. On one of my pages I have and ul with 60 listitems, intended to be put into 3 columns, 20 items high I have equipped each listitem with the dontsplit class . What is happening however is that the first 3 get put in their each individual column (top row, so to speak), and the remaining 57 are all placed in the last column. Any idea what the problem is ???
Lắp Mạng Internet FPT Quận Tân Bình, Tp Hồ Chí Minh
Tan Binh la mot trong nhung quan noi thanh phat trien tai tp Ho Chi Minh. Trai qua 5 nam qua, phat huy truyen thong cach mang kien cuong, Dang bo, chinh quyen va nhan dan quan Tan Binh da doan ket, nang dong, sang tao, tu luc, tu cuong vuot qua kho khan, no luc hoan thanh cac chi tieu Nghi quyet Dai hoi lan thu X de ra. Kinh te cua quan van tiep tuc tang truong, co cau kinh te chuyen dich dung huong, khu vuc thuong mai - dich vu tang binh quan 31,31 %/nam, kim ngach xuat nhap khau tang binh quan
Lắp Mạng Internet FPT Nhà Bè, TP hồ Chí Minh
Nha Be mac du tiep giap khu Phu My Hung, quan 7 va mot so quan huyen khac co tiem nang phat trien cuc lon do thua huong theo su phat trien lan truyen cua khu quan 7 nhung hien tai dat nen Nha Be cung chi moi duoc quan tam trong thoi gian gan day. Co so ha tang cua huyen Nha Be dan duoc Nha Nuoc phat trien, cac khu dan cu cung duoc xay dung nhieu hon, cac quy dat duoc cac nha dau tu quy hoach phan lo, nang cap giao thong, ... Noi rieng giai doan tu nam 2012 den nam 2015 gia tri dat nen cua khu vuc
tablesorter plugin - behavior with ajax
Using the tablesorter plugin: http://tablesorter.com/docs/ TL;DR: How can I prevent tablesorter from caching data when a new ajax call is made? Or how can I clear tablesorter's cache when a call is made? I am sorting a table populated with data from an ajax request. Depending on where I initialize tablesorter, I run into one of two problems: 1 - If I initialize based off the click event that fires the ajax and then trigger a sort in the success function, it doesn't sort on the initial data, a header
After refreshing page - no change
Good day, I have a simple code by using jQuery. => after click on button I hide() a div part. But after refreshing page this div part appear again ... so ... it is possible for this div to stay hidden? Sorry for my english, but I hope u understand me :-) Simple code Thanks for answers.
I am trying to get an accordion style menu to stay open when a link is clicked.
Let me see if I can explain this. The site is: https://spraybooths-com.3dcartstores.com/ On the left side bar you will see a menu titled Our Products. The top two categories have sub cats and some of the subcats have further sub -cats under them. IF you open up two or three layers deep in one of these items, then click on an individual item the entire menu closed back down. I would like for it to stay open unless the user clicks on another expandable item. This site is build on the 3D cart store
Call apache axis webservice using jquery
Hi , I have tried the following . Please go through this and give me the solution ASAP http://evothings.com/forum/viewtopic.php?f=8&t=1407
Table pagination using jquery example
Can any one help me out to implement table pagination using jquery.Please dont give examples using extra plugins. Thanks
table sort using jquery datatable?
Hey gurus, Please forgive me if this question appears silly. I have been looking all over the place including at this forum for either ajax or jquery table sorter and so far, everything I have seen sorts only the current page. I have already also seen some references to jquery datatable but I have not seen a specific instance of datable being used to sort database. Do you gurus know where I might find an example to perhaps model after? My app is ready but only hold up is the sorting bit. Thanks as
HELP!! Carousel Image
I have this set of codes.. (please see the attachment) I need the arrows in my navigators, when clicked, it will go in the next image or previous image. can someone provide me the codes for that? currently developing my company's website. thank you! just a newbie here!
Make a div draggable
Here is a JS code that causes any div, on which the cursore moves, to change its color according to the css(see bellow the JS code). Can someone modify this code so that the corresponding div becomes also graggable? I mean that clicking on the div will make it graggable anywher on the vieport. Thanks in advance I. Sher JS code: prevElement = null; document.addEventListener('mousemove', function(e){ varelem = e.target || e.srcElement; if (prevElement!= null) {prevElement.classList.remove("mouseOn");}
carousel with rotating text
Hello everyone! I'm stuck with this, and I was wondering if someone can help me. - I have a carousel with id: #myCarousel with x children with class name .image - I have a text box children of #footer with the class .textCarousel and it has as much children as pictures are with name class .infoBox - I have a second text box in the same#footer with name class .infoDetails The job is: the carousel appears in the home page. Each picture has a .infoBox and .infoDetails boxes with different information.
Sorable is not working after cropping
Hi I m using sortable.js(jquery-sortable.js v0.9.12) for sorting few images in a div. It is working well initially but after cropping any one of the image the drag on the image is not working. Can anyone please help me regarding this issue.
Stuck with a jquery table
Hello, I am new on this forum because I am stuck with a jquery situation. In particular, I am finalizing my website, which sells clothing. In the product page (linked with a jquery page) a client can insert his measurements and save them. Right now they are saved through cookies, therefore when hypothetically he rejoins the website, after having saved the measurements, it appears the profile saved. The problem is that the profile saved is not linked with the profile of the account. Therefore when
Calendar function is not working with jquery clone function
I am really new to jquery. Below is the working example of add new rows when a button clicks. Each row contain Start Date and End Date. I can see the date picker in the first row. But when I add a new row I can't see the date picker. How can I fix this? <link href="styles.css" rel="stylesheet" /> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
two condition for Validation length
Hello friends, telephone: {required: true,rangelength: [6, 11],number:true} telephone number length must be 6 or 11! NOT 7,8,9,10 How can I do that?
Mobile UI Sujjestion with chart or graph or image
Hi, I have following simple requirement to display in mobile (android or apple). Requirement: 1. I have two works per each hour in day. lets say works are 'A' and 'B'. 2. Daily I need to work 8 hours 3. So when I open application, screen should display all 8 hours and what is my work I need to do. 4. I am able to click on each work item to view details about work. Example: 1 hour = A (20 issues), B(5 Issues) 2 hour = A(5 issues), B(6 issues) 3 hour = A(10 issues), B(4 issues) . . 8 hour
Using ajax to check for changes on server
I'm trying to use ajax to check every 5 seconds if content on my server has changed since the user loaded it. I understand I must use advanced HTTP caching to make sure my server isn't hammered down to the ground because of this. My server is set up to return the `Last-Modified` HTTP header, including `302 Not Modified` if that is the case. On the client-side I've set `ifModified: true`, as well as `If-Modified-Since` in `beforeSend` to the value of `Last-Modified`. But I'm having trouble understanding
How do I move all items in a connect list to another list?
I have two connected lists (sortable1 and sortable2) ... and I have two separate buttons. Button 1 to move (append) all items from sortable1 to sortable2 Button 2 to move (append) all items from sortable2 to sortable1 How? TIA, Bob
Graph or Performance bar representation
Hi, I need to display good UI graph or status bar following requirement: Requirement: I have target values and actual values in the system. based on values I need to display image/grapth to user that where he stands based on actual value. if actual value is not meet target value I need to display as red else green. I need to do this in HTML 5 and Jquery. Can anyone suggest me the best approcach. Thanks & regards, Vijay
Autocomplete from JSON file
Hi, I know that there are many topics about Autocomplete & JSON, but I didn't find what I'm looking for... It is very basic: I have some simple JSON file named auto.json: [ {"name": "Audi", "model": "A6", "datum": "12.04.2012", "boja": "crna"}, {"name": "BMW", "model": "X5", "datum": "15.03.2011", "boja": "siva"}, {"name": "Ferari", "model": "Spider", "datum": "01.11.2010", "boja": "crvena"}, {"name": "Jugo", "model": "Koral 55", "datum": "04.04.1991", "boja": "bordo"}, {"name": "Zastava",
Jquery loads different themes on different servers!
Hi all, this sounds pretty weird... I have this jQuery mobile prototype that is using theme "c" for the footer, and another theme for the rest of the page. There is no issue when I view this prototype from a local server on my wify network (python -m SimpleHTTPServer), but when I load it on the internet, the datatheme "C" does not apply anymore for the footer... Of course I checked a million times that all the files are exactly the same on my local server and on the other server... and they are,
File upload - choose file from Dropbox, Google Drive etc
Hello, I have a jquery mobile site and it has a requirement to allow the use to upload a file (Word or PDF). Since these are unlikely to be on the phone, or if they are the phone will not allow file system access we want to have the user choose a file from their Dropbox (or Google drive or as many similar services as possible). So the workflow is something like: user taps on a "upload" button, gets to choose from Dropbox etc, selects a file from Dropbox which is sent to the server that runs the mobile
mask all entered text in textarea in password format e.g. ********
<textarea id="txt_area" class="TextArea" name="textarea" maxlength="256"></textarea> at run time when user try to enter anything inside the above text area, it should display password format or special characters e.g.: **
GSoC 2015 Slider rewrite
I am interested in writing various widgets and I had an experience in creating popup window, combobox, and grid. I like the idea of rewriting JQuery UI slider. I want to write a prototype for this to understand how to develop a JQuery plugin. I found description on slider on following web page: thttp:// wiki.jqueryui.com/w/page/12138059/Slider and I would like to ask whether these requirements are still valid? Moreover, whom I should contact to discuss the idea?
modificar valores div en nueva pagina funciona con ie pero en chrome no funciona por?
<script type="text/javascript"> $(document).ready(function() { $("#submit0").click(function () { valores = document.getElementById("facprofor").outerHTML; nueva = window.open("Detallfac.aspx", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=5, left=250, width=950, height=800"); nueva.document.getElementById("facproforr").innerHTML = (valores); //nueva.document.write(valores); nueva.window.focus; cuestFinal = true; }); });
jquery date picker
The Jquery datepicker has suddenly stopped working for me.I have used the latest version also..tried all means..created a sample application still not working.Can someone help <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link
convert TextArea text to password type
<textarea id="abc"/>
verify in chrome that jQuery UI is loded
I want to use jQuery UI. Specifically I want to use the grab method. How can I verify in chrome that its loded? Regards I. Sher
whenever i put uppercase() method it displays an Error
<script type="text/javascript"> (function() { $('button').click(function() { var tt = $(this).text().toUppercase(); console.log(tt); $('link').attr('href', tt + '.css'); }); })(); </script> this is the display on the console Uncaught TypeError: undefined is not a function
Next Page