popup troubles
I defined a popup: Please sign in E-Mail: Password: Sign in But the Button is always visible on each of my pages. And the rest of the popup just appears for a sec when I open it like this: $('#popupLogin').popup(); $( "#popupLogin" ).popup( "open" ); BTW: I have always troubles by posting code in this forum. Every code will be interpreted even when I use the code-tag.
How to achieve "Reference Variable" functionality
I know that JS can't do reference variables like PHP (my native language), but theres gotta be some way to accomplish something similar to it, without using a global variable. In my code, I have a function that initiates a DataTables instance (And this has nothing to do with DataTables, btw), and when DT is initiated, it launches a function that will monitor the data source of the table, and when anythings changed, it will reload the DT instance. This function that monitors the data source can be
change css
hey guys, i'm trying to alter the css of a image using the following: preview.css({ 'top' : preview_left, 'left' : preview_top, 'position' : 'relavtive' }); although preview_left and preview_top have a value console.log(preview.css('top')); it returns 0px here is my jsfiddle: http://jsfiddle.net/destramic/5jf9wwna/ for the life of me i can't see where it is I'm going wrong, if someone can help me on why the css properties
how to do operation (minus) on a html table with inputs in the cells
hi friend i have this sample working: http://jsfiddle.net/jamiguel77/ac16w87k/2/ if you write some number on the column of qty2 it react. but i have a error the ids are same (duplicated): qty3=qty1-qty2 noCajas1 noCajas2 noCajas3 i changed it to: row1: noCajas1_1 noCajas1_2 noCajas1_3 row2: noCajas2_1 noCajas2_2 noCajas2_3 and so on... in this fiddle: http://jsfiddle.net/jamiguel77/ac16w87k/3/ this operation: qty3=qty1-qty2 not work anymore, how to fix?
sometimes the message is appended multiple times, why?
I built a chat using Jquery and Ajax. After calling Ajax, jQuery appends the last message in the chatboard. But I don't understand why sometimes he does it twice !! Not always, but just sometimes (especially if the browser is slow)... and I think the problem is only in multiple appending itself, because the message is NOT really inserted twice in the database. How can I solve this problem? Thank you very much, in advance.
how to send data form post using ajax
i try to send data from form through ajax but i fail please help me my code below <div class="col-sm-5"> <select name="car_id" id="car_id" class="form-control"> <?php while($car_row=@mysqli_fetch_assoc($car_result)) { ?> <option value="<?php echo $car_row['car_id'];?>"><?php echo $car_row['car_name'];?></option> <?php }?> </select> </div> <div class="col-sm-5"> <select name="km_id" id="km_id" class="form-control"> <?php while($km_row=@mysqli_fetch_assoc($km_result))
Element not found...
Hi, I have a div with id="HourCapsule_7h00" created at the beginning of $(document).ready. At the end of $(document).ready I have to change the background of HourCapsule_7h00 so I do $("#HourCapsule_7h00").css('background', 'MyNewColor'); It doesn't change because $("#HourCapsule_7h00").length = 0 which means it doesn't find this element however when I inspect the page with F12 I clearly see the element is there and the name is right. Is there something I don't know ?
How to alert message display in Today Button In bootstrap datetimepicker
Hello, How to alert message display on "today" click button in bootstrap datetimepicker. Here I get source and configure in my local server but not getting message display on Today button click event. Link : http://www.malot.fr/bootstrap-datetimepicker/ Any idea then send me code.
audio issues on iPad
on this site i have set up using fullscreen.js I can't figure out how to get the 'afterLoad' function to trigger a new audio sound on my iPad. It works perfectly on desktop ( safari). if you scroll down the will notice the audio track changes. On iPad the video and audio only pauses and plays (but it sort of works in that it does control stopping and starting separate audio and video tracks which is a hopeful sign that I've done something correctly). http://www.mediaflash.ca/jimscroll/examples/navigationV.html
Help on Toggling a Footer Menu
Hi everybody, new to jQuery here. I'm looking for some help. I'm trying to create a footer menu for my wordpress site that I'll use for mobile devices rather then our full footer. Basically the parents in my code are the headers of each set of child links that I'd like revealed once that parent is clicked. Problem is I don't know how to use jQuery to select those child sets of links that belong to each parent/header. So this causes the results to be various child links rather then the ones that belong
What colour the best way let users know for new products
Hello guys, Need some disscussion and advice what the best way to give user know where is the products news inserted, so i create this http://jsfiddle.net/dauruk0512/44yedtfo/27/ by event click what the right way based on my background above ? Point : give uses nice experience in UI and UX
Data in p tags not rendering when calling via AJAX
Hello, I have a PHP page the renders input fields and then my main page calls them in via AJAX. Here is a sample of what the PHP page generates: <p class="fieldLabel">Select Date:</p><input name="field_1" id="field_1" type="text" class="inputTextDatePicker" placeholder="" value="" maxlength="10" /><br /> Then, on my main page, I use the AJAX success handler to perform the following: jQuery('#div-custom').html(result).show(); jQuery("#div-custom").find(".inputTextDatePicker" ).datepicker({
Chrom Debugger Crashes
Dear JQuery Folks, i have write a piece of code which you can see in here: /////////////////////////////// // Handle Multiple Views // /////////////////////////////// function setActiveView(multiViewId, viewId) { if (multiViewId == undefined) throw "multiViewId is Undifined"; if (viewId == undefined) throw "viewId is Undifined"; var mv = $(".multi-view").filter(function () { if ($(this).data("multiViewId") == undefined) throw "data-multi-view-id is not defined over multi-view";
tab control should skip readonly only eithr using jjquery or javascirpt
Please any body suggest me the i have 100 dynamic fields in form.We have some readony fields.when tab is pressed it should skip reaonly and focus to next text field.
Accessing the selected value from a Dynamically generated DropDown List
I have created multiple Dropdown list dynamically with the class "selectAggreagate". But when I trying to get the selected option I cant get the value of dynamically generated one. This is my drop down list Sum Max Min This is my html code snippet <select class="selectAggregate"> <option> Sum </option> <option> Max </option> <option> Min </option> </select>This is my Jquery code. $('.selectAggregate'').each(function()
Conflict on my website - I need help
I have been trying to get my website to work properly for ages now, but I keep running into Jquery issues. Here is the deal: to create a sticky header + background-slider, I installed the following extension: * JU Sticky Panel Website: www.kineticignition.com After enabling this extension however, Im getting a Jquery conflict on my homepage and several other pages. The Sticky Panel plugin works correctly however. I then tried to fix things with Jquery Easy (another plugin) and although it fixed
Append element that contains user entry to the top of a list
I have 300 plus list of items that I'd like to make easier for users to find what they are looking for. I want the element that contains what matches what the user types to move to the top of of the list or into another element at the top. my code looks like below. Any Ideas on how I can achieve that? See complete code here var $showYourself = $('.sort-plate').text; var $rollCall = $('input#sort-plate').text; $('button').click(function () { if ($showYourself === $rollCall) { $('.sort-plate').appendTo('#show-here');
Ajax jsonp callback function called before return of ajax call
The following seems to be the standard way to call a crossOrigin AJAX but the callback function is called as soon as the ajax call is made and crashes because the response is empty. What kinds of things could produce this behavior? $.ajax({ dataType: "jsonp", type: "GET", url: "http://www.someotherURL.com" async: false, data: { Oper: "C360LoginTestUnique", LoginName: l, UserName: u,
$Ajax POST not working under virtual web site in IIS 7.5
In the code below, when hosted in IIS 7.5 in a Virtual Web site on the web server, the $ajax POST won't work unless the alert("Records Saved Sucessfully"); is there. If I leave that out only a GET is submitted and the page refreshes. On my DEV box it works fine without the alert. A POST is submitted if the alert is there. Another type of function won't work (like a function that adds numbers, or does nothing). This seems to me like a jquery bug. if (maxchk < 2) { // var urlvar = actionType ==
i want a buttom like this… pls help me to create a button like this
i wonder if someone help me to create a button like this: See Green button on right side showing half phone number however on click it shows complete phone number. http://www.pakwheels.com/used-cars/suzuki-mehran-2011-for-sale-in-lahore-1323197 Support I have a phone number that is not completly visible i.e phone number is: 0123456789 and i want to show those numbers as 0123456... and on click complete number should be available for users. just like above link. plz help best regards
Using AND logic in jQuery selectors
Hi guys, Not sure, but this seams to be a tricky one... I want to use the selectors to select a certain element, that has two different other elements in it. For example: <div class="main"> <div class="search01"></div> <div class="search02"></div> </div> If I would do that: $("div:has(div.search01, div.search02)") it would return on both elements, so only one need to match. So basically the , does OR. But how can I do AND logic, so that both divs inside needs to match? Is that even possible? Thanks
Newbie Question - where is the method
I have been given an unfinished project which seems to function, part of which is manipulating numerical data from a db. The actual code works fine. Depending on which var is selected in a dropdown form, output1 and output2 changes (is manipulated ie multiplied by 100 or divided by 10). My question is where should I look for the actual code that determines the manipulation, I have searched in all js files, there is nothing that refers to any of these variables. The reason for this question is that
Sky with stars. please help
hello friends jquery moderator apologize if this question is elsewhere My name is Gavriel and I built a small social network joomla I'd like that at 10:00 pm appear stars in the background (as in real life) the sky becomes dark and twinkling stars are born as I can achieve that effect with jQuery ? Thank you very much everyone for help .. greetings =)
After each 5. element stop slideshow, show another content, fade it it and then return to the slideshow, start it from the stop point
Hello, I would like to stop my slideshow after each 5. loaded element, fade the main container out, show another element, fade it out and then return to the slideshow and start it from the stop point again. My code seems like this at the moment $(document).ready(function() { // SET AUTOMATIC PAGE RELOAD TIME TO 5000 MILISECONDS (5 SECONDS). setInterval('refreshPage()', 3600000); function textShort() { if ($('#presentation .info').length > 0) { var showChar = 160; var ellipsestext
TAB in progress - Link over the tab when in Full Screen
I created a TAB using Jquery and when I try to check in full screen. Then the tab is inactive, and activates to the whole page the link of my page. In either ways I tried to see from code if there was a link to any of images etc, and does not appear at all. Any ideas????
Why does this work as hover but not as click functionality
Page being used on: http://belttechsecond.wpengine.com/login/#tab2_login code works as hover but not as click. Currently code is set to hover. jQuery(document).ready(function() { jQuery(".tab_content_login").hide(); jQuery("ul.tabs_login li:first").addClass("active_login").show(); jQuery(".tab_content_login:first").show(); jQuery( "ul.tabs_login li" ).hover(function() { jQuery("ul.tabs_login li").removeClass("active_login"); // take the class off all li's jQuery(this).addClass("active_login");
jquery offset top & left
hey guys, i know i'm using the correct code here but for some reason the offset left and right doesn't change when moving the draggable grid/image cropper here: http://jsfiddle.net/destramic/ybq2mab5/ $('img').click(function() { offset = $('.cropper').position(), selected_x = offset.left, selected_y = offset.top, selected_x2 = $('.cropper').width(), selected_y2 = $('.cropper').height(), console.log('x = ' + selected_x
understanding scope can't get variable passed from inside function
Hi, Trying to declare var in 'ready' function and retrieve new set value in another inner function. Will not work!! Will not work even if var is declared outside of the 'ready' function. Please help in getting this to work. =========== HTML =============== <div id="who" align="center" > <h3> Whose Health log?</h3> <input type="radio" name="patients" id="r1" value="Polly" />Polly <input type="radio" name="patients" id="r2" value="Rick" />Rick </div> <!-- id-who --> ============
Script wroks in Chrome but not in firefox or IE
Hello, I found a script that basically helps with a bootstrap dialog box which in my case is turned into a sign-in dialog box. as of now the dialog box disappears when i click the button btn_login The code actually works but it only works in Chrome(version: 46.0.2490.71 m) but not in Firefox(version: 41.0.2) or in IE(version: 11.0.22), I striped the code down to its minimum to troubleshoot and tested again and it still works but only in Chrome I cleared the cash just to make sure nothing was interfering
ondrop event fails on firefox
I'm trying to set the value of a hidden text area to the value being dropped into a visible text area that is a form field. The code is as follows: [code] <html> <head> <meta content="text/html;charset=utf-8" http-equiv="Content-Type"> <meta content="utf-8" http-equiv="encoding"> <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename = 'client.css') }}"> <script src="https://code.jquery.com/jquery-2.1.3.js"></script> <script type="text/javascript"> $("#textarea_id")
JQuery-Problem with page, Google Map not loading?!
Hi, I have a huge problem! I am running sobiPro on my page with an module for GeoMaps (google). The support told me, that I have a jquery problem. This is what they wrote me: You have there JS conflicts: ReferenceError: jQuery is not defined http://www.neu.nada-akupunktur.de/components/com_k2/js/k2.js?v2.6.9&sitepath=/ Line 9 TypeError: this.filter(...).css(...) is undefined http://www.neu.nada-akupunktur.de/components/com_sobipro/lib/js/jquery.js Line 6 At your site are loaded multiple times
this() is selecting multiple objects
Hi! I am very new to this and I have a question. I don't know if I am formulating this the right way but here it goes. I am making a website. There is a class of images that are repeated all over the website. When you go over one of them with your mouse, it changes to another image. When you go over the changed ones again they change to a third image. Except that this last step is a gif and when you go over one of them with your mouse all of them play synchronized instead of just the one I have my
Changing caption text on image
In my website I have some jQuery that changes two images where if a user hovers over the image it will change to another. At the same time the caption underneath the image is also meant to change. I use one piece of jQuery to change the images and I want to be able to change the caption depending on which image the user is hovered over without having to add separate id's or classes to the images and target these with separate bits of jQuery. See the fiddle here: https://jsfiddle.net/SandmanNZ123/rszqqx9w/24/
jQuery is not defined and some errors from js_composer
Please can anyone help? I have some errors and I don't know how to resolve them. The errors are: Uncaught ReferenceError: jQuery is not defined wpml-progressbar.js:3 Uncaught ReferenceError: Backbone is not defined load-scripts.php?c=1&load[]=hoverIntent,common,admin-bar,svg-painter,jquery-ui-mouse,jquery-ui-sort…:255 Uncaught TypeError: a.widget is not a function composer-tools.js?ver=4.4.2:72 Uncaught ReferenceError: Backbone is not defined composer-atts.js?ver=4.4.2:105 Uncaught ReferenceError:
How To to use Next() and Prev()
I'm trying to develop an elegant way to traverse a JSON object. The code below produces 15 records in the <div> with id="what". What I'm trying to do is show each record, one at a time, upon pressing a next or previous button. My last post here alluded to that but my solution was really bad. I've been reading up on the next() and prev() methods and am trying to figure out how to do this using them. Do I have to do something like create a separate <div> with the same class for each record and then
Area image map selected, this is possible?
Hi there! I'm new in js. I need help. How do I leave an area of the image map selected by default? www.gofastway.tv - I'm using plugin for image map, but this plugin not give me options for leave select field. I'm trying this <head> <script type="text/javascript"> jQuery(function() { jQuery("#hotspots-image-4061-area-3").trigger("click");}) </script> </head> but the #hotspot is not selected.
Jquery remove unwanted "" after unwrap
Hi guys, i am trying to remove unwanted "" generated after using the unwrap element to remove my span tag. Take a look at my plunker for a better understanding. Just highlight the text around and inspect the html body of the p tag. Is there anyway i can clean up the generated "" ?? Appreciate the help. Thanks! Ralee
Autocomplete not working when added to a page with freindly url?
<script type="text/javascript"> $(function () { $("#ctl00_ctlSearch_txtQuery").autocomplete({ source: function (request, response) { var param = { keyword: $('#ctl00_ctlSearch_txtQuery').val() }; $.ajax({ url: "Autocomplete.aspx/GetProductName", data: JSON.stringify(param), dataType: "json", type: "GET",
Setting up functions correctly in Jquery (for Ajax & PHP mail)
Hi Everyone, I am having difficulties with the below code. I have it working, but for some strange reason it is temperamental. It works some times, and not others. By this I mean that sometimes I receive the email, sometimes I don't. Sometimes I receive the email with the full canvas png image, sometime is receive the email with the canvas png image without the text div but only the svg. Sometimes it works perfectly and I receive the email and the full canvas png. I have a website with an online
accidentally recall invited method or property
when ie8 to excute js file which use jquery1.11.3.js, it will return this message "accidentally recall invited method or property" and jquery is not working, it still can't normal working when i alter jquery version to jquery1.8.3.js, there undoubtly has some problems,but the original code is no problem,i confirm it at other browsers,such as firefox,chrome etc.
Next Page