FadeOut and Remove after 2 seconds
Hi, As the title is saying I'm trying to achieve that a div fadesout and get removed completely after 2 seconds. To do this I wrote following code: FadeOut and get removed after 2 seconds But it's not working. Could you please help me to find out why it's not working? Thanks
Merge jQuery table paging and filter functions so they work together
I have a webpage with two tables https://jsfiddle.net/51Le6o06/37/ in this jsfiddle everything is working fine. The tables are sorted on page load by (.amount) [to display in order of price] also the filter "free handsets" is working well, as you can see each row has a child row. You will also notice the dropdown box above each table which I will get to shortly. jQuery used: jQuery.fn.sortPaging = function(options) { var defaults = { pageRows: 2 }; var settings = $.extend(true, defaults, options);
Adding selectable functionality to sortable portlets.
I am just curious if anyone has figured out a way to add selectable functionality (drag and drop multiple selections at once to a separate list) to sortable portlets?
JQuery Data table not getting Displayed
Hi All, I am facing issue while getting Documents and SharePoint List data Jquery Data Table in SharePoint page (Content Editor Web part) . I am calling/referring Jquery Data table in JavaScript file (e.g., ABCD.js file). Background how we are using Data table : I am calling runDataTable("#<<MyHTMLTableID>>'"); in my .js file after mapping all my SharePoint list columns of internal names (ows_Documentname) to my html Table by $('#<<MyHTMLTableID>> tbody').append('<tr><td></td>so on..</tr>');. runDataTable
I need help to add cycle slide show iffect
I follow this link: http://jquery.malsup.com/cycle/begin.html and my code is <%@ Page Title="" Language="C#" MasterPageFile="~/Master Pages/General.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Webpages_Default" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> <script type="text/javascript" src="Scripts/slideshow.js" ></script> <script type="text/javascript" src="Scripts/jquery.cycle.all.js"></script> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="mainContent"
changing a img src
hi i'm trying to change a images source with the following code: $('#photo').attr('src','IMG_0021.JPG'); can anyone tell me why i get an error msg: Untitled-1.htm:11 Uncaught ReferenceError: $ is not defined. thanks
Having Trouble finding and replacing a value of a URL
I have multiple links on a page and i would like to change part of the url from file:// to http:// Having trouble doing so. Here is an example of the value of the link <h3 class="ms-srch-ellipsis"> <a clicktype="Result" id="ctl00_ctl52_g_b4789284_23fc_414a_bc11_762caff8cbe3_csr5_item_itemTitleLink" href="file://dev-server.gb.com/docs/project1.ppt" class="ms-srch-item-link" title="R&D Planning Cycle" onfocus="EnsureScriptParams('SearchUI.js', 'HP.Show', 'ctl00_ctl52_g_b4789284_23fc_414a_bc11_762caff8cbe3_csr5_item',
jQuery Pep through NuGet
Hello, Does there happen to be a NuGet package for Pep, probably more recent version, too. Bare minimum, does anyone happen to know the "official" Github, or is there a Github? Thanks!
Need help - Can't get Cycle PlugIn to work
Dear folks, I'm a novice in programming and still try to get the Cycle Plugin in to work in our Shopify store (liquid). But after hours I'm frustrated and lost, it's not working. I need urgent help - Who can help? Thanks, Rainer
How To Make Two <divs> collide (not go past each other) When One <div> Is Controlled By You
Click Here --> https://jsfiddle.net/AlexHepworth720/x7msxm5t/ <-- To View My Code!' Use SWAD to move the ball, and Arrow Keys to navigate the page! (click on the page to be able to control the ball) S - Down W - Up A - Left D - Right How do I make the Red Ball (the one you control) collide/not move past the walls/<divs> (the green boxes)? I don't want any special effect, I just don't want the Ball to be able to move past them. How do I do this? Please make it correspond with my code. I would also
How to apply selector from JS array
Hello, I'm sure there is probably an easy operator I can use to work with this, but consider the following. I have the following JS, starting from a slightly complex array of objects, that I then want to apply a selector for it. var key = "Some Key"; var someData = [ ... ]; $(someData).selector("[data-attr='" + key + "']").doSomethingWithSelection(...); I know how to work with selectors in general, and they are quite powerful. I'm not sure how to do the same when starting from known value(s) or an
How to Load a jQuery SweetModal Plugin
I was trying to override the old alert() messages: "You won!", "Computer wins!", and "Tied!" to a nice Sweetmodal plugin ( http://www.jqueryscript.net/demo/Beautiful-Animated-Modal-Window-Plugin-With-jQuery-SweetModal/ ) on a Tic-Tac-Toe game (the game is working good). Are those correct codes I did in javascript to make it work? HTML <html> <script src="action.js"></script> <style> /* UNIVERSAL STYLES */ .center { margin: auto; } body { background-color: #000000; } /* ELEMENT STYLES */ .button
Jquery button
Hi, I'm new to javascript and jquery and i want a button from jquery to run a script thats javascript when its clicked. Can someone help because im really confused Many Thanks Lucy
Question about new project - your advise please
Guys, I just wanted to ask about your advise please as jquery and jqm are separates now. I am starting a new online order project and I wanted to know if you suggest to have it under jquery or jqm? I want the project to be responsive for mobile devices so shal I make it just one with jquery, one jqm or jquery for the web and jqm for mobile then I will have separate projects for each? What's your advise? Thanks, Jassim
Why dialog is not opening
Hi, I am trying to open a dialog on id or class click but neither ways work with me and no error in chrome console. Here is the link... just try to click on the Arabic Coffee http://crockeries.meskholdings.com Thanks, Jassim
v1.4.5 google map not refresh
The issue: When you click on 'Open Demo' of this official Jquery mobile 1.4.5 page: http://demos.jquerymobile.com/1.4.5/map-geolocation/ You get a google map. Then when you scroll down to the bottom of the map, leave the scroller's position at the bottom, then hit the browser's back button to return to the demo page. Once at the demo page, you click on 'Open Demo' once again. Once again, you get the same google map and the same scroller's position: at the bottom. I found this issue first occurs
Responses to Issues in jquery mobile github
Hi, I have posted an issue in github project and I'd like to know if somebody knows how long take to receive an answer about it, more or less. Thanks in advance, Félix.
Setting an active menu item based on the current URL with jQuery
I am trying to replicate this but the code is not working can anyone please help ? Here is the website with the code i want to replicate http://www.itworld.com/article/2832973/development/setting-an-active-menu-item-based-on-the-current-url-with-jquery.html Here is my website http://www.cuevadesigns.net/sample_site/home.html The css file http://www.cuevadesigns.net/sample_site/site_nav.css The two javscript files i am using http://www.cuevadesigns.net/sample_site/jquery-2.2.3.js http://www.cuevadesigns.net/sample_site/navigation_func.js
Why is the button click event handler in the dialog not firing?
I have an adjunct dialog for my page that I invoke when I need to let the user add additional (more than three) email addresses: <button class="btn" name="btnAddlEmail" id="btnAddlEmail">Add Another Email</button> . . . @* modal input form which remains invisible until the link (addlEmails) is clicked *@ <div class="modal fade halfwidth" id="add-email"> <div class="modal-header"> <a class="close" data-dismiss="modal"></a> <h3></h3> </div>
Change image every scroll
Hi guys, I am trying to implement a script which changes images "every time" user scrolls down. It means I have 40 images (for example) and I wanna do the following process: 1) first image showed; 2) user scrolls once and the image switches to another one; 3) user scrolls again and the image switches to another one; 4) user scrolls again and the image switches to another one; ... 40) user scrolls last time and the image switches to the last one. I suppose to use the "scroll" function, but I am not
What is a less verbose way of checking for null?
I had this function: function populategeneratevals(generateddata) { var domOrdinalified = ordinalify(generateddata.generatevals.DayOfMonth); $("#dayofmonthselect").val(domOrdinalified); $("#ordinalselect").val(generateddata.generatevals.PatternOrdinal); $("#dayofweekselect").val(generateddata.generatevals.PatternDOW); $("#weekormonthselect").val(generateddata.generatevals.PatternInterval);
Overriding JS Alert() with a simple dialog box message
I built a tic tac toe game and it works OK, but Im trying to override Alert() by putting a basic dialog window divs in HTML (to display "You won!", "Computer wins!", and "Tied!") and JS calling IDs like this and it seems it doesnt work. I didnt want to mess up the javascript with the jQuery. HTML <!DOCTYPE html> <html> <script src="action.js"></script> <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>
How to disable select option based on other select options?
I Have a code like this first select box <select id="1"> <option value="a ">a</option> <option value="b ">b</option>and other select box like this <select id="2"> <option value="a ">a</option> <option value="b ">b</option>Whenever user select an options from select id 1 just say it is 'a' then user should not able to select 'b' from the select box 2. I am having really a hard time using jquery. Any help would be appreciated. Thank you.
perform delegate even if its not set !
im writing a menu component like $(".sample").menu(); it first clones $(".sample"), hides the original, and does the rest job on the cloned html thats becoz i want to keep the original html tags to have "unMenu" option like when $(".sample").menu("unMenu"); is called, every thing get back to the first day now ! i want to keep the js events that some one else has allready written on $(".sample") ! ie some one may have written $(".sample li a").mouseenter(function(){ $(this).addClass("hovered") });
Ajax- status 200, without data, in response is NOT considered as request success
Currently, In case of an Ajax request, if the server responds with status code 200 and do not send any data in response, it is considered as an ERROR. Expectation It should be considered as SUCCESS and trigger done handler of the ajax object.
jQuery textillate.js Animation HELP!
I would like to know how can I do (simple piece of code to add) to make textillate work when each anchor (each flipping image box is inside an anchor) is active or current and not when to work all together when the page loads. http://www.ccttxx.net/testara-ubp/ HOPE YOU CAN HELP ME.
Hi this is Raghav Facing problem with JQplot plugin
Dear, I am facing problem while giving 3 different colors to my grid in jqplot. I used fillbetween() method to fill different colors to 3 different portion but it doesn't works. My requirement is to color grid in jqplot with different color. please help with this.
How to make two DIVs/Elements collide? (not go through other elements)
I am using an animated DIV to make a game to practice and learn new things with coding. My current issue is creating collision. My page consists of elements (Canvases and DIVs). The canvases are not moving (of course). The DIVs are moving. How to I make it so that the DIV that i am controlling will stop when it hits the canvas or the other moving DIVs?
10 hour efforts failed: [Ajax response into $(div).html] DOESN'T work
If I set $_SESSION[''] in php file, it works on index7.php. But I want to know it can work using Ajax response. [question] What I want is just to make $("#letters").html("fjejief") work. cf. Please change the extensions of attached files from .txt to .php. My guess: Ajax and session and show() are messed up with each other. --------------------------------------------------------------------------------------- index7.php -> signin_process7.php -> index.php -=====================================================
Animation
So i've just started out with this and i'm kinda stuck .. I'm trying to animate a progress bar by taking the % value from the div attribute. So far i have animated it to my requirements with this simple code $(".progress-bar").animate({ width: "75%" }, 1000); This obviously works perfectly until i need multiple progress bars with different values, so what i want to do is use a script to obtain the ariavalue-now attribute value <div class="progress-bar" role="progressbar" aria-valuenow="65" aria-valuemin="0"
Content box in sortable list?
I am using jQuery draggable and sortable list for the first time and it seems the sortable list is working. However I have a question. When I try to drag the content box with custom CSS applied to the sortable list, the div goes into the list, but loses all the styles. Is this a normal behaviour? Is it possible to keep the styles when dragged into the sortable list? Here is the jsFiddle I put up: https://jsfiddle.net/3fa24d0p/ Thanks in advance.
Validate plugin: custom validator always returning alert message
I have created custom validation to make sure that the value being passed only contains letters. In the code below, I purposely put "abcde" to give it a basic test but the result is the same when I test it against the a real passed value. As the code sits right now, I DON'T expect see "letters only please" returned. By changing the test string to "ab56cde" I would expect to see it. The problem is, no matter what I change the string to I still get the alert message returned which I assume means that
Close event in Ajax
I have a Modal Popup on my Page. Usually, when a Modal pops up the entire background is blurred but I have a scroll button that shows up on the Modal Popup. I used fadeOut() on it when the action completes so it doesn't appear on the Dialog box. Now what I want to do is, to find out if this popup was closed so I can show that button again using fadeIn(). Is there a way I can know when My Modal Dialog closes so I can show the scroll button again? Here is how I faded it out: function CallOfferRenderAction(productCode,
Table header floating issue
Hi, I am using latest version of Jquery mobile for my project. I have used HTML table to populate the data. when i scroll the page the table header should be visible below the header. if remove the jquerymobile js it working fine. issue I can't float the table header, When I scroll the page table header should be visible on the top. demo project is attached. Thanks.
Replace javascript alert box with Jquery Popup
Hi, I'm working on a .Net application. On my .aspx page, on click of a submit button i'm calling a javascript function. Inside the javascript function I'm using an alert box to show to the user what all values he has entered. I want to replace this javascript alert box with jquery pop up and in the pop up i want to pass dynamic values. Can someone please help me replacing javascript alert box( called within a javascript function) with Jquery Pop up with dynamic values( whatever user has entered in
Date picker Error
Hello all supporter, I have the problems related to the use of date picker. the below is my code: <script type="text/javascript" src="~/Scripts/jquery.ui.datepicker-fr.js"></script> <% ScriptManager.RegisterStartupScript(this, this.GetType(), "scripts", "onload();", true); %> <script language="javascript" type="text/javascript"> $(document).ready(function () { onload(); }); function onload() { //alert("MessageBox");
Getting checked value of element class
I have tried both of these, but neither works: var sex = $("input[name=sex]:checked").val(); var sex = $( ".sex option:checked" ).text(); <div style="display:inline;"> <input type="radio" id="male" class="radio sex" value="male" name="elements[]" checked="checked" /> <label for="male">Male</label> </div> <div style="display:inline;"> <input type="radio" id="female" class="radio sex" value="female" name="elements[]" /> <label for="female">Female</label>
Why is the event in my for loop never getting called?
I've got this function, which *is* getting called: function setReportsConfiguredForUnit(unitval) { $.ajax({ type: 'GET', url: '@Url.Action("GetReportsConfiguredForUnit", "ReportsConfigured")', data: { unit: unitval }, cache: false, success: function (returneddata) { for (i = 0; i < returneddata.length; i++) { checkConfiguredReports(returneddata[i]); } },
Call and use php function in jquery
I have the following php function. public function dateIndaysoff($mydate=false){ if(!$mydate)return false; $host = "localhost"; $user = "user"; $pass = "pass"; $databaseName = "database"; $tableName = "table"; $con = mysql_connect($host,$user,$pass); $dbs = mysql_select_db($databaseName, $con); // $db=JFactory::getDbo(); $dbs->setQuery("select date from table WHERE `date`='$mydate'")->query(); return (int) $db->loadResult(); } This function searches an input value inside a database table column and
How to get device information
Hi there, In my app, I'm requesting use access to device information. In my app, I have contact me email link. When clicked, I would like to populate email body with device information such as device id, OS type and version, etc. How do I go about doing this? Joe
Next Page