A tooltip program does not work.. Why ?
I am studying jQuery and am practicing with an example on tooltips function. The program does not work despite it is free from any error. I applied another on tooltips function example and it worked normally. The example is listed below. I would so grateful for any enlightening tips. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello World</title> <link href="http://localhost/3rd/_css/jquery-ui.min.css" rel="stylesheet"> <link href="http://localhost/3rd/_css/site.css" rel="stylesheet">
Style is not working!
Hi, I have added the js files as well as link to the css files. All files does exist on my localhost and I already checked it using the view source but I am still not getting the style I want. How can I fix it please? [please see the attached] Thanks, Jassim
Stop a specific button calling validation
I have a form with two buttons. For some reason, both buttons call validation on the form even though only one is a 'submit' type. Can I make the other one not validate the form and proceed with its normal (jQuery bind(click)) action? It's probably easy, but I can't see it.
problems using redmon theme (1.11.3), style not being applied
Hi All, I am using asp.net mvc 4 with jquery, and i am trying to use the redmon theme. I have downloaded this from the site and here is what i have done: 1. Under Content/Themes I have created a folder called : redmond 2. Under Content/Themes/redmond I have copied the following content from the jquery ui theme roller .zip file: a)image folder b)jquery-ui.css c)jquery-ui.js d)jquery-ui.structure.css e)jquery-ui.theme.css 3. Then I created the bundles: bundles.Add(new
alert
hi to all, i want displaying text with in the form only ( in javascript we use document .write() . to display text in a page $(document).ready(function(){ $("p").click(function(){ if ($("p").parent().is("div")) { alert("Parent of p is div"); } }); }); <body> <div> <p>Click me to find out if I my parent is a div element.</p> </div> </body> i dont want to show my text in alert box .
how to drag and drop into iframe
how to drag and drop into iframe
Server code can't return an object
I am using PageMethods to call ASP.NET server code. My object consists of many properties type, including list object. For example, Public class ClassA { public string stringA {get;set;} public List<ClassC> ListC {get;set;} } When the List<ClassC> has more than 1 item, the object will not be able to return to the PageMethods function The PageMethods function is like below: PageMethods.MyCalling(id, function(obj) { if(obj) <-- will not be reach ... }); However this does not happen in my localhost.
Ajax Post Click Function Submits Twice
I'm clicking a button type="button" to fire off an ajax post. The problem is, the form is always submitted twice. Generated HTML <form name="AddItem" id="additemform" method="post" action="WebCatPageServer.exe"> <input name="Action" type="hidden" value="Add_Item" /> <table> <tbody> <tr> <td><a href="WebCatPageServer.exe?PROD_FULL&ProdInfo=00012000551">BRW2394746301</a></td> <td>239-47463-01</td> <td>Gas Valve
Help! jQuery carousel slider track looping
I am having trouble making the images inside the slider loop around. I want track to loop around from either sides after they are hidden; right now all it does is go in both directions with out looping back around. here is the the jsfiddle for what I have now if someone can edit it. http://jsfiddle.net/V2x6s/3/ Here's Javascript setInterval(function() { var left1 = parseInt($('#track1').css('left')), left2 = parseInt($('#track2').css('left')), left3 = parseInt($('#track3').css('left')); if ($('#left1').is(":hover"))
Server Architecture for Mobile Website development using the JQuery Mobile.
I am new to the mobile applications; I would like to understand the server architecture/setup required for the Mobile Website development using the JQuery Mobile. If you can share any kind documentation or simple architecture diagram that will be helpful. Thanks in advance. Regards, Muthu
drag and drop jquery bug at 50% of parents width?
Note: I am new to this drag & drop, but this appears to be bug. I attached my code. If you open it up as HTML you will notice three lines at the left, and one line at the right. The line at the right can be drag & dropped on the first two lines. Anytime you drag & drop to the first line it will always work. But if you drag & drop to the second line it will only work if you drop the item on the text that is within the first 50% of the width of the cell. In this example the cell is 600px width, so
Validate only one field at a time
Hi, I have a few fields on a form and when the first control looses focus, all the validations for all other input elements fire at the same time. This makes the whole form look red in colour and I just want only one field (which lost focus) to show error on it. The submit should show error on all the fields which failed validation. I am using jquery validate version 1.11.1 Thanks in advance, Simrat
Sortable Icon
Hi, I'me searching for an Icon for a sortable List. Any Ideas how to visualize that a list is sortable e.g. a list-item is draggable? The only thing I could imagine is a [css]cursor:move but that would work not until mouseover. In my opinion it is an icon like the resize-icon in the lower right corner of textareas but not vertically. Any Ideas? best, heinetz
using replace on val()
This bit of code works great, removing the commas from numbers to do math. for(i=1; i<$('.coa_table tr').length; i++){ var c_trs=parseInt($('.coa_table tr:eq('+i+')').find('td:last').text().replace(',', '')); c_count+=c_trs; } I cannot figure out why I cannot do the same with .val() as the above .text(). This code errors with "Object doesn't support property or method 'replace'" on valhold.replace(',', ''). The code is retrieving the value from multiple input type="text" fields with a
jquery-ui-1.10.3.css UI-tabs does'nt switch the tabs when clicked.
Hello All, I have an issue on changing the tabs, when we recently upgraded JQuery 1.10.3.css. Which works great for jquery-ui-1.8.9.css. For the tabs to work using JQuery 1.10.3.css, does it have any dependencies for .js files. Do I also need to upgrade any of these... jquery-ui-1.8.10.custom.min.js jquery-1.10.2.js Please let me know. Thanks, MNK.
How to add/change the ease method to a SlideUp() or SlideDown() function
Hi, I'm new to the forum. I've taken time to search through the forum on the look-out for a similar topic, but have not found one. I would like to add or change the slide effect by adding a easeInExpo to a SlideUp() or SlideDown() function jQuery(function( $ ){ var container = $( "#container" ); $( "a" ).click(function( event ){ event.preventDefault(); if (container.is( ":visible" )){ container.slideUp(
Uncaught TypeError: undefined is not a function external.js
I get this in console: Uncaught TypeError: undefined is not a function . I've tried to put functions between ;(function($){ and })(jQuery);, no succes. jQuery is included in header and external.js in footer. What should I do?
load php file
Hi all I hope someone can help guid me in the right direction. I want to load a php file depending on what link the user has clicked. The correct php files is loaded on click but the code in the included php file doesn't function and nothing works. Here is my working code: $( ".link1" ).click(function() { $(".here").load('includes/page1.php'); }); $( ".link2" ).click(function() { $(".here").load('includes/page2.php'); }); $( ".link3" ).click(function() { $(".here").load('includes/page3.php');
Inline Style overwritting CSS Style by I unknown code using Cycle 2
Hi JQueryers, I am using Cycle2 (From http://jquery.malsup.com/cycle2/ ) and my CSS for my "Pager" control (the small control with a series of dots (by default) to allow you to manually select slides to view) is being positioned all the way to the left on my page because the CSS associated with my pager "Div" (for example left : 800px ; is being overwritten with Inline Style settings by unknown code (eg left : 0px ; ). I know this by using IE or Chrome debug tools to browse the DOM during execution.
Adding a delay while showing sub-menu items
Hi! I am experimenting with SuperFish/Jquery. I want to add delay in appearance of sub-menu but its not working. I could not figure out the reason behind it. The jQuery script is at the end of HTML code. I am using the default CSS provided by Superfish. Here is the HTML Code. <html> <head> <link rel="stylesheet" href="css/superfish.css"> <link rel="stylesheet" href="css/superfish-navbar.css"> <script type="text/javascript" src="script/jquery-1.7.1.min.js"></script>
validation inside a dialog
Hi, I have a dialog box that is working fine, the end user has to check one or more checkboxes before pressing the button "Assign", I want to have a validation before submitting, if no checkbox were checked it should diaply an error validation, here is my code : I would like to check if the array agenciesId is empty, display an error and don't submit. $("#divPopUp").dialog({ resizable: true, autoOpen: false, height: 500, width: 550, modal: true,
Links for datatables
There are plenty of links for datattables, but i haven't been able to find one with source code; please give some. Your help will be greatly appreciated, Alejandro Barrero
Width of selectMenu in jqueryui.
Hi, I use several selectMenu to filter a table. I've item option with image and/or text I use this code for this : $("select.TFOlstJquery").TFOiconSelectImg({ create: function (event, ui) { var widget = $(this).TFOiconSelectImg("widget"); var $SpanTxt = widget.children(":last"); var elem = $(this).children(":first"); var styl = elem.data("style"); var HasTxt = ($.trim(elem.text()).length > 0); if (HasTxt && styl) { $SpanTxt.addClass("TFOselectmenu-textDecalTxt")
ajax call in jquery mobile
hi... Please Explain how to call Json file in ajax using jquery mobile ...... give me any examples and links..... Thanks. Logu.S
How to Merger Images and pdf into one pdf using jquery
Hello All, I wanted to merge images and pdf into one pdf using jquery.
Changing page after successful AJAX call
I have two offline apps - let's call them A and B. Both using same/latest version of jquery and jquerymobile When A log's on, jquery does an ajax call, if credentials are good, the page changes to the main menu. When B log's on, jquery does an ajax call, if credentials are good, the page does NOT go to the main menu. Both have <a href='mainmenu' id='login'> HTML tags. Both have $("#login").click( LoginFunction ) Both return true inside the success call of ajax. Both return false inside the error
JQuery drag and drop to making a flow model or binary tree
I have a OL with three LI. When I drop an element onto that ol it creates a new LI node. This new LI node needs to allow other similar elements to be dropped on it but it isn't recognized as droppable. How do I update the DOM or the jQuery object to know that the new nodes are droppable? thanks in advance Js fiddle
ajax call...
hi.... Let me clear my doubt..... How to call Json file in Ajax call Using Jquery itself( To call jquery itself and load the data)..... Give me a Solution ......
jquery mobile grid
hi.. How to implement jqgrid with jquery mobile ....Give me any example for that....
Fixed header issue on iOS devices
Hello, I have an issue using fixed header for jQuery Mobile 1.4.x. On iOS devices, when we click on an input field or textarea, and try to scroll upwards the header unfixes and appears anywhere in middle of page. To resolve the issue, I had tried do hide it on focus, so the issue was resolved. Now, I need the header fixed even when input or textarea is in focus i.e. the header should be visible at all times, even when typing in an input field or textarea. But am not able to get the result. Please
jQuery :visible selector doesn't work as expected in Firefox
Hello guys, I have a strange problem with the :visible selector. The same code behaves differently in Firefox and Chrome. At first I thought that it is a DevExpress ASP.NET library bug, so I filed it there. Their team investigated the error and told me that it must be a Firefox bug. Therefore I opened a ticket at Bugzilla, but the guy over there told me that Chrome is buggy and Firefox behaves according to the CSSOM specification. The only thing I want to achieve is to make my script compatible with
How to do text editor in Jquery
I need a text editor and a button.so whenever a student enters some text in the text editor and press the button the text should show up on the achievements page.So do i need to do Jquery. How would i do this.
Jquery Mobile
Hi.. i am new for Jquery Mobile i want to design one page.... am seeing all example given text box or any inputs taking full page size.. if i decrease that size i did't get mobile responsive... please help me
in website view
hi I want one favor. Let me explain my doubt 1.if possible in standard website use jquery mobile 2.standard website view and mobile view both are same or different.
jquery website
hi .. I want one favor.. let me clear my doubt.. In jquery mobile concept we can use only default (jquery mobile css) or our own css to use in the application please send some link for me... To learn a Jquery Mobile .step by step to clearly... Thanks...
Ajax - Related Prob :(
I am trying to retrieve data from web services using j-query $.ajax method from local browser $.support.cors = true; $.ajax ({ type: "POST", url: myUrl + "/" + method, data: param, dataType: "json", contentType: "application/json; charset=utf-8", crossDomain: true, cache: false, processdata: true, success: function(data) { try { data = $.parseJSON(data.d);
Modifying Mobile Menu Toggle State
I'm using the script below on a mobile menu. I would like to modify it so that when any menu link is clicked, the dropdown menu list is hidden (menu is closed). I believe that would be done by removing the class "expand" from the DIV with class "responsive-menu" placed on it. This would need to be consistent with toggling the menu off by clicking the menu hamburger icon (that's the default behavior). jQuery(function($) { $('.menu-btn').click(function() { $('.responsive-menu').toggleClass('expand')
Trouble creating box from unicode box symbols.
Updated: I'm trying to make my own check box from unicode symbols. On my screen the upper half of the box is on one line by itself in the middle of the <div> and the bottom half of the box is on the next line left of the text. Don't know what happened here but copied clip board here and all appears ok. Explanation would be appreciated. (I'm wondering if CSS would do this) ┌┐ └┘ Click to delete. ┌┐ └┘ bridge: Player Scores; SELECT id, playdate, player, score FROM `bdata` ORDER BY playdate DESC,
depend rule
Hi, I have form with the several input fields . The field name partNo with value of being entered from the customer with either of of the value below. 28D1G1-213C11 H000S0 78E1K0-298A11 J000S0 20D2K3-238C21 G000S0 52D1J0-274A11 E000S0 Depends on the value above and takes left 14 characters first one is H scond one is J, third one is G fourth one is E <form action ="" method="post"> partNo: <input type ="text" name="partNo" id="partNo"><br> field 1: <input type ="text" name="field1" id="field1"><br>
preloadCssImages : Unresponsive scripts
Hello, can you please help me with this issue,
Next Page