How to make price and add to cart sticky ( fixed to top ) when scrolling down on mobile ?
So Im using this The single _variation_wrap is the class that has both the price and add to cart $(document).scroll(function () { if ($(this).scrollTop() > 40) { $("single_variation_wrap").addClass("sticky"); }else{ $("single_variation_wrap").addClass("sticky"); } }); and then .sticky{ position:fixed; top:10px; right:10px; } But nothing is happening .. Please Anyone?
Help with Jquery
Hi All, I want to add jquery to my sharepoint form where I want to hide checkbox and dropdown on edit form using jquery. I am new to jquery, hence need help.
Why is the panel not showing?
Hi guys Im using jQuery and I have the following problem. I have a button that shows and displays an adjacent panel, and everything works well, except in that panel i have a button to load some data, and when I click that button, the other button to show the panel doesnt show it again after hiding it. My jquery is following: var add_student_toggle = false; $("#add-student-link").click(function() { if (add_student_toggle == true) { $("#col-students").removeClass("col-lg-8");
Not Working Content() method of iframe
hello guys, https://api.jquery.com/contents/ on this page there is one example of contents() method. And there given the out put also. the example is Change the background colour of links inside of an iframe. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>contents demo</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <iframe src="//api.jquery.com/" width="80%" height="600" id="frameDemo"></iframe> <script> $( "#frameDemo" ).contents().find(
Jquery tagit not working for dynamic content.
Hi all, I am using tagit of jqueryui. Its working if I am using like this. var desigvalues =["Actor","Anchor","Dancer","Singer"]; jQuery('#singleFieldTags').tagit({ availableTags: desigvalues, singleField: true, singleFieldNode: jQuery('#mySingleField'), allowSpaces: true, placeholderText: "Type your designation!", autocomplete: {delay: 0, minLength:1} }); Same if I am making this dynamic its not working var desigvalues; jQuery.ajax({ type: 'POST', url: "/user/edit/getdesignationlist", data: "{}",
Tagit autocomplete not working on mouse click.
Hi All, Is there anyone who have worked with tagit functionality? I have few issues. 1- while using autocomplete , unable to create tag on mouse click. 2- how to add IDs that I am bringing from database. 3- how to get those ids at the time of remove tag?4- Basically want to add and delete tags value on database using PHP. 5- The most unusual issue here is why I am using select: , after mouse click on suggested list, it don't convert that into tag, I have to do an extra enter (key) press to make that
Radio button toggle issue
Does anybody know how to fix the toggle failure problem if the radio button set TRUE at the very first beginning? I have to click twice to toggle the radio if the button is already checked, but my code can work perfectly if radio button unchecked at the beginning. Thanks for any help. JSFiddle is here: JSFiddle Or you can check the code here... HTML part: <input type="radio" id="toggleMe" checked> <label for="toggleMe">Toggle Me!</label> JQuery part: $("#toggleMe").click(function(){ var radio =
jquery.validate using highlight/unhighlight on checkbox parent div stops text input errors
Hello, I am using jquery-validate 1.16.0 with query 1.12.4 and jquery-migrate 1.4.1 and am wondering if someone can please help me I am not a programmer so please go easy on me :) I am hoping to use error classes for both text inputs (show message, add border and background colour change) and also for checkboxes/radios (show message, add class to grand parent divs for background colour change). I have got the grandparent change happening - if the form is submitted without ticking a checkbox, the
Can't get .on(change... to work regardless of where I put code
Here we go again!! I've given up trying to run all code on one page(php). Now have tree2.html (client side), and tree2.php (server side) Below is the tree2.html of my program. I can't get the .on(change .. part to work as an empty tiny, tiny table is displayed before I can enter data into the <input> block. I know this has to do with the asyn running of HTML but how do you make this work? <!DOCTYPE html> <html> <head><title>tree2.html Sun 02Jul2017</title> <meta http-equiv="content-type"
Saved Themeroller theme shows wrong values
I started using Themeroller to slightly tweak the base theme. From the Help I learned that I should bookmark the URL to save the theme. The problem is that after loading a bookmark, the widget demo on the right shows the correct theme, but the values on the left have their base values (or at least other values). Once you make a change and the view refreshes, it applies all the wrong values. This seems to be a problem only with recent saved URLs. So when you are in the middle of testing and modifying
Why ajax is sending multiple POSTs?
Hi In the video.. why ajax sends multiple POSTs? sometimes, 2, 3, 4 or 5 times.. https://www.jassimrahma.net/temp/2017-07-05_0325.swf I have nothing in my PHP does that.. Here is the code: $("#frmContact").on("submit", function (event) { event.preventDefault(); var formData = new FormData(); formData.append("savanna_account", Savanna.savanna_account); formData.append("customer", customer_id); if (e.component.option("tag")) { formData.append("contact_id", contact_id);
My Script is making jQuery not responding
Hi, I have an script with windowssize conditions for responsive functionality in jQuery. But if I scale the window I get the error that a jQuery is not responding. I have tried to comment something out in my code to test if the script will work better but I don't have getting a positive reaction. Here is my code: https://gist.github.com/janstieler/fb88fe9dbc720e06cfeb57dd0fe4fdf3 (It was too long for paste it directly here) I would appreciate if soemone can help me! Kind regards
Iryna Kyryk - How to resolve Jquery Error in website?
Hello, I am Iryna Kyryk and I am currently working on a website and getting jquery errors. Since I am new to jquery can anyone help how to remove these errors? Thanks
I need one help i would like to perform simple validation in jquery but here the problem is that form is getting submitted every time even after giving error message please suggest me
//// jquery code ///// $(function(){ function checkname(){ var letters = /^[A-Za-z]+$/; var name = $("#idname").val(); if(!letters.test(name)) { alert("only alphabets are allowed"); name.focus(); return false; } else return true; } function checkmail(){ var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; var email = $("#idmail").val(); if(!mailformat.test(email)) { alert("E-mail id is not valid"); email.focus(); return false; } else return true; } function checkpwd(){ var pwd = $("#idpwd").val();
Simple calculation data in dynamic fields
I try create online calculator with different dynamic fields and make online calculation which will depends on changing fields. Now I've got the problem how to calculate the price for one item. example: I've got section with select, where we can choose quantity <select id="selectId"> <option>Select option</option> <option>2 item</option> <option>3 item</option> <option>4 item</option> </select> Also I've got dynamic field with price where we put summary data which depends on a lot
How to send null in formData
Hi, I have the following line: if (Savanna.loggedon === true) formData.append("savanna_account", Savanna.savanna_account); else formData.append("savanna_account", null); I need when the Savanna.loggedon is not true to make the savanna_account null so I can save it as null in MySQL But currently when the loggedon is not true then the savanna_account is passed as 0 (ZERO) How can I fix this please? Thanks, Jassim
How to update all users page automatically after delete of posts on forum page without page reload
Kindly assist please. I'm working on a forum page with php and jquery/ajax. When i delete a post, my page is immediately updated. However, other logged-in users still see the deleted post until their pages are reloaded. What i want is a functionality that updates all logged in users pages without page reload. My fetch_posts.php file outputs the result of the sql select statement as a JSON encoded data to my jquery file. Here is some of the relevant contents of my jquery file. function fetchPosts(){
Implement success: function (data) in select: function (event, ui)
I am Implementing Autocomplete and also trying to get a user' detail. The autocomplete works but I can not get the details. Below is my full Jquery code Below is my full Jquery $(function () { function split(val) { return val.split(/;\s*/); } function extractLast(term) { return split(term).pop(); } //New event handlers $(".user-container") .on("userSelected", function (event) { var targetData = event.target.uiItem;
Jquery Mobile Questions
Hello. 3 years ago, I programmed our School Division app, using jQuery Mobile, PHP, Apache Cordova etc. I am now onto a new project for my thesis, and I was going to use jQuery mobile. To my surprise...there seems to be lots of talk on the forums about jQuery Mobile being abandoned. So my question is....should I start my new project with jQuery mobile...or should I move to another framework. As well...It took me awhile to find jQuery, and it worked so well for me...is there a new recommend framework
Ajax Jquery Mysql Like dislike on all posts with certification count.
Hello. I have nice ajax php and mysql code that will insert and query a remote MySQL DB. The client side uses no php code, and just calles to a remote MySQL DB in case I want to use the code in a mobile app as well. What I am struggling with, is finding exmaples to modify my code, to include a like or dislike button for queried articles or records. It would be nice if not only could I like or dislike, we could update a certified field in the table once like or yeses were over 50. So for exmaple:
Simulate click on input in mobile
I'm trying to covert over some code to work in mobile browsers, Note: have jQuery Mobile Events in the page. The html: <input type="file" id="importfile" style="display:none;"><button id="import" > Import</button> The orig script: $("#import").click(function() { document.getElementById("importfile").click(); }); New script: $('#import').on('singletap', function() { console.log('Import Button Hit'); // fires ok console.log('Importfile: ' , $('#importfile')); // shows correct input element
Toggling Issues
Hi, I would like to toggle some content. There are few of them. This is my html code: <li> <a class="courseName" href="javascript:void(0)" onclick="">Hardware System Architecture (Course Code: 111)</a> <div id="111" style="display:none;width:100%;">Desc blah blah blah</div> <br> </li> <li> <a class="courseName" href="javascript:void(0)" onclick="">Software System Architecture (Course Code: 222)</a> <div id="222" style="display:none;width:100%;">Desc Blah blah blah</div> <br> </li> and my jquery
Auto slash(/) in date field
I have a Date text field in MM/DD/YYYY. I want to populate / when user finishes typing two digit Month and Day. How do I write a Jquery to auto populate '/'. User does not want to enter a '/' after MM and DD. Any expert please help. Regards Chin
Pass javascript var to php using ajax on same page
My php/html code below' After one of the <li> tags is chosen the var choice contains the text() value of that <li>. How can I/is it possible to use AJAX to pass choice to the php code <?php set_include_path( '../../include' ); error_reporting (E_ALL ^ E_NOTICE); $str=<<<LABEL <style> .hov:hover { color: red; font-weight: bold; } li { list-style-type:none; } </style> <script src="../jquery/jquery-2.1.4.js"></script> <script type="text/javascript"> $(function(){
Remove the hover effect on nav bar on a single page only.
Hi, is it possible to remove the hover effect on the nav bar for one page only? For example I have this on the footer of my first page and want to remove the hover effect on it but retain the hover effect on subsequent pages? Thanks in advance. <div data-role="footer" id="optionsFooter" data-position="fixed" data-theme="a"> <div data-role="navbar"> <ul> <li><a href="#" data-icon="custom">© Sports International, 2016.</a></li> </ul>
Determining Direction Of Drag
I'm trying to determine the direction that an object is being dragged so that I can make a decision to do something based on the direction of the drag. The code below is what I have come across but it does not do what I'm looking for. $(".draggable").draggable({ start: function(event, ui) { startX = ui.position.left; startY = ui.position.top; }, stop: function(event, ui) { stopX = ui.position.left; stopY = ui.position.top; } }); I would like to know
Can't get jquery click() to work in php file
Hi, trying to integrate HTML in PHP file. When I focus on the text displayed in the list the css works. ie: shows in red. However the $("li.disp").click(function () { ... doesn't do anything. Any help welcomed. R <?php set_include_path( '../../include' ); error_reporting (E_ALL ^ E_NOTICE); $str=<<<LABEL <style> .hov:hover { color: red; font-weight: bold; } li { list-style-type:none; } </style> <script src="../jquery/jquery-2.1.4.js"></script> <script type="text/javascript">
Can't change my email address.
I clicked on My Profile -> edit and when I clicked on email it asked to send an email. How do I change my current BAD email address??
Filter a data-attribute and return the corresponding id in an array.
Is it possible to do the following; I want to filter through a div for to match a data-attribute. When it is correct how can I return the corresponding id in array so it can be used in the for/next loop after. https://jsfiddle.net/ysyxvtyp/416/ Thanks in advance.
One Page Layout Script problem
I'm pretty new to Jquery and maybe somebody will find my mistake.So basically I'd like to get to know how do I create all in one page when i click on the anchors the page dynamically hides the main page and shows the sub page so i came up with an idea to work with display in css and toggle() method of jquery but the code works for me only for the first 2 clicks (show hide) and then it messes up there's the code of my webpage : <html lang="en-US"> <head> <meta charset="UTF-8"> <title>Test</title>
Sorting items and posting extra variable to PHP
jQuery(document).ready(function(){ jQuery('.sort').sortable({ cursor: 'move', axis: 'y', update: function(e, ui) { href = ajaxpath2; jQuery(this).sortable("refresh"); sorted = jQuery(this).sortable("serialize", 'id'); jQuery.ajax({ type: 'POST', url: href, data: sorted, success: function(msg) { //do something with the sorted
click or submit event is not working containt load by ajax
// jquery code $(document).ready(function () { $(document).on("click","#cmt-add", function (){ alert("hello"); e.preventDefault(); var frm = $('#frm'); $.ajax({ type: 'POST', url: 'add_comment_ajax.php', data: frm.serialize(),
Getting resize to work
I'm tryng to get my resize function to work in my jquery. What I'm trying to do is if my window size is bigger then 769 then it needs to display my hover menu else it shouldn't display it. My $(window).load works but not my $(window).resize Here is my jquery function hover_menu(){ $('ul.navbar-nav li').hover( function () { $(this).find('> ul').show(); }, function () { $(this).find('> ul').hide(); } ); } $(document).ready(function(){ $(window).load(function(){ var width = $(window).width(); if(width
How to define a page using css,jquery ?
Hi I am developing a website in which registered user can input questions and respective answer. On web page load, a blank web page should appear along with a blank text box. The page should be certain height and width. The user types a question in the text box and then presses enter. Then a new text box appears below the present text box. In this newly added text box, user types the answer of the question. Then he presses enter, then a new text box appears below the current text box. And so on,
DynamoDB json output
Hi, I am using below to get gender list from DynamoDB: $result = $client->scan(array( 'TableName' => 'gender', )); foreach ($result['Items'] as $item) { echo json_encode($item); } and getting this output: {"gender_name":{"S":"Female"},"gender_id":{"S":"F"}}{"gender_name":{"S":"Male"},"gender_id":{"S":"M"}} if data is my returned in ajax success, how can I get the gender_id and gender_name? Thanks, Jassim
Responsive containment with Draggable()
I'm using jQuery UI's Draggable (https://jqueryui.com/draggable/) to allow the user to drag a div around within a container. I'm using containment to set an invisible boundary box around the area so the user can't drag the div off the edge. Here's a codepen of the situation. Unless the browser window is full size the containment area doesn't match up anymore: https://codepen.io/anon/pen/QgaRRe I want the containment area to resize responsively as the browser window shrinks, any idea how I'd go about
I am having a problem with Range Slider
Please any one help, if i set the max value of silder to above 10000 then its again start from 1000, how can i set to 1 lac max
How to keep sub menu open if there a item is selected
Hi, I am having trouble with the mtree.js plugin. I am trying to keep the current parent menu open if a child is selected. however i need it to collapse if another menu item on the same level is selected. which is defined on the following code on line 12. // mtree.js // Requires jquery.js and velocity.js (optional but recommended). // Copy the below function, add to your JS, and simply add a list <ul class=mtree> ... </ul> ;(function ($, window, document, undefined) { // Only apply if mtree
Non-modal dialog will not close in Internet Explorer after background page refresh
Hi, I'll try to explain our problem: - our web-app uses frames (it has been developed for quite a while) - in order to allow for overlay DIVs, which can escape their frames, we put an iFrame as top level element even quite a while ago. - now we are evaluating JQuery UI for dialogs rather than our own plain JavaScript developed dialogs, because they offer some nice functionality - on Internet Explorer 11 (tested only current version) we have the problem that non-modal dialogs don't close (neither
How to detect if more than one detail tags with the same class exist next to each other?
I want to detect if the page contains more than one details tag with the same class names that are next to each other. If so, I need to modify the details tag to include additional attributes. I'm new to jquery so any help is appreciated.
Next Page