Combine Jquery UI Accordion and Tab Widgets
I am just starting with JQuery and am trying to combine the accordion and tab widgets. I have tried figuring it out myself but can't seem to quite put my finger on it. Any help would be very much appreciated.
Pass parameter to a function
I have Jquery var url= "plusproductfill.php"; data = { qty: qty, rate: rate, memberid: memberid, productid: id[1] } $('#value1'+id[1]).load(url,data, mydata(param1 ) ; function mydata(param1) { alert(param1); } In this situation How can i Pass value i want to pass result stored in ('#value1'+id[1]) ... or pass id[1]
Get only X amount of characters in a div?
I only want the first 300 characters of a div named .newsbody and then put "..." after it. I can't work out how to trim the div to 300 chars, any links to help me?
Issues with IE11 (fixed)
Unsure what is going on, but the code works in Firefox, Chrome, and Edge, but in IE11, the input elements don't seem to be working at all. Here is the URL
Autocomplete search using pre populated sqlite database
Hi I am trying to create a simple area and zip code search app. The app works and the listview is populated with the user input. However, the listview is only populated once the full name of the area is entered by user. I want it to autocomplete and list suggestions as the user types in the search box. Here is part of my code HTML: <div class="searcharea"> <input id="valueEnter1" oninput="searchme(this)" /> <ul data-role="listview" data-inset="false" data-filter="true" data-filter-reveal="true"
When i add onclick to my jquery it goes wrong
I have this code that works fine but as soon as i add values to the openInDialog functioni get errors. Here it is without the values function putContent(data){ jQuery('#dis-wrapper').empty(); for(var i= 0 ;i<data.length;i++){ jQuery('#dis-wrapper').append('<div class="list-group-item"><a href="#" onclick="openInDialog();"><h4 class="list-group-item-heading">'+ data[i]['Title'] +'</h4></a><div class="list-group-item-text">'+data[i]['Created']+'</div></div>'); }As
How to get specific dates within a date range
Hi All, Below is the scenario. Start Date : Feb 5 End Date: Feb 20 I need to find which all other date ranges falls in this range. Other date ranges are Record 1 Start Date : Feb 1 End Date: Feb 15 Record 2 Start Date : Jan 27 End Date: Feb 27 Record 3 Start Date : Feb 15 End Date: Feb 21 My output needs to be like this below. Record 1: Feb 5, Feb 6, Feb 7 ...... Feb 15 Record 2: Feb 5, Feb 6, Feb 7 ...... Feb 20 Record 3: Feb 15, Feb 16, Feb 17.... Feb 20 Please advise how to loop this condition
problem with cropping Jquery script .
$(document).ready (function (){ $(function (){ var imgfulldivtop = $(".imgfulldiv").position().top; var imgfulldivleft = $(".imgfulldiv").position().left; $("#croptool").css("top",imgfulldivtop + 50).css("left",imgfulldivleft + 50); $("#croptool").resizable({containment:"parent"}); $("#croptool").draggable({containment:"parent"}); alert($(".imgfulldiv").position().top); $("#cropit").click ( function (){ var imgfulldivtop = parseInt($(".imgfulldiv").position().top); var imgfulldivleft = parseInt($(".imgfulldiv").position().left);
I want a calendar that allows to select the month and year
Hello Excuse my english. I developp a website. I want a calendar that allows to select the month and year. I want this type calendandar : But in my website, i have this calendar (it is difficult to select birthday) :
Use table with toggle column.
Hello i need help and a don't know what can i do. I have a page with dada-role pag1 , pag2 and pag3 In page one I have a listiew where I have a : $(document).on('vclick', '#listacriada li a', function(e){ ... ... fill myTable ... and refresh $("#myTable").table("refresh"); $("#myTable").table("closest"); /$('myTable').trigger('create'); $.mobile.changePage("#pag3",
How to get all A Tags except within a div class?
Hello, a short script puts animations to all anchors (a href starting with #) of my site. This works fine. In my script i use: var allLinks = document.getElementsByTagName('a'); I know this is not jquery but: With jquery how can i get all A Tags from my page except these one/s within a specified div class? Greets
Set a flag for the state being toggled
Hi, Some one made for this code which I wrote: $('.js-showHidePassword').on('click',function(e) { $(this).html(($(this).html() === '<span class="hidden_clip">click this button to show or hide the password</span><span aria-hidden="true">Hide</span>' ? '<span class="hidden_clip">click this button to show or hide the password</span><span aria-hidden="true">Show</span>' : '<span class="hidden_clip">click this button to show or hide the password</span><span aria-hidden="true">Hide</span>'));
beginer's questions
Hi, Sorry for the trivial question. My Dom has body tag and in it I css: image: image-url("appleGreen1.jpg"); I am trying to select the background and apply fadeOut on it Can someone please explain how it iss done? Thanks
Using text input as event for animations?
Like almost everyone says in their questions, I am relatively new to Jquery, not coding though. I am currently trying to m ake a course coding for children. This is an assignment for school. I want to make a game in which a charachter has to code in a popup window to get past certain obstacles. for instance: when he/she incounters a river, a window will open in which the children are able to code: make(bridge); I know how to do the animations but I have no idea how to make the window in which people
How to direct a mobile user to the mobile site and not the full blown site.
I am a total newbie here. I have been writing websites for myself and friends for a number of years, more as a hobby and for no reward. I did a site for a friend who was approached by a company saying that his website was not mobile friendly, and they were correct. For £200 they developed a mobile friendly site probably using jQuery, and it is fine. In order for the mobile site to be seen on a mobile device the mobile design company sent him some code which I inserted in the 'head' of his 'index'
event handler attached using 'on' on document is executing content like event bubbling from old response to new one.
<!DOCTYPE html> <html> <head> <title>JS Test</title> <script type="text/javascript" src="js/plugins/jquery-1.8.3.min.js"></script> </head> <body> <h1>Js Test</h1> <button id="getContent">Get Dynamic Content via Ajax call !</button> <div id="content"> </div> <div id="status"></div> <script> $(function(){ $("#getContent").click(function(event){ $.ajax({ url : "./file/hello", success : function(result, status, xhr){ $("#content").html(result); $("#status").html("Success!"); }, error : function(xhr,
Jquery Leaflet / Geojson
Trying to add a jquery function in to change the iframe url to http://storm.feastspider.com/video.php?stream=feature.properties.cameraname which comes from the json is this possible can someone help me with the code I've made several attempts and cant seem to overcome the hurtle. the jquery code is $("#viewer").attr("src", "newwebpage.html"); I tried to embed on a onclick button in the map window but couldn't make it work there are several different features in the point geojson I've lost some hair
Jquery conflict help
Hello, I have 2 jqeury code on my site but they are conflicting, any idea how to remedy to this please? Thanks code 1 jQuery.noConflict()(function($){ "use strict"; /* Tabs */ jQuery('.shortcode_tabs').each(function(index) { var i = 1; jQuery('.shortcode_tab_item_title').each(function( index) { jQuery(this).addClass('it' + i); jQuery(this).attr('whatopen', 'body' + i); jQuery(this).addClass('head' + i); jQuery(this).parents('.shortcode_tabs').find(
Read the sheet from Spreadsheet
Hi, I working on spread sheet process. I want read and access the spread sheet inside J query. Each spread sheet have different sheet. I need to access the sheet. How get the object of sheet inside JQuery Thanks,
When button checked change background color of containing div.
<script> $('.radio-btn').click(function() { if( $(this).is(':checked')) { $document.getElementsByClassName("row").addClass("hvr"); } }); </script> .hvr { background-color: #f2f2f2; } <div class="row"><input type="radio" class="radio-btn" name="payment-options" /></div> When I click on the radio button I want the background color of the containing div to change. What I have here isn't working. Can anybody help?
5 stars rating script
I'm writing 5 stars rating script, but hes doesn't work properly, when cursor is on star he changes, but when you go on other star, what previous star is unselecting i need all stars go to select one by one like in normal ratings system. $('.fa-star-o').mouseover(function() { $(this).removeClass('fa-star-o'); $(this).addClass('fa-star'); }).mouseout(function() { $(this).removeClass('fa-star'); $(this).addClass('fa-star-o'); }); <div class="companies-list-item-rating"> <i class="fa fa-star-o"></i>
Alternate way to pass in function
Is this const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello World\n');
});equivalent to const server = http.createServer( function(req, res) {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello World\n');
});
Unable to select element properly
I'm not sure if my approach is right; but here's what I wish to do. Please look at the following image - I have a group of fields that I clone by clicking on the [ + ] button; and cloning works fine. Here's the code - HTML: <input type="text" name="resumeSkillYears[]" id="<?php echo "resumeSkillYears_" . $i; ?>" class="boo gui-input" placeholder="Years" value="<?php echo $value['skillYears']; ?>" > JS: $('.clone-skills').cloneya({ maximum: 5 }).on('after_clone.cloneya', function(toClone,
QUnit: Cannot read property 'onfocusout' of undefined
I'm working on an open source project, and I'm trying to bring its JS libraries up to date. I know very little about QUnit (this is the first time I've encountered it), but I'm getting an error that's over my head. I've created a jsfiddle for it here: https://jsfiddle.net/kzm57xv2/ Please let me know if you have any pointers. Thanks, Jamie
how to get a value from an option select?
get value of an option select from my website here: website When selecting a town from the top left drop down. nothing is being alerted?! $('.townslist select').change(function() { alert("Selected"); var town = $(this).val(); alert( "Selected " + town ); });
Div box as dynamic form element
I want to make a large box into a form element. When the box is selected it should be submitted to the form. How do I change a div into a form element?
Don't open popup
Hello!! I'm new in jqmobile, and I would be very grateful If you could help me. Te problem is, I load the page, next I click to open a popup but nothing happens (only in the url appears #&ui-state=dialog). Then I reload the page, and try to open the same popup and now works properly. Any idea? Thank you for your help. This is the code of the page: <!DOCTYPE html> <html> <head lang="es"> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet"
Check if multiple select options contain a certain value
Hello, I have a multiple select (id="machApp") and I need to check if the option "other" has been chosen as standalone value OR in addition to other options and, if "yes", do some actions (hide or show an element (id ="machAppSpec")). For a similar task in a single select I use the following code that works fine: $('#machApp').change(function() { if ($(this).val() == 'other') { $("#machAppSpec").show(); } else { $("#machAppSpec").hide(); } }); However this code does not work for multiple
testDone should get assert message
According to the documentation, the testDone() callback does not receive the assertion message. IE: assert.ok(false, "Here is important debugging information you need to fix this test"); By experimentation, I see that there's actually an additional field, "assertions" which contains the info I need. So the documentation for that callback could use an update.
Why "this()" is not working here
Hi, This works: if( $('.messages.error').length ) { $('.messages.error').focus(); } But this doesn't: if( $('.messages.error').length ) { $(this).focus(); } Why?
jquery submit form without refresh
Hi, I need help ! In my code i send some data to the server and get html data back. <script type="text/javascript"> $(document).ready(function() { $(document).on('submit', '#qu-form', function() { var data = $(this).serialize() + '&cmgroup=<? echo $_SESSION['category'] ?>' + '&type=Question';
Drag and Drop But After page Reload Table Takes Its original Position back.Plz help me
Dear sir, My Code is //----JavaScript Function For Second Div which are Drag Table From One Div(source) to another Div(Targate) <script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); } function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); } </script> <body> <form id="form1" runat="server"> <div id="content_dv1" runat="server">
Accessibility: By clicking on button move the focus to the input
Hi, Looking at my example here (sorry for the messy code, only the jQuery part is relevant): On button click move the focus to input I want to achieve that when I click on "Register" button, the focus move from the button to the input field "First Name". But it doesn't work with the first click. It works only if I click a second time on the "Register" button. Why is that? How can I fix this? Thanks
How to toggle attribute
Hi, I need to create a button which shows and hide the password inside an input field. I wrote this code which works partially: $('.show-hide-password').click(function(e) { $(this).text(($(this).text() === 'Hide' ? 'Show' : 'Hide')); // Change the text $('.engage-password__field').attr('type', 'text'); e.preventDefault(); }); If I click on "Show" button it shows the password. But it should hide the password by second click. So I need something to toggle the attribute each time
Possible Conflict But Not Sure how to debug
Ok folks so i'm a total beginner and just trying to build a splash page for the purposes of learning. I have a countdown timer running on one example with a youtube video background and it is working as required. I have a second version running with a background image slider plugin but unfortunately this kills the timer and it doesn't load. I can post code snippets here if you need me to but i think the best idea is a link to the problem, hope that is ok ? Any debugging help would be greatly appreciated
Logic for solving date vs hours allocation
Hi All, I am trying to achieve the below. I can assign only 9 hours for an user in a single day. Below is the form I have submitted to database. Resource name : John Start Date : 1st May 2016 End Date : 31st May 2016 Hours Allocated: 5 Project: ABC Now the above form is submitted to database. This is phase 1 Now the phase 2 is, I need to add 7 hours for John for another project XYZ for date from 15th May to 31st May 2016. But here I can add only 4 hours and not 7, because allowable limit in a day
How to show some background on jquery mobile phone gap android installation?
How to show some background on jquery mobile phone gap android installation (instead of a dark nothing)?
Slide up panel multiple divs
Hello all, I have set up a website using a custom joomla template. I have multiple divs on the front page with slide up divs in each of them. The class names and the id's are the same and I do not have a lot of control over that. When I hover over any of the panels only the first slide up div activates. Here is a link Jfiddle. I would like to be able to hover over the trigger in any one div and activate only that divs slide up panel. Can someone please help me.
Position of image in CANVAS
Hi, everyone. I need help with the following. I am new on this and I am trying to position an image as in below (in the middle of the canvas and with no zoom): But, now, if you check it (http://www.lotejoven.com.ar/plano_test.php ) you have to move the image like five times to start to see it as it is position in top and left you can see all blank when it starts the page. Here it goes the code: HOPE YOU CAN HELP ME! THANKS A LOT. <canvas width="500" ></canvas> <script src="http://lotejoven.com.ar/assets/js/stopExecutionOnTimeout.js"></script>
Download builder: Customize for speed not working
I tried to do a custom build http://jquerymobile.com/download-builder/ but the site has an error as shown below Can anyone suggest how to solve this problem?
Next Page