Scroll animation
Good evening. I have two buttons with position:fixed on my website. What i need is to while clicking on a top button the window scrolls top on 300px, the same with bottom, it scrolls bottom on 300px. Any ideas how to make this?
Jquery AutoComplete on Mutiple textboxes on ajax populated page
I have multiple autocomplete textbox in partial view which is working fine when referred from lets say on View 1.On view 1 i have a button ,on click of which i am redirecting to view 2 which also refers this partial view.But here on view 2 ,autocomplete is not working.Then i used the .on function as below, and in this case only one textbox is getting autocomplete while rests are not working. Where i am going wrong. function PlanAutoComplete() { // debugger $("#txtPlanName").autocomplete({ source:
The tooltip dosen't close in sortable items - Occur in Firefox/IE only
I have a list of sortable items, which have tooltip applied. Drag any one-item then drop outside of 'sortable' list. Issue: the tooltip will show forever until we hover that item again. Please refer this for my code: https://jsfiddle.net/83pmcf84/4/ Sorry for my bad English. Anyway, thanks for support.
How to use recursion along with setInterval
Hi Everyone, My objective is to Request a database call STEP 1: if record is present then display the modal for five seconds while closing the modal again request a database call when the modal closes and repeat (STEP 1:) STEP2: if no record is present then request a database after every 2 seconds Below is the code I have tried and various other, but the problem is after the STEP1 is completed for say 4 records after call of these 4 records there is again a database call with all
Using Dialog with JQuery Validator
Hi, I am using JQuery Validator like this: rules: { cboPaid: { required: true }, cboCategory: { required: true }, dateFrom: { required: true }, dateTo: { required: true } }, I want to use use JQuery dialog with it like this: rules: { cboPaid: { $('#msgAlert').html("Please select paid or unpaid!"); $('#dialogAlert').popup(); $("#dialogAlert").popup("open"); }, cboCategory: { $('#msgAlert').html("Please select the category!");
Stuck trying to change the id and text of a button.
I am stuck trying to change the id and text in the header of a page. The text currently says 'confirm' and the id=btnConfirm - when this is pressed I want to change the text of the button to say 'edit' and the id to change to btnEdit https://jsfiddle.net/a4poster/ysyxvtyp/2/ Thanks in advance.
FILTERABLE PORTFOLIO excluding one category
Hi there, I'm using this fantastic FILTERABLE PORTFOLIO: http://webdesigntunes.com/tutorial/filterable/ But now i´am trying to configure the standard filter All (*) with the exception of one category. I have these categories: <nav class="primary clearfix"> <ul class="conteudo_corrente"> <li><a href="#" class="selected" data-filter="*">All</a></li> <li><a href="#" data-filter=".product">PRODUCT</a></li> <li><a
Keeping PHP Sessions alive while using JQuery
I just started using JQuery because PHP had my pages reloading every time I'd click a button. Now that I use JQuery with PHP, the pages don't reload. I removed the <form> tags and made all my calls to the database go through JQuery. But that's caused yet another problem. I don't know how to keep my PHP sessions alive now. When the pages were reloading all the time using just PHP, session_start() was called often, keeping the session alive. But with JQuery, this isn't the case. So I'm hoping that
.each function?
Hi all! I've received a complex task that I'm not able to answer. Hope you guys can help me! Task: You have a hypothesis that changing the order of the "Add to Wish List" and "Book Now" elements will increase conversions. Write the JavaScript needed to swap the 2 elements for every trip listed on the page when the "Change Order" button is clicked. Hint: You may want to write an each function to have this work properly. Make sure that you only have 1 "Add to Wish List" element and 1 "Book Now" element
Completing my code! - Copying a record between two objects
Objective: I have a table which has a column of check boxes in the first column. Then I have a button which applies an effect to the selected rows in that table. The button should copy the selected row, to another object. What the Code Below Currently Does: The code below applies the check boxes to the table, and places the button on the page. What is Missing from the Code Below? The action of the button, which copies the selected records to another table (object). The Code: // ------ Function to
Automcomplete not enabled
I added autocomplete using the code shown below: <input type="text" id="process" name="procname" value="press enter" > <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> <script> $(function() { $( "#process" ).autocomplete({ $( "#process" ).attr('autocomplete','on'); source: "process.php" }); }); </script> I found it wouldn't
Superfish Oscomerce
Hello, Need categories on oscommerce to go on the right and not drop down. Until now didnt found how. <script type='text/javascript'> jQuery(document).ready(function(){ jQuery('ul.sf-vertical').superfish({ animation: {opacity: 'show'}, // slide-down effect without fade-in
Using $(this) or this
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> <p class='first'>p1</p> <p class='second'>p2</p> <p class='third'>p3</p> <script> $('p').after(function(i,v) { return "<div><b>" + $(this).className + "</b></div>"; }); </script> Output p1 undefined p2 undefined p3 undefined Why I can't use $(this) here? Why I must use 'this'?
Replace String
on my page I want to replace "0" with "a", "1" with "b", "2" with "c", "3" with "d", "4" with "e", "5" with "f", "6" with "g", "7" with "h", "8" with "i", "9" with "j", for example any where on my website i want to replace " 3- Watch 12 Taylor Swift's New Videos for Out of the Woods In 2015 !" with: " d- Watch bc Taylor Swift's New Videos for Out of the Woods In cabf !"
datepicker updating drop-down values fails when no day is clicked
On https://jqueryui.com/datepicker/#dropdown-month-year , if you select a date first, then exit the picker and re-enter and now change just the year (or month) via the drop-down the input field doesn't get updated. I believe the user expectation is that any changes done in the calendar are reflected in the input field once the pop-up is gone, ie we don't have to explicitly click the (same) day again if we just want to change day/month. I also tried adding the "done" button - same result. Tested
Error with the size of pictures in albums.
Hi everyone, I downloaded a theme and I am now testing it on localhost before uploading it to my webserver. Unfortunately, it seems that it has some issue in showing the images properly in the gallery. They all appear to be stretched or zoomed, no matter which size I upload them (1200x800, 1680x1120, etc) Even the demo has the same problem: http://demo.templatypus.com/phogra/ Could you please help discover where the problem lays and fix it? Thanks
CSS Transistions intefering with my JQuery HELP!
I am very new at this so please bear with me, and I am a college student. The hidden menu I created for my aunt's site isn't working now since I put in CSS transitions for the images underneath it. Can someone please help? Here is the site: haircentre1.com Thanks
activate account
Hello, is there a possibility to activate my old account?
Retrieve form data
I have a form with some fields, by a button I duplicate this fields n-times. <div class="noo-control-group"> <div class="group-title">Dati Catastali</div> <div class='count hidden'>1</div> <div class="box-group" id="accordion"> <div class="panel box box-primary"> <div class="box-header with-border"> <h4 class="box-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> Immobile
adding multiple classes has no effect
style .blue { color: blue; } .red { color: red; } .red.blue { color: blue; } .blue.red { color: red; } <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <p></p> <script> $('p').text('i can finally change color'); $('p').addClass('red blue'); </script> How come text is always red?
How to get one column in handsontable and replace content.
I'm using library handsontable and in example I want select column "Name" look like and I want when I click button "Generate" all name in column "name" will be change look like (1, 2, 3, 4). Anyone can help me solve this problem? Thank you. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <script src="http://handsontable.com/lib/jquery.min.js"></script> <script src="http://handsontable.com/dist/jquery.handsontable.full.js"></script> <link rel="stylesheet"
addClass() passing function as parameter doesn't behave as expected
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> <p></p> <p></p> <script> $target=$('p').first(); $target.text('plz'); $target.addClass('red'); $target.addClass( function(i,c) { var added; if (c==='red') { this.removeClass('red'); added='blue'; } return added; } ); </script> <style> .blue { color: blue; } .red { color: red; } </style> The text doesn't turn blue.
How to Detect 40% in the Middle of a Div Using jQuery
Can you please let me know if it is possible to detect the 40% in the Middle of a Div Using jQuery for example in following example I need to enable the mousemove() only on 30% left side or 30% of the right side of the center. $('#box-wrap').mousemove(function(e){ var x = e.pageX - this.offsetLeft; var y = e.pageY - this.offsetTop; console.log("X: " + x + " Y: " + y); }); html, body{ width:100%; height:100; } #box-wrap{ height:400px; width:100%; background:yellow; } <div id="box-wrap"></div>
How to display data from JSON
Hi there, I'm trying to get a data from cross-domain XML file using JSON. There are numerous examples out there but I'm having trouble displaying the data from the XML file. This is my first attempt at using JSON to fetch data from cross domain xml file. My goal is to parse the xml file and based on the provinceCode create array or list for each provinceCode and add the cities that belong to same province to the appropriate array or list. E.g. cities belonging to province BC will be added to array
jquery IE 11 Issue
I am having issues with jquery dialog. It works using FireFox but not IE 11. The error message is: The value of the property '$' is null or undefined, not a Function object The script and code is: < script src ="Scripts/jquery-2.1.4.min.js"></ script > < script src ="Scripts/jquery-ui-1.11.3.js"></ script > $("#divAssignPopUp").dialog({ autoOpen: true, width: 600, height: 500, resizable: false,
JQM Panel control not working on Ipad device
Hello , I have used JQM Panel control for my application, which ultimately working on browser and iPad simulator. But it is not working real Ipad device. Please help me out to solve this problem.
Issue In Adding Mouse over Dynamically for TD
Hi, I am using Calender template in which TD is framed dynamically. Now i want to customize the calender. My Requirement: -------------------------- On mouseover date i need to show 2 menu options in same TD. Kindly help
Does our use of jQuery 2.1.x imply an HTML5 compatible browser??
Everywhere I look, it says it drops earlier versions of IE, but doesn't say whether we are automatically buying into HTML5 compatible browsers only. We are using Angular (latest) and I was just told a few days ago that we are NOT relying on the new HTML5 tags (like email). Yet, we are using jQuery 2.1.0 in the solution. Also, the Angular-xeditable we are also using wraps the HTML5 tags nicely. So, does our use of jQuery 2.1.x imply we are only supporting an HTML5 compatible browser anyway
my jquery code does not find the proper html tag
I have below code which display a checkbox and two <p> tags with id of "dd1" and "dd2". I want dd1 to hide when the checkbox is checked, and dd2 to hide when the checkbox is unchecked. I added alert() statement to make sure the prop of checkbox is correct, but, as it turns out, when it is checked, and the alert() shows true, the dd2 is hidden, rather than dd1 was hidden. And when I click again, alert shows it is now false, but it does not do anything. Could you please help me point out my error?
selecting checked radio inputs and filtering by html data attributes
Hello. I know some vanilla javascript but am new to jQuery. I am trying to select checked radio inputs and then select only the ones whose html I have given a data-attribute of correct answer like so: data-answer="correctanswer" My jQuery currently looks like this. var checkedbox = $("[type='radio']").attr(":checked") === true; checkedbox.data( "answer" ) === correct answer;I then want to do .length of the variable so I can see how many correct answers people have given in a quiz.
Popup widget and ajax duplicate -screen and -popup divs
Hello, I am trying to use the popup widget for my form validation which uses ajax. I have three variables $id $header $message and here is the html I use to generate the popup <div data-role="popup" id="$id" data-dismissible="false"> <div data-role="footer" data-theme="b"> <h1>$header</h1> </div> <div data-role="content" data-theme="a"> <h3 class="wrap ui-title">$message</h3> <a href="#$id" class="ui-btn ui-btn-inline ui-corner-all" data-rel="back" data-transition="fade">OK</a>
Accordion heightStyle: "content" not working
Following the API documentation here: http://api.jqueryui.com/accordion/#option-heightStyle I set "heightStyle" to "content" in an attempt to get all panels to re-size to their content. However, it's not working as you can see here: http://thehighpriestess.github.io/staxteas/stixoi.html ...the first panel is taller than the content. It's the size of the taller second panel. https://github.com/TheHighPriestess/staxteas/blob/master/stixoi.html Does anyone have an idea what's going on here? Thank
Jqplot tooltip position issue
When i create grouped bar chart, tooltip comes according to grid partitions. If 2 bars are there in one grid then tooltip comes in the centre of the grid. I want tooltip on each bar not according to grid.
Is there an easy way to make all accordion panels open by default?
Is there an easy way to make all the jQuery UI accordion panels open by default? I want them to all be collapsable if need be as well, but they should all be open when the page loads. I'm using the most current version of both jQuery and jQuery UI.
Selected checkbox values and effects
Hi, This is my bootply... http://www.bootply.com/nAupRgzzAp I try to show selected checkbox values (for example, "Alpha", "Gamma", "Koppa", "Fifteen", "Two", "Seven"), below the filter-menus. So for example... when a user selected Gamma, Koppa, and Fifteen and Nine. Then: PRODUCTS AVAILABILITY separate DIVs with : Gamma (=div-1), Koppa (=div-2), Fifteen (div-3), Nine (div-4) Is there a plugin to accomplish this? How to get this done? Please help. I want to get something like this... https://www.zalando.de/damenbekleidung-pullover-und-strickjacken/__groesse-34.42/?upper_material=hardshell
Multiple choice questions
Hi, I'm having trouble making the answers show for this multiple choice quiz. The goal is for the question's background to become green or red depending on the answer. I want to make them all appear when I click on the Validate button but I can't get it to work. Thanks for any help you can give ! https://jsfiddle.net/0z4sz89c/ Calum
remove div
Hi there, with a button I add a group of fields in a form. I can't perform the remove action $('#aggiungi_catasto').click(function(){ var subCategoria = $('#subcategoria').val(); if(subCategoria.length<1){ subCategoria = 'Sub Immobile'; } $('#subcategoria').val(''); var count = parseInt($('.count').html()); count = count+1; $('.count').html(count); var groupId = 'group_'+count; var form ='<div id="'+groupId+'" class="panel
How to style title attribute with css
Hello, I´m using the jquery tooltips. I get the data for the tooltip out of a mysql database. I need the <php echo data in different styles (colors and size). Since you can´t use <div class in the title attribute i´m searching a solution. Heres my code: <?php $title = '<div class="test">'.$name.'</div>' . PHP_EOL . '<div class="test2">'.$itemLevel.'</div>' . PHP_EOL; ?> <a href="" title="<?php echo htmlentities($title); ?>">Test Link</a>
test
working?
How to do validation and display message before form submit?
Hi all, I have almost no knowledge about JQuery or JavaScript but trying to find what I can do relying on what I can find and learn from net. I have multiple rows of HTML input elements with type number. Each row has four input fields and I want to add validation so that any input field should not allow a value lesser than the field on it's left side (in the same row). I want to add this same validation for every row. I want to do this validation before form submission and display error message.
Next Page