Problem accessing li element in ASP master page
I have problem to access li element with jquery. When I use an addon for chrom jquery selector everything works as expected. But without the addon the code doesn't display anything on hover Thanks < li class = "subMenuLi"> < a id ="AllRecipes_Link" href ="~/Pages/AllRecipes.aspx" runat = "server"> A to Z Recipes </ a > < ul id = "subMenuUl"> < li >< a href = "#"> Test1 </ a ></ li > < li >< a href = "#"> Test2 </ a ></ li > < li >< a href = "#"> Test3 </ a ></ li > </ ul > </ li > $(document).ready(
Snap pairs memory game
I have reached a coding stall in my abilities, can anyone advise me on how to make this game come alive, I believe I've done enough so you get the idea of what I am doing, it should be simple right? my code is here: http://jsfiddle.net/artworkjpm/qwe1njvd/ The game is simple, you select a number, one image pops up. You can select two numbers, if the images match, the numbers disappear. You need to find all the paired numbers. Any advice would be great. John.
jQuery not reacting to the change event
Hi, I'm glad this forum exits, I have written a jquery code to capture an change event defined on an select html element, which should trigger an ajax request to a PHP file, the data returned is used to update another select element. When I indeed trigger the change event on the first select element I don't see any change in the second select element. Firebug shows no errror in the console. html code of the select elements: <select name="sous-compte" id="sous-compte" class='selec' <!--onchange="selectdepartement(this.value)"
Question about external links and local projects
I'm new to JQuery mobile and I have viewed several tutorials and I have an issue with linking between pages. I have a simple 2 page setup, index.html and index2.html Many resources say you can simply link with a normal anchor but when I view my project locally, I get a "Error Loading Page" popup appear. If I add rel="external" then it loads the page fine. I am viewing this setup in my browser (Chrome) - so is this expected behaviour? Or should JQM be able to deal with this without needing the rel="external"?
.click() and getting row ID from tables
Hi ! Let's say I have a dynamic table output from a database onto a PHP page that looks something like this - I have removed some columns to keep things clear : <table class="table table-striped"> <thead> <tr> <th>Name</th> <th>Actions</th> </tr> </thead> <tbody> <tr> <td>Tony</td> <td> <button id="banUser" type="button" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ban-circle" aria-hidden="true"></span></button> </td> </tr> </table> When the button is clicked (i.e JavaScript
jQuery targeting an element I don't want targeted
I need to pull the submenu under the last element "inside" the box but ONLY when it's using the widescreen menu. To do that I need to grab the last element in the navigation, the submenu under it and then calculate how much the submenu needs to be pulled to the left. That I have no problem doing. My problem is I can't seem to isolate ONLY the navigation element in ONLY the #top-menu ul. The first step was just to isolate the last child element in the navigation. I'm stymied at the first step which
Compare ID and attribute and apply class
I have this HTML structure: <div id="our_mega_menu_wellness" class="our_mega_menu"> <div> <div> <a class="subcat_menu1" onmouseenter="submenu_display(this.id)" id="wellness22" href="">Emotional Well-being</a> <a class="subcat_menu1" onmouseenter="submenu_display(this.id)" id="wellness24" href="">Home & Family</a> </div> <div class="menu_article_content"> <div data-id="wellness22"> </div> <div data-id="wellness22">
the third argument in .data() method
hi there, I found something odd ( I think ) , in the owl carousel plugin . previously, I was a junior in js. I have read .data() on api.jquery . and I see this method only can enter a maximum two arguments . while at the plugin I see the developers enter the third variable . for what the third variable is? while at the api.jquery only 2 arguments . the code is: $.data(this, "owlCarousel", carousel); on line 1448. thanks before. and sorry for my english.
Keep picture with slectMenu after selected
I use jquery UI - Select Menu to build a List with picture. I follow this link and it's good. But When you select an item, just the text is copying, not the picture. I explain why I want picture. I've a List with no text, just picture, then When you choose an item, you see an empty span ... Someone have an idea? <script type="text/javascript"> $(function () { $.widget("custom.iconselectmenu", $.ui.selectmenu, { _renderItem: function (ul, item) { var li = $("<li>", { html: item.element.html() });
weird behavior navigating to dynamically created page
I have a jquery mobile app where I add dynamic pages. These pages get added to the dom and use the pagecontainer to navigate to the first page created. What happens is it navigates to the page that was created but immediately navigates back to the previous page, which also happens to be the first page in the dom. What's going on???? $.mobile.pageContainer.pagecontainer("change", "#" + firstpage); function changePage() { var activePage = $.mobile.pageContainer.pagecontainer("getActivePage"), nextPage
postmessage issue
Hi I am writing timer java script to get current time value in ui I am using following method to post message postMessage(minutes + ":" + seconds); but i am getting param issue, that i tried postMessage(minutes + ":" + seconds, "*"); getting message but it comes on widow.message event how can i get worker thread object? creating worker as w = Worker(test.js) test.js file sends postmessage //this wont work w.onmessage == window.onmessage is expecting , but i must stop worker as w.stop how
on selection of radio button jump on second accordion panel itself.
hello to all, i wanted to make accordion in a way, in my first panel there will be 2/3 radio buttons and a submit button. If on selection of a radio button and say submit, then next accordion panel will open. On second panel also few radio buttons and a submit buttons will be there. The same funda applies to the second panel too. Before selection of radio button, don't open second panel in accordion. Selection of radio button and submit must be there on both panel. Have created a code, but i dont
Inspecting objects in console output
How do you inspect Javascript objects, say, in console output? I thought I new the right answer - most browsers will show object values in console output by just passing the object. However, there is a fatal flaw - at least with Safari. The value shown is the CURRENT value of the object, NOT the value at the time it was logged! So, if the object was changed subsequent to logging, when you go to look at the log the object content will not be correct. The only time it can be guaranteed correct is if
Getting unrecognized expression while running my application after upgrading to “1.11.1” from "1.4.2"
I am getting below error while running my application. Error : unrecognized expression: value:("More Data Information") Here "More Data Information" is the text value inside a div. The code that causes the issue is as below. if(jQuery('value:("More Data Information")')){ jQuery(this).html('Safety Hazard Deficiency Areas'); return false; } I got this error message after upgrading the Jquery version to 1.11.1 from 1.4.2. I got this version number using console.log(jQuery.fn.jquery); Your timely help
Philadelphia - AboveNet - Connectivity Issues to code.jquery.com
Hi, jquery.com is experiencing lack of TCP connection availability and connectivity issues with traffic to Philadelphia-AboveNet (see trace route below). This results in browser errors in Philadelphia. Where can one open a ticket with the DevOps of jQuery.com? I am working to open a ticket with Philadelphia - AboveNet; however, this issue is at the jQuery end. Site Tested: http://code.jquery.com/jquery-1.8.3.min.js Traceroute Origination: Philadelphia, Pennsylvania - AboveNet Selected device eth0,
How to get progress of chunked file upload via ajax?
I have writen a jQuery acript that waits for file input change and then takes all the files for upload in chunks. I am using the FileReader API to slice the file apart. Now I get console log every time: a part of a file gets uploaded, the upload of last part is finished and the file processing on server starts and the when the processing finishes. What I need is to get the progress of the uploading in percentage for every file that is being uploaded (and make a console log of it, for example). That
How to set top and left position attribut (for dialog)
Hi all, I memorize the values position of a dialog ((top, left), width and height) and set them when user return to the page (dialog on same place) I can initialize the width and height . But I can not set position ( top and left ) . Does anyone have the answer ? Thank's for your help YVO <script> var dialog_window_1_top = <?php echo $_SESSION['dialog_window_1']['win_top']; ?>; var dialog_window_1_left = <?php echo $_SESSION['dialog_window_1']['win_left']; ?>; var dialog_window_1_width
Superfish Menu - Parent items are unclickable (other top-level & children clickable)
Hi there, Im using a wordpress theme that has a bug which makes all Parent items that have Children unclickable. The issue is only specific to those parents, as top level items with no children are clickable and all children are also clickable too. The website is here , and its the responsive top menu Im referring to, with the issues occurring on mobile/tablet versions only (once the site's width is under 850px). I believe that menu on desktops/laptops uses the normal Wordpress menu system, not Superfish,
Re: Managed multi dialog for a dashboard page (SOLUTION WITH AJAX) - Question to set top and left
Hi all, When displaying the home page of our web application business I displays several block with dedicated information ( list of my files to my contact list , ...). To make dynamic interface , I encapsulated the block ( div ) in jquery UI dialog (page dashboard ) . Upon reflection, I used ajax return. The result is satisfactory . The method returns ajax take over the store top / left / W / H ( in the database ) . For a control in this test, the ajax method returned on the information and displays
how to get target element in sortable ui ?
hi, the update method of sortable ui, i just get a original element but it don't have target element, how can i update sortable list to server ? Thanks.
Misunderstanding Select input and firing an event on change of value
I'm trying to use jquery to change a dropdown value in SharePoint page and when the dropdown value is changed I want to fire another event. I can change the dropdown value using jquery but it does not fire the next event when it is changed. So i'm missing something. Any advice greatly appreciated. the fiddle is here: http://jsfiddle.net/vhabhsrosed/Ljkb2574/4/ the code example: //SET CODE TO FUNCTION WHEN ON COMMITTEE MEETING FORMS PAGE $(document).ready(function(){ var xAgenda = "Safety";
Problem with slide effect and datepicker in dialog
My bug report was turned down. Can anybody tell me what I should do differently here ? Cheers, Kjeld
Debug Jquery
Hi I am new to JQuery and I have problem debugging it. I am trying to use alerts .In this case why bought alerts are fired and then the show function Thanks Any suggestions about debugging jquery will be greatly appreciated. alert( "Test1" ); $( ".divSlider #MainContentPlaceHolder_1" ).show(); alert( "Test2" );
Datepicker in multiple forms/same page - inst undefined error on second form
Hi, Trying to follow along with " How to use multiple JQuery UI Date Picker or Datepicker in HTML or JSP page The first input in the form "play" shows my custom datepicker calendar and works fine. ie. date is input using my custom datepicker calendar. The succeeding inputs in the form "futuredates" show the generic datepicker calender and gives the error "inst is undefined line 974 jquery.ui.datepicker.js" . Any help appreciated in solving this. Thanks, R. My code is: <!DOCTYPE html >
zoom into and away from displayed image
Using jquerymobile, is there a way where I can display an image ( png image for example ) and be able to zoom into it and away from it? Would be best if I could do with pinch.
multiple selected elements
I simply want to select two boxes, instead of one box at a time. Can anyone help? jQuery UI Selectable - Default functionality *#feedback { font-size: 1.4em; } *#selectable *.ui-selecting { background: rgb(254,202,64); } *#selectable *.ui-selected { background: rgb(243,152,20); color: white; } *#selectable { list-style-type: none; margin: 0; padding: 0; width: 60.0%; } *#selectable li { margin: 3.0px; padding: 0.4em; font-size: 1.4em; height: 18.0px; } Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item
Managed multi dialog for a dashboard page
Hi all, When displaying the home page of our web application business I displays several block with dedicated information ( list of my files to my contact list , ...). To make dynamic interface , I encapsulated the block ( div ) in jquery UI dialog (page dashboard ) . I love first results but i have one major point to used this solution. ?) I would like save the position and size(in SESSION variables) after eatch user action on each dialog. In this case, the user finds his "dialogs" as he left them
Disable function keys using jquery
Hi Team, Is there any way to disable function key like f12 and developer tools using jquery.
Need help!
Hi everyone, How to do a multiple pages with a <form> tag and for loop?
Animation breaks on different screen resolutions
Hi all. The code below is expected to fade out the overlay and animate left property of two divs which are captions. Well, this code works like a charm at 1920x1080. It works as well in my tablet 7inchs (where overing is replaced by tapping). And the same happens in the 1024x768 res! But in my laptop at 1366x768 two things happen: mg_caption moves in only for 1/3 of its width mg_caption2 doesn't appear at all And the same happen in following resolutions: 1280x720 (mg_caption shows only a smallest
Same Error
I know that recently I posted a similar error, but I changed almost all my code, and I started using a different program (NetBeans IDE 8.0.2). Here is my code: HTML: <!DOCTYPE html> <html lang="es"> <head> <title>Title</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" href="style.css"
Tabs :Beforeactivate function is not working on IE
Hi guys, i have the next issue, i have the tabs created and its working, but i want to validate that beforeactivating some other tab, you have already the required fields on this tab filled. so i have this code: $('#content').tabs({ beforeActivate: function(event, ui) { return validationRequired(); }, }); and the weird thing is that i have another action that is Activate and it works in Chrome and IE9, but the BeforeActivate it doesn't
Save size and position (x, y and z)
Hello, I would like to save in localstorage the position (x, y and z) and size of images using interaction ".draggable", ".resizable" and maybe ".sortable". I followed all the instructions of this post : "https://forum.jquery.com/topic/remember-position-and-size-in-a-cookie" and it works fine but only if all the images got different "id". And in my case all the images got the same "class" because I use PHP, GET, SESSION, foreach etc. Does anybody have a solution ? Maybe save in localstorage and
Can't seem to get the tooltip to display text
Hi guys, I've got a page that is not loading the text within the tooltip. Regretfully, the information on the page is still in development and cannot be accessed by the public. but here's an example of how I'm using it: <div title="some title" >content</div> jQuery(document).tooltip({ position: { my: "center bottom-20", at: "center top", using: function( position, feedback ) { jQuery( this ).css( position ); jQuery( "<div>" ) .addClass(
jQuery Countdown update end time and resync with server
Hi all, I use the jQuery Countdown plugin from Keith Wood. I have to update the end time on the fly and it works fine (see code below). However, I would like to resync the counter with the server at the same time ... Does anyone have an idea how to do that ?? Thx for your help ! G. Here is my code for updating the counter : var t = $("#Countdown"+data.lot).countdown('getTimes'); t[6] += 30; $("#Countdown"+data.lot).countdown('option', 'until', t[0] + 'y ' + t[1] + 'o ' + t[2] + 'w ' + t[3] + 'd '
Bind slider max option to observable value
Hello and happy new year: I have a problem to bind the max option of my jquery slider to an ko.observable value. I´ve got the following error massage maybe you can help me. Unable to process binding "slider: function (){return { min:10,max:max,step:10} }" Message: cannot call methods on slider prior to initialization; attempted to call method 'max' This is my code: <div data-role="content"> <div> <input data-bind="textinput: max"></input> </div> <div> <span data-bind="text:
Manually add hash changes using custom part page transitions
I have been working on a page that is used on tablets and browsers and I need to have part of the page transition (slide in and out) leaving a menu on the left side. I have everything working except I can't seem to find out if there is a way to add this to hash changes so the back button will work. Is there a manual way to do this? Thanks.
How to use php objects in jquery .push() or value method?
I have a table of data.I got this data after calling a SOAP request(web service).This data is showing in the table by creating objects of the array that i got from SOAP request.In front of all row there is check box.Now i want when i tick on the check box the result of the check box should be post to another php page.But i do not know how to pass there value to the next page. $xml = simplexml_load_string($xmlStr); foreach($xml as $datarow) { ?>
simple Grid in jquery ui
Hi I want to display dynamically Row, column data like Grid/Table JQUERY UI does't have grid control, is there any java script file for dynamic grid? thanks
Jquery UI Menu Widget in a div
I have a div where I am dynamically creating the list for the jqueryui menu widget. A couple of questions - the list flashes visibly before assuming the JqueryUI menu - is there a way to populate the menu in a more hidden way. If the div is hidden then the menu is also hidden. Second and more importantly - I tried using the following: var setMenu = function(mySelector) { jQuery(mySelector).menu({position: { collision: "flip fit"}}); } And the issue is that
Next Page