Help with Message Widget
Got a Div being refreshed every 5 seconds. The div has scrolling set to scroll so that user can scroll. I know how I can keep the scroll position after the div is refreshed ? $("#bottom").on("scroll", function()
{
$("#bottomv").html($("#bottom")[0].scrollTop);
});
$(function()
{
$("#bottom")[0].scrollTop = $("#bottom")[0].scrollHeight - $("#bottom").height();
}); Scenario 1) There is a textArea on this page, I want it that when a user clicks on the textbox, the scroll bar should automatically
getting status of django celery task from redis server with jquery
hello all, since days I try to find a solution to the following scenario - unfortunately I am not successful so far: I start a task with celery and I am able to receive the status with the following url: http://localhost:8000/task/status/b9901301-9bdb-4420-a6a2-c4e6c0963258/ what i get back when sending this url via my browser is: {"task": {"id": "b9901301-9bdb-4420-a6a2-c4e6c0963258", "status": "SUCCESS", "result": [[[0, 21.1], "OK"]}} this is fine so far. Now, I would like to check permanently
Move in - Move out ??
Here is the example I am working on: silkegaeng.com/working On the right-top corner you can see the Audio Icon. That should simply move the div "audioplayer" in on hover. And of course it should disappear on mouseout... What is happening is a strange effect, that it sometimes "shakes", moves quickly in and out, even when i dont move the mouse... whats wrong? jQuery(document).ready(function($) {
$('#audioplayer').mouseenter(function(){
$('#audioplayer').animate({right: '-20px'}, 200),
strange swipe behaviour in JQM 1.4.5
I have the following behaviour: (it is reproducible, and I tried different ways of implementation with the same results): I have implemented two very basic functions recognizing leftswipe and rightswipe. both functions simple do an output to the console for now. The behaviour I have is that only every second swipe in the same direction produces an output. So I added functions for the events tap, taphold, vmouseup, vmousedown, vmouseout, vmousecancel. Everything seems to be behaving normal but for
How to show value of checked checkbox?
<html> <input type="checkbox" class="check"> Smart Survical<br> <input type="checkbox" class="check"> Smart Survical<br> <input type="checkbox" class="check"> Smart Survical<br> <input type="checkbox" class="check"> Smart Survical<br> <li><input type="text" name="WIS" value="0">Cart</li> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".check").click(function(){
bxSlider text message now on multiple lines
Hello, I'm using bxSlider to alternate between two text messages, each message over three lines. Just yesterday I've modified the first message, and now the line length is almost doubled in size. The problem now is, when I first load the page with an empty browser cache or with Ctrl+F5, that the first line of the first message is divided on three lines, whit the rest of the content not visible. If I load the page with the browser cache NOT empty or without Ctrl+F5, I see the whole content on three
How to get comma separated decimals to get calculated?
Hi I have a form with a field called "Areal" where I want to be able to enter comma separated decimals values to be calculated but I have no clue as to where or what to enter in the following piece of code in order to do so ... and at the same time get the result with comma separated values. I thought it was straight forward and easy to google, but I guess not :-S ... and with no jquery coding experience I am lost. <?php $user =& JFactory::getUser(); if($user->id) { echo '<script>jQuery(document).ready(function(){
Jquerymobile pages are not fit in Windowsphone screen
Hi, I have developed the application in Jquery Mobile and the version is 1.4.5.Built the xap file using build.phonegap.com.The application working well in android.But in windows phone 8.1,pages are not fitted well.If we scroll up or down the page, the extra space over the header and footer occurring.And if we landscape the screen,the footer is not fitted well.Attached screen shots. index.html: Head: <head> <meta charset="utf-8" /> <meta name="format-detection" content="telephone=no"
Dialogs cross refreshing, how do I avoid that?
Hi all, Noob with a (possibly) noob question. I have a page that has several Dialog forms on the screen...when I drag the one, the other refreshes to its start state, while it should remain in it's present state... Basically, each frame is a div that holds an iFrame, that frame points to a PHP page/file that has a collection of panes overlapping, the first being the start pane to set some filters... When I'd drag the info pane, the page makes a connection to the server and thus refreshes the dialogs
AJAX: intriguing problem passing special character...
I did solve the problem, but I found it so intriguing I wanted some opinions: I send a string to server with AJAX in classic way: queryStr = "?namePicked=" + names[0]; $.ajax({ url:"string.jsp" + queryStr, type:"POST", success:function(data){ $("#outputString").html( data ); }, error: function() { $("#outputString").html("fail"); } }); sometimes that name will include a special character, for example René this special char gets lost
How to create multiple instances of a Jquery widget in a page?
I have created a widget. I want to create multiple instances of the widget in the same page. On doing so, i am getting a problem, What are all the values, in the first instance are same in the subsequent instances. $.widget('srgtech.logicbuilder', { config: { MetaData: {}, WizJSON: '', PageJSON: [], // an array of object contains pageid and its title. ex: { id: 1, title: 'Home Page' } SectionJSON: [], // an array of object
how to find the ppi of an image using jquery
Maintain the below size or resolution for the images while uploading. splash screen sizes: 1242 x 2208 (@3x) for portrait 750 x 1334 (@2x) for portrait
Reusable multiple dependent dropdowns on same page
Hi jQuery Community, I am trying to create multiple dependent dropdowns on the same page I have been able to follow the following article http://wecamefrommars.tumblr.com/post/48854835407/codeigniter-how-to-make-mysql-cascade-dropdowns successfully and have been able to get one set of dependent dropdowns work on a page however I wish to have multiple dependent dropdowns on the same page. Currently when I have multiple dependent dropdowns on the same page when I change the first dropdown all the dependent
Making Listview Transparent
Hey, I set a background image for the page, and I want the listview to be transparent. What should I change in the css to make the listview transparent?
Time In Time Out Application
Hi everyone, I just want to create a Time In Time Out Application using PHP, AJAX and jQuery. This page will automatically refresh its content everytime the database is updated. Can you help me out of this or give me some sample codes. I have a hard time dealing with AJAX and jQuery but I'm well-versed in PHP. Thanks.
Debugging techniques for JQuery
I am still a novice with javascript and jquery. I am developing code for a web site and the code is mildly complex, using HTML5, JSP, Javascript and Jquery. I have run into several problems when using JQuery so far. Some have been fairly easy to fix. Some not so easy. I find the debugging process to be fairly lengthy in time and was wondering if there are some techniques available that I am not aware of. My current techniques that I use, some more that others are: 1) Read the code 2) use alerts method
Using jQuery to make it work with a form
hello, can you help me to put this form in wp page? THX </div> <div id="trade_fancybox_form" class="fancybox_form"> <?php if(!isset($lwp_options['tradein_form_shortcode']) || empty($lwp_options['tradein_form_shortcode'])){ ?> <h3><?php _e("Trade-In", "listings"); ?></h3> <form name="trade_in" method="post" class="ajax_form"> <table class="left_table"> <tr> <td colspan="2"><h4><?php _e("Contact Information", "listings"); ?></h4></td>
Fieldset of buttons - corners only rounded at the top?
Hi, is it possible on a row of radio buttons so that the bottom left and bottom right corners of the control group buttons are square and not rounded? http://jsfiddle.net/a4poster/fLbza2e7/12/ Thanks A4.
Simple jQuery accordion with Expand and Collapse option
Hi friends, I am here to share a Experience with jQuery with out additional plugin a simple accordion with Expand and Collapse option. Note : a Little hick up is while expand / collapse heading height variant will fix and update the post /*slide toggle funtion*/ $('.accHeader h2').each(function () { $(this).parent().find('.container').hide(); $(this).addClass('open close'); }); $('.accHeader li:first').find('.container').slideDown(); $('.accHeader li:first').find('h2').removeClass('close');
jQuery ajax request returning nothing
function getSessionData(callback) { $.ajax({ url: 'URL Value', "type": "GET", dataType: "json", async: true, success: function (data) { callback(data); }, error: function (xhr, textStatus, error) { alert(xhr.statusText); alert(textStatus); alert(error); }, }); } I am making an android legacy android application, on the emulator the application works fine and the request goes through
JQuery (JavaScript) Syntax Error on line 1.
I have a user running Windows XP, with IE8, and I'm to trying to optimize his web site using JQuery. I have successfully implemented the following code that sorts a column of data by clicking on the specific column header (LN). Everything works fine and the data in the column is sorted and posted to the column in the correct order and "THEN" I get an error POPUP box that states I have a syntax error on line 1. Sample code: $("#LN").click( {parm:0},sortTable ); function sortTable(event)
scrollTop() is not working
I just want to calculate the scrollTop value in chrome.But i am getting value as 0. Please help me to solve this issue.My google chrome version is Version 39.0.2171.95.Below is the my code: j(document).ready(function(){ if(navigator.userAgent.toLowerCase().indexOf('chrome') > -1) { var scrollHeight = j("body").scrollTop(); j("#resultPageMenuBar").hide(); //Hide the result page menu bar alert("***************we are inside the google chrome browser***********"); j("body").scroll(function(){
how to fadein text and fadeout video after video ends
Hi, I'm trying to fadein the text, which is a link, and fadeout the fullscreen video at the end of the video. You can checkout my code here: http://codepen.io/dl157/pen/azBvRE. Can someone please take a look and recommend how I can change it to make it work? I really appreciate the help. Thanks
Creating draggable and resizable events in scheduling app
I'm interested in creating a minimal scheduling app with events that can be dragged and resized, as you would in the day view of Google Calendar or FullCalendar. I've looked at the draggable, droppable, resizable and sortable features of jQuery UI, but they all seem to stand alone somewhat. For example, if I were to use droppable elements to define time periods, how would I use resizing to make a element overlap more than one droppable unit. I would think that sortable would do this, but how do
Problem with Hover+FadeIn and Fadeout
Hi, I have two images ".serv_izq" ".serv_der". Teorically, when someone put the mouse over (or click) one of these images, a text which is hidden is displayed. But there is a problem: At the first time that the page is open and you put the mouse over one of these images, the text start hidding and showing at least three times. Obviously, I want the text be there until I get out the mouse. Here is the code: <script> $(document).ready(function(){ $(".serv_der").hide(); $(".serv_izq").hide(); click_izq
check availability before submit form
Hi, I have a form : <div> <form name="CreateIfaceEnvForm" id="CreateIcaceEnvForm" method="post" action="/Grouping/createIfaceEnv.do"> <label for="disabled" class="formLabel">Disabled*</label> <select name="disabled" tabindex="1" id="disabled" class="criteria" title="Disabled"> <option value="F">Enabled</option> <option value="T">Disabled</option> </select> <br/> <br/> <label for="interfaceType" class="formLabel">environment*</label> <input type="text" name="interfaceEnvironment" size="10" tabindex="2"
Selection box inline in header
Being a total noob on all jQ / jQM / Javascript, I'm trying in mobile apps. I learned that in a header section you only have the choice of max. 2 buttons inline with the header, one being left, one right, heading text in between (as opposed to a footer section were you can have multiple icons / buttons). But I want to have a selection box rather then a button on the left hand side, inlined in the header. This example ( http://jsfiddle.net/5t50uzcz/ ) does not work (quite obviously), it is not in-line
how save using jquery append
Hy all I have problem when using JQuery's .append(). please cek: jsfiddle.net/badvz/4ddutu47/3/ How I can save at every row or every nim when I'm click button save? I have try like this but not working : $(".save_item"+count+).click{//button save alert(send value); }); Thanks
How to Add Active Class to a Navigation Menu Based on URL?
Alright guys I am new jQuery and don't dabble to much in this stuff mostly just html language. But, I need to know how to add an active class to the li element of the navigation. I need to be able to do this as I am switching over my static html pages to a more dynamic environment where information is called from the server to help me in maintaining the site. So here is what I have so far: The page that I am working with / testing is the home page found at http:www.bomstudies.com My jQuery Code:
Why is my JQuery Bracketing plugin not running on page load?
Hi, I copied the code of JQuery bracketing from GitHub http://www.aropupu.fi/bracket/ and saved them in a folder then in my Dreamweaver CC page I put this in the head tag: <script type="text/javascript" src="scripts/jquery-1.11.2.min.js"></script> <script type="text/javascript" src="scripts/jquery.brackdt.js"></script> <script type="text/javascript" src="scripts/jquery.bracket.min.css"></script> <script type="text/javascript" > $(document).ready(function(){ $('#bracket').brackdt({
How do I bind the droppable event to dynamically created nodes?
Hey is there any way to bind the droppable event to dynamically created nodes? here my fiddle fiddle Go to my fiddle and drop menu to droppable place (it's work) then drop podcast into menu (it's work) drop music or any element into podcast (can't work)
How to resolve this?
I want to get Javascript array at button click. In final result I want to get same key with amount(same key with adding multiple amounts). How to add sum of amount with Same Key(dates) in each function? Please help for my code. Current My array result in alert: {dates:"01-2014", amount:"100"}; {dates:"01-2015", amount:"500"}; {dates:"02-2014", amount:"700"}; {dates:"01-2014", amount:"800"}; {dates:"02-2014", amount:"900"}; {dates:"03-2014", amount:"60"}; {dates:"07-2014", amount:"10"}; Expected array
Is Windows Phone 8.1 via Cordova compatibility on the JQM roadmap?
As is, the browser compatibility stops at windows phone 8, and there are "issues" on 8.1... I'm curious what (if any) plans are in place to add 8.1. Thanks!
Script transfered with MIME type text/plain
I'm receiving the following error in Chrome for my jQuery file: "Resource interpreted as Script but transferred with MIME type text/plain." This is the code in my html file: <script type="text/javascript" src="js/jquery-2.1.3.min"></script> <script type="text/javascript" src="js/index.js"></script> I'm not having any trouble with the js/index.js file. I found some information that said I needed to check my registry .js Content Type to make sure its data type was not "text/plain," and if it was
Can someone explain this code please
This is a followup to my last post. https://forum.jquery.com/topic/tablesorter-and-tablesorterpager-how-to-reload-tablesorter-table-after-using-drop-down-values-to-run-new-query If either is answered I will end the other. As a jQuery/Ajax/tablesorter novice, I was hoping someone could explain what this code is actually doing (rather than me continuing to go on my assumptions). It seems to me, if I am seeing this correctly, that the developer began with too much happening. I see the following happening:
Pulling my hair out! :) Simple code needed...
I would like to, if at all possible, get the code to use on any website (that has numerous check boxes) but no "select all" feature, the ability to select all the check boxes in one swoop anyway. I'm using Chrome and did find a utility that does exactly that, however.... Occasionally some of the check boxes on the main website I'll be using this on are disabled, and I don't even want to place a check on them, however this utility I'm using, somehow overrides the disable function of those boxes
Using ajax not able to remove class immediately after adding class
I have this piece of code $(document).ready(function() { $(".spam").on("click", function(e){ //var pid=$(this).attr('id'); //var fav_btn=$(this).attr('id'); var site_root="http://localhost/startup/msg"; $path=$(location).attr('href'); $.ajax({ url:site_root +"/insert_spam.php", type:"POST", data:{ 'path':$path}, 'success':function($result) { // alert($result); if($result=="suc") { $(".spam").removeClass('spam').addClass('reported_spam'); } else if($result=="err") { alert("Not able
difference between two arrays.
Hi, I would like to have the difference between two arrays for example : A = ['a','b','c'] B =['b'] <--- B is always included in A my result C == A - B == ['a','c'] Here is my jsfiddle : http://jsfiddle.net/mlotfi/zhjntqsd/12/ I would like an array that has this difference : data-restagencies - data-agencies when this button is clicked : $('button.btn').on('click', function () { Thanks
Embed submit button in Accordion Header
Hi everyone, Long time reader but never posted, Im having issues embedding a form into the accordion header, when the submit button is initated the accordion continues operating as normal and the submit is not triggered. Here is the code, pretty basic, is there a work around for this? So that both the button and the accordion can operate? $(function() { $( '#accordion' ).accordion( { collapsible: true, active: false, heightStyle: 'content' }); }); <div id='accordion3'> <h3> <table>
Errors in included jquery library files
In Visual Studio MVC projects they have a way to attach scripts using wildcards to attach all something like all the scripts that begin with "jquery". There is also a way to exclude files from your project so that they are not considered when the project is run or deployed. A couple of months ago to address so other issues I updated my jquery files from the default included 1.8.2 to the latest I could find 1.11.1. I excluded the 1.8.2 files thinking that they would not be included in my project.
Next Page