How many ways jquery links can be updated
Hi everyone.. I've been asked this question in an interview but as i'm new-bee to programming platform so i could able to answer it . So, i'm requesting for your help. How many ways Jquery library can be updated on our own site. Is there any jquery methods to accomplish this requirement. I've been heard about CDN links, apart from that. Is any other ways possible ? thanks in advance..
jQuery on HbbTV devices / qUnit test suite with XML
Hello jQuery people! on my company we're developing HbbTV apps for TV sets. This is an open standard described here http://hbbtv.org/. The standard requires that the pages are deviered by the webserver with the content-type: application/xhtml+xml - more exactly application/vnd.hbbtv.xhtml+xml and when we use this content type the browser switches to a strict XML checking which causes a lot of problmes with jQuery on this devices. Now I want to run jQuerys tests in XML mode. In the test folder there
autocomplete fill value instead of label on select.. why?
Hi, this is my code: <div class="ui-widget"> <input id="places_autocomplete" /> </div> $( "#places_autocomplete" ).autocomplete({ source: 'http://localhost/nightlife/events/events/get_all_places', select: function( event, ui ) { } }); Don't know why, ONLY when item is selected from returned json data, it fills me up with the item value. This does not happen until all labels are just proposed. Why?
Sliding Pop Up Button Open and Close
Hello Everyone. I am looking for a way to make the following code have the button switch between one color to another. Any suggestions would be great. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>slide demo</title> <style> body{ margin:0; } .pollSlider{ position:fixed; height:100%; background:red; width:200px; right:0px; margin-right: -200px; } #pollSlider-button{ position:fixed; width:100px; height:50px; right:0px; background:green;
Jquery scrollbar is not working in dialog box
Hi, Issue :I'm trying to get customized scroll bar in jquery UI dialog using Jquery scroll bar plugin. But customized scroll bar is not visible. It is working fine without dialog box. It seems both the plug-ins getting conflict. Used plug-ins jquery-ui-1.9.2 Jquery Scrollbar 2.0 Could you please help me out ?
becoming a JS/Jquery Developer
Hey Guys my name is gautam . I have been in web development for like 6 months now , i actually wanna be a developer . basically i would like something thats more in pure javascript , maybe a small application , a small pluggin , i don' know what would be best . well i am sure people around here have alot of experience and maybe you'll could guide me the right way . would working on open-source , really help me build a skill ? could you'll suggest a simple open source project , that i could work
Fancytree SelectMode 3 get all checked or unchecked items
I tried posting on stack over flow but haven't got any feedback. I have select mode 3 enabled, where if you check/uncheck a parent, all the child nodes get set to that same state. Problem is, if any node gets checked or unchecked from a parent, I still need to look at that node because I show or remove things in another div, based on what is checked or not. Here's how I'm doing it now, but I can't seem how to figure out to basically say, after any item has been checked or unchecked do this code.
jQuery Validation Plugin and IE8: '0' is null or not an object
i've been using jQuery Validation Plugin since about 2.5 years ago with various projects in Lotus Domino and Microsoft .Net. usually my needs are simple, consisting mostly of using "required". but also i've created several of my own methods and i especially like using "remote" to avoid postbacks. now i'm working on a new project and Validation works find on My computer (windows 7 and ie 8). but for my co-worker and my boss (also windows 7 and ie 8), Validation gives a javascript error and submits
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.
How to add filter AND text to a hover event?
Hi, I'm making a sort of "splash page" for a website and need some help. I've created an event that blurs the image when the mouse hovers in and out. Now all I need is some code that will put the word "enter" over the blurred image simultaneously. I'm new to jQuery. I've tried many different things but can't get it to work. Any help would be really appreciated. Here is the markup and script as it currently stands and at the bottom is the image blurred and unblurred. HTML: <div class="enterPhoto">
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 dialog first time open - close events
Is it possible to add first time open event on dialog widget? Sometimes we need to do something only the first time dialog appears. I know we can do it easily via javascript using variables - data check e.t.c. but it would be nice and easier if it was a core feature. The same event for close would also be useful ( first time close event )
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">
Modal dialog button does not work in IE10 if some control has focus outside of the screen
Some bug with button in IE10 (Last versions of JQ and JQUI) - if some control on the modal dialog has focus outside of the screen, button does not work - instead dialog scrolls to that control and removes the focus. After that the button works (Until you set the focus again). How to avoid this? <html> <link rel="stylesheet" href="Plugins/ui/jquery-ui.min.css"> <script src="Plugins/jquery-1.11.1.min.js"></script> <script src="Plugins/ui/jquery-ui.min.js"></script> <script type="text/javascript" language="javascript">
Next Page