JQUery - dynamic grid
Hi Team, I am unable to show the values into dynamic table. I am sending the JSON object to jsp and the grid duplicate colums. below is my sample code. var dump =""; var $tr = $('#'+tableName).find("tbody tr:last").clone(); $tr.find("input,select,textarea").attr("name", function() {
Draggable with Ckeditor
I have an issue with ui draggable and resiable while using ckeditor. Steps to reduce: 1. I have some images and text in my div and image have draggable and resizable attributes. 2. On this div, I have implemented ckeditor. I am able to edit my text and images, but, after editing, the images and resizable functionality not working. please gudide
$(this > 'li') doesn't seem to point to what I think it should
This is a continuation of my last post which I closed. here is my json file: { "Misc" : { "anymore" : ["anymore.ogg","anymore.mp3"], "dark side" : ["darkside.ogg","darkside.mp3"], "failure to communicate" : ["comm.ogg","comm.mp3"], "count" : ["count.ogg","count.mp3"] }, "Napoleon Dynamite" : { "Bow to your Sensi" : ["bow2sensei.ogg","bow2sensei.mp3"], "Cage Fighter" : ["cagefighter.ogg","cagefighter.mp3"], "Skills" : ["skills.ogg","skills.mp3"] } } here is my script: $(document).ready(function()
Border Adds: Hide and Show slide off to the left side of their container.
Hello. I'm practising JQuery and layouts and I'm confused as to why my border adds are sliding off to the left edge of their containers(divs) when I hide and show them. Here is what I have. Hope you can help! <div id="wrapper"></div> <div id="adds_left"><img src=""/></div> <div id="adds_right"><img src=""/></div> <div id="adds_bottom"><img src=""/></div> <script> var adds = ["#adds_right img:first", "#adds_left img:first", "#adds_bottom img:first"] var urls = [ "http://admin.csrwire.com/system/profile_logos/12774/original/wmt_logo_2.JPG",
SlickGrid - why isn't it in the jQuery plugins registry?
https://github.com/mleibman/SlickGrid Is it not in the plugins registry because it isn't technically a plugin? And/or Is it because the author just hasn't submitted it? Even if it's a technically an "extension" (or some other term) and not a plugin, it still seems like a very full-featured thing not to be listed somewhere on the jQuery website. It's clearly been built to work with jQuery. I wouldn't have found it if all I did was search the plugins here, and not finding it would have been a shame.
Sliding Pop Up Box
Hi Everyone, I am trying to duplicate this function for the content pop up box in Wordpress. Does anybody have a good suggestion for this? The content will slide from the right hand side of the screen. http://www.hotelfelixchicago.com/downtown-chicago-hotel-specials-en.html Thank you! Will
Odd behavior with Select
We are developing a MVC web app that will us Jquery mobile for tablets and phone. And are experiencing a odd behavior. The page I'm working on has a Select menu. When the user selects an item from this menu it fires a function to load the contents of a Div on the same path with a UL that becomes a listview. This parts work fine. However, after this ListView is display the select is repainted an it looks like its nesting the select menu Picture OnLoad.png is what it looks like when it loads Picture
getJSON callback with success?
Hi! I have build a weather app with jQuery, and everthing works nice. The url is https://api.forecast.io/forecast/ with a couple of parameters after that. I have created a bunch of variables to store the data. Finally in the end I do like this: var forecastData = function () { $.getJSON(url, callback); }; $(document).ready(function() { forecastData(); }); My question now if there's some easy way to handle errors, like if not null (if a param like longitude is missing), success/error
jQuery after loading div issue
Hello, I've got an overlay on my website which loads up when a button is clicked. Once the button it clicked, it parses a PHP file into a div which generates the content to be shown in the div. However, I can't seem to get the jQuery to work on buttons which are imported unless I call another Javascript file while populating the div. Does anyone know how I can get this so that it will work weather the buttons are there as the page is loaded or after extra content is brought in? I'm presuming it's
Accordion Click Event
I have an accordion with a asp.net listview in the first header. I do not want to have the listview loaded when the page loads. I want to click the header and then run a function in my code behind that queries the database and binds the listview and then display the listview. I think the click event should be used or the changestart event. I just don't know how to achieve the result I want.
Accordion Active: false but changes to active: activeIndex when clicked
I am using an Accordion and would like for all sections to be collapsed when the page opens. I have code that will do just that. Inside the first section in an asp.listview with paging. I do not want the section to collapse and reopen when I am paging. This code works great for the page opening with all sections collapsed but collapses and reopens when paging: $(function () { $("#accordion").accordion({ collapsible: true, autoHeight: false, active: false, heightStyle: "content" }); });
Uncaught [object Object]
Hi, I am getting the following error when code access CryptoJS.AES.encrypt(data, key); Uncaught [object Object] What should I look at in order to fix it? Additional info: Uncaught [object Object] (anonymous function) jQuery.extend.proxy.proxy jQuery.Callbacks.fire jQuery.Callbacks.self.fireWith done jQuery.ajaxTransport.send.callback
jquery accordion with columns collapse
I put together two jquery technics: - Masonry salvattore.js to put my boxes with content in the right order in 3 columns (working fine) - Accordion js to expand my hidden text (problem!) This is my working jsfiddle for that. But my problem is: When I toggle one box in first column after that in second column and after that in third column some Title box Autollapse function and toggle function gonna crazy. In one column working fine, but how to repair that functionality in 3 columns. I guess the problem
jEditable SELECT and MySQL
Hello I try to create form with editable fields. I used jEditable. This is JS part: $(".ed_akierownik").editable("modyfikuj_del.php?type=kierownik", { //(*1)"modyfikuj_del?type=" - this sets data for MySQL and other PHP processing loadurl : "/kier_list.php", //this loads data for <SELECT> indicator : 'Saving...', event : "dblclick", type : 'select', style : "inherit", id: 'id_d', width: ($("span.ed_kierownik").width() + 180) + "px", },
This app was to be detected high risk issues as DOM Stored XSS by scanning software CHECKMARX.please refer to it..
I developed an app using JQuery mobile . This app was to be detected high risk issues as DOM Stored XSS by scanning software CHECKMARX.please refer to it var daily_news_class_list = window.sessionStorage["daily_news_class_list"]; .... . $.getJSON(daily_news_class_list.replace("@categories", encodeURI(Category.replace('Today's News', ''))) 3874. .replace("@Start", 0) I updated JQuery.mobile API version 1.4.2, the problem will still exist. How can I solve this problem or whether the next
Datepicker date object contains value one month less than selected
JS FIDDLE HERE: http://jsfiddle.net/vhabhsrosed/jawc1uuj/ I am using the datepicker and it displays the correct date in it's window but the date object has the same date but with a month prior to the date actually selected. I can't see what I am doing wrong in the code. I tried using the object.setDate "+1m" to correct but probably don't know how to do this. Can anyone see what is wrong with my code that results in this. if I dispaly 10/28/2014 in the datepicker window using: var PassDate
Bubblesort an Array from an index location.
Hello, I am stumped with the following. I have an array, scores = new Array[0,14,13,11,18,0,0,0,0]; that I want to sort from index 1 and ignore the zeros only sorting values above 0. So the array would end up like this, 0,11,13,14,18,0,0,0,0 instead of 0,0,0,0,0,11,13,14,18; Keep 0 the first zero at location index 0 Any other value with 0 after index[0] would be added to the end of the array. Thanks in advance, Paul.
I need to modify my code to accommodate new json file
This is my html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Movie Sounds</title> <link rel="stylesheet" type="text/css" href="movie.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="main.js"></script> </head> <body> <div id="main"> <header><h1>Movie sounds</h1></header> <div id="content"> <div id="sounds"> <h3><a href="http://jimslounge.com">Movie Waves</a></h3> <ul id="list"></ul> </div> </div> </body>
Form elements not rendering on scrollable popup android
Hi, on m Page (https://ovbportal.hu/ovbphp/public/temp/testNaptar.html#&ui-state=dialog) I have a popup which is bigger then normal phone screen, and is therefore scrollable. However on Android some form elements are not rendering correctly (mostly those, which are not on the screen when the popup is shown - select but also the buttons at the end are not showing). See for example: the first and last elements of the first select are not showing. Any help would be appreciated Thanks Greg
Table Plugin that will allow blocking of data
Hello Everyone: This question is hard to conceptualize, so please bear with me. Does anyone know of a jQuery table plugin that will allow dynamic blocking of data? Specifically the table needs to be able to block data as follows: One block for every work station Within each work station block by group assignments - will need to color code each work group Force table to start a new column of data for every 4th work station Allow users to designate number of work stations Allow users to name and designate
Centering Draggable Element in Dropable After Drop in jQuery UI
Can you please take a look at This Demo and let me know how to force draggable element to be centered inside the droppable after drop? $(function () { $('#draggable').draggable({}); $("#droppable").droppable({ drop: function (event, ui) { $(this) .find("p") .html("Dropped!"); $('#draggable').css("margin","2px"); } }); }); As you can see I already $('#draggable').css("margin","2px"); tried but this is not doing
So confused! Severe newbie needs help with plug in.
My background knowledge consists of a 36 hour Basic Web Development course. So this hopefully gives you an idea of how new all of this is to me. I'm working on creating a slideshow in Dreamweaver CS6. All went well until I was told to add a query plug in. I chose the download button on the cycle plugin. It shows me a large amount of script. 1) Do I save this as a specific type of file? .js? .html? 2) Where am I supposed to place this file / script? 2) How am I supposed to know what and where to
Table sorting with multiple <tr> per row of data
I'm evaluating jQuery to see if I can make it do the following. I want to sort rows in a table. But I have two <tr> tags per row of data. I've id'd the '1st' <tr> and the '2nd' <tr> for each row of data. Then I'd like the sort to occur only on the '1st' <tr>. Then each corresponding '2nd' <tr> must be displayed after its '1st' <tr>. The sort would be limited to columns defined in the '1st' <tr>. Have I made this too complicated? I did it this way following a tutorial (http://www.beginnersguidetohtml.com/guides/html/tables/complex-tables)
Automatically unfolding jquery ui menu structure
We have an application that uses a jquery ui menu structure with a top menubar. We had hoped to establish clickable menu paths in our documentation that would allow our users to see the location of certain features. Something like Menu > SubMenu > SubSubMenu > Feature when clicked would unfold the menus to show where Feature is located. We have tried to achieve this by triggering mouseenter and click events on the menu items but nothing seems to work. As a simple example, the code below is designed
Stop a Parallax Slider from fading in and out
Hi I am working on this website: http://sunbgi.com/programming/adultblend/index.html I want the first slide to stay on the page without transitioning to the next slide, but it keeps fading to white and then coming back.. Is there a way to stop the animation just on this one page? <div id="parallax-slider-wrapper"> <div id="parallax-slider-backgrounds"> <div style="background-image: url('images/adultblend6.jpg');" class="parallax-bg current"></div> <div style="background-image: url('images/adultblend6.jpg');"
jQuery UI Resizable for 'splitter' UI?
I want to use the 'Resizable' interaction for controlling the widths of a group of cells; ie, if one cell is made smaller, the others gain size in relation to the overall width. I believe this is called a 'splitter' UI. I've seen plugins like this (Resizable table columns plugin) - but I don't want to base it on table elements and I would rather use jQUI. Is this possible or discussed before? Many thanks!!
Not printing the required output??
Hi Here is the code : <html> <script> var el = document.getElementById("c"); function captureOnClickA(e){ el.innerHTML += "DIV event capture<br>"; } function captureOnClickB(e){ el.innerHTML += "A event capture<br>"; } function bubblingOnClickA(e){ el.innerHTML += "DIV event bubbling<br>"; } function bubblingOnClickB(e){ el.innerHTML += "A event bubbling<br>"; } document.getElementById("a").addEventListener("click",captureOnClickA, true); document.getElementById("b").addEventListener("click",captureOnClickB,
mouseover and related code won't work
In the below code I want the <td id='disp'> to be subject to toggling the background color. function showTable(peopleData) { var headStr="<br /><br />60th Reunion for Ridgewood Highschool Classmates "; var table_str=""; var prev=""; var i=0; $("#div1").append(headStr + "<p></p>"); // header table_str = "<table id='peopleTbl' class='center' border='4' cellspacing='6' cellpadding='4' bgcolor='#fff99d' ><br/>"; table_str+="<caption> Classmates 1954 RHS</caption>";
[SORTABLE] make orderable groups
A sortable help, i have this : as you can see I have two different classes, "item_1" and "item_2," I wish the "item_2" are sortable among the "item_2" and "item_1" between "item_1".. without dividing into different wrapper !! all with this dom model ! THZ VERY.. <div class="cont"> <div class="item_1"> <div>ciao</div> <div class="cont"></div> </div> <div class="item_1"> <div>ciao 2</div> <div class="cont"></div> </div> <div class="item_2"> <div>o1</div> <div class="cont"></div> </div> <div class="item_2">
Removing mouseover from a hide/show
Okay, so as the title says, I want to remove the mouseover stuff in this hide/show page. I haven't done jQuery in a long time, and I don't remember how to take care of it without creating a glitch. Here is the page: EDIT: I removed the images so that it wouldn't be insanely cluttered, and spaced each line out so that everything would be easier to see. Sorry for posting it so sloppily. I was extremely tired last night and totally half-assed it haha. Hopefully this looks a lot better. EDIT: I have
Where is the schedule for 12-13th 2014 Chicago Conference
Where can I find a schedule for jQuery conference on 12-13th in Chicago? This http://events.jquery.org/2014/chicago/ website doesn't have any, just for Roost if you click through links.
add a link to caption with fancybox
In fancy box not sure how I would add another href link within the caption. I am adding regular text this way. Already linking to the larger image though, but would like to link within the data-caption if possible. $(document).ready(function() { $('.fancybox').fancybox({ beforeShow : function(){ this.title = $(this.element).data("caption"); } }); }); // ready <a title="website" data-caption="data caption yo!" href="img/portfolio/GSI_web_large.png" width="776" height="494" alt="website"
I am very new to web development share your ideas here . tell me How to validate each tab in jquery ui tabs
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Tabs - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <meta name="viewport" content="width=620,Initial-Scale=1.0"> <script
Error jQuery 2.1.1 via YUI Compressor .NET
When attaching the uncompressed jquery-2.1.1.js file to the YUI Compressor .NET MSBuild task produces the following errors in the output window: Exception was thrown at line 2, column 10423 in http://localhost:52769/Scripts/myscripts.min.js 0x800a139e - JavaScript runtime error: SyntaxError Exception was thrown at line 2, column 10648 in http://localhost:52769/Scripts/myscripts.min.js 0x800a139e - JavaScript runtime error: SyntaxError Here is the Layout.master page inclusion: <ajax:ToolkitScriptManager
let jquery write javascript code to another js file
Is there a way to let jquery write code in an other file. so create the code in jsfile1 and than move that code to jsfile2.
How is the ThemeRoller's reverse-background feature implemented?
On the ThemeRoller page, there is a "Reverse background color" checkbox, with the following HTML: <div id="demo-options"><input type="checkbox" name="reverse-background" id="reverse-background"> <label for="reverse-background">Reverse page background color</label></div> As you can see, there is no onclick attribute. I looked in the various .js files for that page, and did not see any code that would account for the onclick behavior. How is that implemented? Apologies if this is an idiot question.
How do I pass PHP string via ajax into variable array??? ( I´m a jquery noob..)
Hello, I´m fiddling with a Google Map script and I´m trying to update the map dynamically using ajax. On pageload the map initiates with an array of coordinates as markers/locations. The locations data is defined in JS like this example: var locations = [ ['Bondi Beach', -33.890542, 151.274856, 4], ['Coogee Beach', -33.923036, 151.259052, 5], ['Cronulla Beach', -34.028249, 151.157507, 3], ['Manly Beach', -33.80010128657071, 151.28747820854187, 2], ['Maroubra Beach',
Iam trying to get a floating side bar which floates between header and footer on scrolling.
but it is flickering at some points.pls check this fiddle, http://jsfiddle.net/ec4wjs48/10/
[error] too much recursion jquery-1.10.2.js:1239
I get the error shown in the title. Jquery doesn't work. I placed the jquery script tag in the bottom of the body and above the other js scripts. does somebody know how to fix it?
System.FormatException: Input string was not in a correct format.
I am using jquery-2.1.1.js I have a link on a grid where I can delete a row of data. When I click on the link, I get an exception in jquery thrown in this function; Sizzle.error = function( msg ) { throw new Error( "Syntax error, unrecognized expression: " + msg ); }; the msg value is /Quote/Delete?quoteId=10 This looks OK to me. In fact the runtime execution continues to do what I want after this exception is thrown. So how do I fox this?
Next Page