Need jquery/javascript web page persistant stickynotes
Hello Everyone, I want to make one web page with persistant sticky notes. That sticky notes should have following features. 1). It allows max 5 stickies 2). each sticky should draggable anywhere on the page. 3). each sticky should persistant on webpage until and unless user logoff. 4). i am getting notifications in marquee format. whenever user clicks on notification it would added to sticky with non editable format. 5). when user refresh the page these stickys will staly alive. If anyboday
jQuery Resizing Issue
I'm using jQuery to make some adjustments to the position of a menu on a site. I've been at this thing all day when it should be a pretty simple fix. Originally I had a simple jQuery onScroll() script locking the menu to the top of the browser window when people scrolled past 140px. It worked great. Well in attempting to add some functions to it so the design is more responsive has caused a bunch of problems. I know how to use @media for responsive design but the original jQuery script for scroll
links and targeting
I have links in my <nav></nav> element that change content of another element with ID "article". which works for me. However, I sometimes have links in the nav area which are to external sites which I will need to load in a new window or browser tab. I am not sure as to go about this. Below is just the code for content that is local. (function() { $('nav').on('click', 'a', function(event) { var link = $(this).attr('href'); event.preventDefault(); $('#article').load(link);
Problem with multiple accordions in Squarespace Html page
I have designed a page in Squarespace and I want to use multiple accordions on there. However I have used the script below which works perfectly on the first accordion, but the second one appears as static content? Could someone paste the correct code for the second accordion? Thanks everyone in advance. $(function() { $( "#accordion" ).accordion({ collapsible: true }); }); </script> </head> <!-- CSS --> <style type="text/css"> #accordion { width: 100%; } </style>
How to Get Old and New Value Using Change Event
Hi Guys, I already have a working change event + AJAX now I have to make a historical data by adding a new table in mySQL called tb_historical. Now I want to get the previous value to be captured as well so I can do 2 AJAX POST for my current table and the historical table here's what I got so far: Here's for a select tag $(".sup_class").change(function() { var sup_name_update = $("option:selected", this).text(); var sup_nt_update = $("option:selected", this).val(); var assoc_id = $(this).closest('tr').find('.assoc_id_class').val();
dynamic table using $.each - table complete only on last record
kbwood.au steered me in the right direction yesterday. His help fixed my problem. Now I am trying to expand my table to include a footer containing subTotal and Inventory Total. Once again only the last record of the set is shown. ie: $.each() is working fine but only the last record of the set contains the footer sub Total and Totals. Here is my changed code showing the $.each() function and the results of the last three records of a set. function showTable(acctData) { var xx=$('#inv').val(); //
Can/How(can) I create an "onenter" function.
Hello, We have a 3rd party autosuggest script file. It is creating a div and adding an <a> element in the div. It has an onclick function: (From the added <a> element) a.onclick = function () { pointer.setHighlightedValue(); return false; } Is there a way in $ to create an "onenter" function within the added <a> element. A clients want to be able to select the autosuggest using the "enter" key
Problem with load in IE9
The goal is to load text from a file (located on the same server in the same folder) into a div on the web page, when clicked on a map area on an image. I have stripped it down to a minimum to rule out as much as possible. It works in Chrome, but unfortunately I need to support Internet Explorer 9 as well. This is the "main page" with the div that is supposed to be loaded with text: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Whatever</title> <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
How can you animate the content this way?
Hi, I found a website which looks very interessting to me. If you scroll down you will see that a part of the content is animated. Anyway I can't figure out what that is. Is it CSS or is it jQuery? Is it a plugin for jQuery or is it just an easy code that I could use?
ajax.Complete() not working on SlideUp Menu
Hey guys, Originally had this posted in the CSS forums but is a jQuery issue... Here is the site, if you start off at the homepage, then click on Services in the right navigation it doesn't work the Show Services slideup does not work at all, it should slide up then be able to click a Close button to slide it down... http://redrhinorestoration.com/wp/ The only time it works is if you go directly to the Services page by typing the URL into your browser, then it will work as you can see how it functions...
Help with JQuery function syntax and debugging
I am having a few issues with my JQuery functions. Below is the code: In Dreamweaver Line 14 is highlighted red as an error. I can't spot the error. and my $PopUp modal window doesn't fire on the last function. The HTML for that is below the JS. Also for multiple JS functions on a page, can/should I just use one <script> and $(document).ready (function() ? <script> $(document).ready (function(){ $(".status").click(function() { $("#slider").slideToggle( "slow" ); }) }); </script> <script> $(document).ready(function(){
Combining "this" and advanced selectors
Is there any syntax for combining this with the jQuery selectors like :selected? For example: $(this:selected) I can't always be sure of the css selector for the object I'm passing so I'm not sure how to use the advanced selectors.
How do I select the value of each one of these?
Im just trying to get the value of input fields with a class assigned. The input fields are added through a jquery append. Im using: $(".CC input").each(function(i,v) { <div id="CC" style="display:block"> <input type="text" name="SCCC" class="CC" size="50" maxlength="50"> <br><input type="text" name="SCCC" class="CC" id="ID1" value="XXX" size="50" maxlength="50"> <br><input type="text" name="SCCC" class="CC" id="ID2" value="YYY" size="50" maxlength="50"> </div>
HELP: query
hi i have below situation: Copy code <div id="1"> <img class="close"> </div> <div id="2"> <img class="close"> </div> like this multiple divs which have same image. now i want to write a jquery function, the divs which has these image, on clicking of the image, divs should hide. i want generalize function.. $(this) wont work.so what should i give here.. Copy code $(".close").click(function() { $(this).hide(); });
Trying to understand $.each()
I need a logic check or what I am trying to can't be done this way. I can't explain this except to show you Code and Output. Each Invoice should be shown. Only the last one is. I've been trying to figure the logic for several days and can't get it. Maybe I'm too close to this and can't see some obvious fix. Thanks, R <!DOCTYPE html> <!-- This version 3 Aug 2014 writes table to screen --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title> Feeder program
sorting array
hey guys Im trying to sort and array by a price ('total_price') here is what my array looks like...but obviously there are more items [{"item_id":"1","title":"Test","price":"99","p_and_p":"0","total_price":"99","listing":"","condition":"","start_date_time":"2014-07-26 21:51:45","listing_duration":"10" here is my script ive started to make $(document).ready( function () { var data = <?php echo $data; ?> , limit = '10' ; $.each(data, function () { $( "#table" ).append( '<div class="row"><span class="cell">'
How to detect missing IDs/classes?
Hello, I've been thrown a site to fix that has lots of unneeded jquery, e.g. $('#ThisIDDoesn'tExist').DoSomething(); JQuery silently passes over these invalid statements, but I'd like to be able to figure out a way to catch these across the whole site, and clean these up. Any ideas on how I can easily see across the whole site, when a jquery selector returns nothing? Thanks, Michael
coloring table cell
When I click in one of the table cells, radio buttons appear. I have to select a radio button and **click on the table cell** in order to change the text and background color of the cell. What I want is to change this immediately once i choose a radio button. I don't want to click on the table cell in order to display the value and background color. Below is sample code: function deselect(index, name) { var app = "#app"+index; var radioGroupName = name+'rOptions'; $("#app"+index).removeClass("selected");
CSS problem.
If a make display:none CSS property of parent div, then will compiler load all images which is applied into child div's into parent div...?.
Responsive navigation
how they change the navigation into icons when i click the trigger? http://wrapbootstrap.com/preview/WB0R5L90S how is the logic works? thank you
i can not find What is wrong . correct this code, please...
<html> <head> <title></title> <script type="text/javascript" src="JS/jquery-1.11.1.min.js"></script> <script type="text/javascript"> /* AJAX JSON DATA is [ { "ID": "001", "PosX": "106", "PosY": "104" }, { "ID": "002", "PosX": "207", "PosY": "209" }, { "ID": "003", "PosX": "299", "PosY": "292" } ] */ var x = 430; var y
Using jQuery to set the SRC value of an iFrame.
It works fine, but then changes back to the value in the original HTML, which is no SRC for the iFrame. I thought when you make a change to an attribute, in this instance the iFrame's SRC, it would remain static until you changed it again. Is my thinking wrong on this? Or could something else be coming into play. TIA
[object Object] error
I am getting [object object] error , I am trying to grab id of input and use it here is the codepen link :http://codepen.io/justincarb/pen/ebnHv here is the code: $(document).ready(function(){ $("input[type='checkbox']").on('click', function(){ $("input[type='checkbox']").not(this).prop('checked', false); }); $('#button-input').on('click', function(){ if($("input[type='checkbox']").is(':checked')){ var Id = $("input:checked").attr('id'); var currentId= $('#'+ Id);
New to jquery: unable to pass var to php via GET reload
Hi there folks, I'm trying to pass some variables( browser width and height) to my php script. I've read that I need to reload the page and pass the vars via GET so I can use them in my php script. I've tried to do this with some cobbled stuff I've found in tutorials and elsewhere on the web, but am failing miserably. <?php if(ISSET($_GET['w'])){ /* Browser vars have been passed. */ echo("<!DOCTYPE html> <html> <head> <meta http-equiv='content-type' content='text/html; charset=UTF-8'>
Uncaught TypeError: Cannot set property 'innerHTML' of null & Some other.
Hi There, I was hopping you could help me. I'm learning Jquery and Java scripts, I have wrote little script which is working fine on local machine, but when I put it on live website it won't work. I'm using business catalyst as my live site. When I entered my code. It didnt work - I saw this error via inspect element. : " Uncaught TypeError: Cannot set property 'innerHTML' of null " > Onclick and those two : Uncaught SyntaxError: Unexpected end of input Uncaught ReferenceError: calculate is not
jQuery/Songkick API integration
Question: I have two pieces - ajax function that calls/displays data from Songkick and function for jQuery calendar, both of which right now show up separately from each other. How can I populate calendar with data from Songkick? All the code is here: http://ilyasitnikov.com/calendar/calendar.html Thank you so much!
Trouble passing 'this' to correct variable
<script> $( ".info_button" ).on( "click", function() { var position = $( ".result_content" ).css( "margin-top" ); if ( position == "-170px" ) { $( ".result_content" ).animate({ marginTop: "0", }, 500 ); } else { $ ( ".result_content" ).animate({ marginTop: "-170px", }, 500 ); } }); </script>
jQuery does not return from server suddenly
I use Coldfusion server and jQuery for client side code. My jQuery works fine more than one years. It suddenly does not return any records from jQuery.ajax get. My ColdFusion code still returns records. It is possible that recent IE update, because some machines still work. I would like to know are there any configuration or security setting can check or set to enable or disable jQuery.ajax. It looks like that the jQuery code does not trigger at all. Your help and information is great appreciated,
disabled all a (href) except id = CancelAuditButton and RefreshButton in one line of code instead of two seperate lines of code,
I have a jsp code list below. I want to disabled all a (href) except id = CancelAuditButton and RefreshButton in one line of code instead of two seperate lines of code, thanks in advance. $("form a[id!='CancelAuditButton']").attr("disabled","disabled"); $('#RefreshButton').attr('disabled', false); <div id="buttonDiv" align="center" style='z-index: 10000;'> <table border="0" align="center" cellspacing="0" cellpadding="0"> <tr id="buttonSection"> <td class="noPadding"> <a class="button2"
Making a 'wizard' form
Hi all - I'm wanting help on creating something that I'm struggling to find the correct terminology for and therefore google about it. Essentially I'm wanting to create a configurable form that gives users information on each selection. So for example: CHOOSE A LOCATION YOU'D LIKE TO VISIT - Melbourne - Sydney - Canberra (This would then open up next step) CHOOSE YOUR IDEAL ACTIVITY - Surfing - Exploring - Dining (Then a list of options would be presented) I know this sounds ambiguous, but I'm wondering
how to pass callback with variables?
how to pass callback with variables? function scrollToElement(element, offSet, callback) { $('html, body').animate({ scrollTop: $(element).offset().top + offSet }, 800, function () { if (callback) callback(); }); } //and from some function i call: scrollToElement($p, -80, function () { openTv($p) });
having trouble with passing variable to ajax
I've got a script, embedded into a page, which supposedly should get the text of links being pressed and pass it via json to flask, the python web-framework. I get the text of the links just OK, but when I pass the variable to ajax, it is not arriving, flask says variable is empty. I found about "traditional: true" setting, but it does not seem to improve the situation. Please help, totally lost in this... <script type=text/javascript> var selected; $("a").bind('click',function() { selected=($(this).text());
How to remove dynamically added element
Hey Guys, Im extremely new to jquery and im trying to create an invoice system for personal use. Thus far Ive researched online and I got this far, but I cant figure out how to remove a dynamically added element after its been created. My code: <script> $(document).ready(function(){ var table = $("#TextBoxesGroup"); var row = table.find("tr").eq(1); var count = 0; $("#addButton").click(function(e){ if (table.find("tr").length >= 51){ alert("Maximum of
Find text and wrap with markup (or replace)
I have been trying to figure out how to find all instances of a certain word or phrase within an element and wrap those words in <span> tags or other html. I.e. change all instances of 'the keywords' to <span>the keywords</span> So far I've found a lot of references to :contains() but that will change the element the text is inside of rather than just the text itself. Any advice or references would be much appreciated.
Jquery is not working TypeError: o.find is not a function
Hello - I am supporting an application which is using Jquery, when i upgraded the mozilla to latest verions some of the functionalaties using Jquery is not working. I am getting the below error when i am trying to invoke those functions. I am using JQjQuery JavaScript Library v1.3.2
hover function not consistent with multiple nested accrodion
hi i am to totally new in web programming. i am trying to develop a jquery's nested accordion with hover method, here is my html, java script and css code along with link to jsfiddle.net is http://jsfiddle.net/sgjz7/ html: <div class="accordion"> <h2>A'ad the Tribe of</h2> <div class="pane"> <div class="accordion"> <h2>A'ad the Tribe of</h2> <div class="pane"> <div class="accordion"> <h2><a href "#">Chapter (41) sūrat fuṣṣilat
Grabbing text from elements and turning into array - then inserting that array back into the DOM
Hi all, I would like to turn the text of a group of <h5> elements that are in a div with the id #parent into an array. This array would then appended to another div, with some html wrapped around each value. Can't actually find much documentation on this out there, wondering if any experienced forumites know how to do this. Here's the jQuery I've tried: var optiontriggers = $('#parent h5').serializeArray(), innerHTML; $.each(optiontriggers, function (i, field) {
Broken Query Expired SSL Cert
Hi, I noticed that our language converting is no longer working and our dev guys said it was due to an expired cert from https://code.jquery.com/jquery-1.11.0.min.js Can you help? TY
.css() and svg > Google Chrome
Hello, I have a big problem with the .css function and a svg in Chrome. I'm trying to resize a background-picture, everything works fine with Firefox but in Chrome it doesn't work. It works only if I use a png and not a svg. Example page: http://99nos.de/test2/test.php Every time when you refresh it generates a new random amount of text to give every time a new size. Can anyone help me please?
APPLY HOVER CSS VIA JQUERY
I am using bootstrap and jquery 2.0.3 Is there any possibility to apply a hover css from a external script. I tried $("#btnTest").addClass(".btn-warning:hover"); but it is not working. any help would be appreciated thank you
Next Page