page is navigating if i clicks Cancel button.
jQuery(window).unload(function () { var yes=confirm("You are about to leave this page.Please make sure you have saved your changes."); if (yes){ return true; } else { return false; } }); Hi Sir, i am trying to populate this message if user is trying to navigate to other screen. but if i clicks cancel still it is navigating to other page. Please help me what i should do to stop the user to navigate to other page. Thanks in advance Amit
refresh scroll position body
Hello, I’m learning jQuery. I use this template : http://www.youxithemes.com/themes/leviate and I made changes. The problem is $( 'body' ).scrollspy( 'refresh' ); does not work. explanation : I load a page “creations.html” a div ”# containercrea” in the index.html page. $('a.creative').on('click', function() { var url = $(this).attr('href'); $('#containercrea').load('creations.html'); }); And I empty the div ”# containercrea” to click the “zw-nav” menu : $('#zw-nav').on('click', function()
Hide JQuery UI Menu when creating menu/page loads
I would like to know how I can hide a jquery ui menu by default when it's created or when the page loads. I am using the following page as a template and haven't changed anything: http://kavelookout.com/menuTest_jQueryUI_Menu/ Please help me with this I am stuck and can't find any info on whether this is even possible. Thanks!
IE10: popup("close") causes the current page to be reloaded in the browser when using the FB Like widget.
Hi, IE10: popup("close"), or closing a popup in general using the GUI, causes the current page to be reloaded in the browser when using Facebook Like widget. Versions: JQM V1.3.1 JQ V1.9.1 A narrowed down Test page: http://www.videogamesvalley.com/tmp20130711/ie10.html Steps for IE10: 1. Open this url in the IE10 browser : http://www.videogamesvalley.com/tmp20130711/ie10.html 2. Click the anchor to goto ie10-page2.html 3. The page's popup opens automatically (okay). Now Click on the Close
jquery waypoints problem
I'm having trouble with the jquery waypoints plugin: http://imakewebthings.com/jquery-waypoints/ Whenever I attempt to use this in internet explorer I get an error for my code that only occurs in the IE browser: Line: 65 Error: Object doesn't support property or method 'waypoint' Here is the code: $('#one') .waypoint(function(direction) { if (direction === 'down') { $('a').removeClass("active"); $('#home').addClass("active"); $('.fivedown, .fourdown, .threedown, .twodown').css('display', 'none');
jQuery UI tabs not working with drupal
I was using the jQuery UI tabs plugin with no problems before. I have decided to stop coding everything from scratch and move my back end to Drupal. And now, jQuery UI tabs is not working anymore. I am opening a member only page to public so I can show you the error page. On this page, SAT and TOEFL sections were tabs but look at it now. What is wrong here, how can I fix it? http://kampuster.com/beta/searchstudents
jQuery Mobile script in not loaded in page (facelets jsf 2 - Android 3.2.6)
Hi, I have a page that use JSF 2 and I'm loading the JQM script with: <h:outputScript name="mobile-ui/jquery.mobile-1.3.1.min.js" library="js"/> Generally it works well but I was noticed that the script is not loaded on Android 3.2.6 mobile ZTE device. How can be solved this? Any hint?
JQuery Accordion Crashes Randomly after Tile Selection
I have an accordion setup to actively open the next tile after the previous one is selected. The problem is sometimes the accordion crashes leaving only the "menu" div and all CSS attributes gone. It happens after a tile is selected, but not always the first tile. Usually the second or third tile. Is there anything I can so to make the accordion more reliable. Using Firefox 21.0. Thanks for any input. Code below: $(function() { $("#accordion").accordion({ collapsible: true,
Table in Jquery
I would like to know how can I create a HTML table in JQuery. I would like to create a simple table like: <table bgcolor=white width="245"> <tr> <td> <font color=darkblue size=3>Category 1</font> <br> <font color=#1dc4ff size=2><a href="">Element 1</a></font> <br> <font color=#1dc4ff size=2><a href="">Element 2</a></font> </td> </tr> </table> In something that I can code in my .jsp file. Something like: (function( $ ) { $.fn.MyTable = function(options) { }); }; And how should I
Same php code to display results in different divs
Need help on how to use the same code and display in different divs. What I want to be able to do is have the user chose to start the display by either ORG, DIR, MGR, COACH or EMP. From that starting point the user can drill down to the next level or do a sub report or see the tickets at that level. I use the same php code to query the database depending on the level that is chosen. An example would be for the user to chose MGR from the query screen. It would display all the MGRs and then the
GetDayNumberFromName and show item from Sharepoint list
Hi guys, I'm pretty new in jquery, and would like your help. I've created a list in Sharepoint, like a restaurant menu, so I would like to enable the menu related to the date "name". I can actually set the first item from list i would like to start, using: $('div.ms-ppleft table tr td.ms-vb-title').first().trigger('onfocus'); }) // related to Monday $('div.ms-ppleft table tr td.ms-vb-title').second().trigger('onfocus'); }) // related to Tuesday $('div.ms-ppleft table tr td.ms-vb-title').third().trigger('onfocus');
Jumping fixed header after closing dialog (firefox)
i have a problem, you can see that here (with firefox) : http://fiddle.jshell.net/ckuskun/6rZxG/2/show/light/ when click to "open" link, a dialog is opening. after closing this dialog, fixed header is jumping to the top. how can i fix this problem
HTML Anchor speed & hide attribute
How can i setup HTML anchor speed? It is possible to hide the id, for example if i click on a anchor, i don't want to see www.mypage.com/#contact_box =
different background images in menu stay inactive/active while content is also dynamic jquery
Hi, I´m searching so long for a problem which surely doesn´t appear for the first time. I have different background-images in my nav which appear when hovered and activated. Can someone please help me? Thanx!! http://jsfiddle.net/ErikP/MNDTb/13/
after login username pass to next page how
i have successfull login but i want pass username to next page after login i even use $mobilechange() function but give no results here is my code: login.js function onError(data, status) { data = $.trim(data); $("#message").text(data+ "item" + status); //$.mobile.changePage($('subproduct.html'+ username)); } $(document).on('pageinit', function(){ $("#submit").click(function(){
How to delete an array of object entry?
Hi, I'm trying to delete an item of a collection (is that the real name of it?) and I can't find how do it. The JsFiddle page : http://jsfiddle.net/hsolatges/c8YVH/ The user enter some new series ({serie: myseriename, data: mydata}). Flot replot the graph. How make possible for the user to delete any of those series and update the graph ? The newbie I am can't find a nice way to search in my data array (dt) and delete the right entry. Thanks ! PS : what is the name of the object {{serie: myseriename0,
Controlgroup does not render rounded corners when created on the fly
Hi, I am having trouble getting controlgroups to render with rounded corners when I create one on the fly. Creating controlgroups from the HTML works just fine. In the following JSFiddle I first create a controlgroup from the HTML and then I create two controlgroups with the same settings as the first one. The second and third differ only in the property 'corners=true|false'. http://jsfiddle.net/zJZrH/ I think I may gave stumbled on a little bug, but hope that I am doing something wrong
Change draggable containment on entering element
Hello, I am using the draggable and droppable features in jQuery UI. Is there a way of changing the containment option in draggable when the element being dragged enters the element which will become its containment ie the droppable. Using the droppable 'over' method I can change the containment fine however this only updates after the element has stopped dragging. Is there a way of updating it sooner? Project is local so can't show any demos - but as I said I am bascially checking if the element
How to change the placeHolder option in jQuery Tokenizer
I'm using jQuery Tokenizer (http://loopj.com/jquery-tokeninput/) in various pages.In plugin It set as Default in "Enter area". Its using in some pages. And am trying to change placeholder text in another some pages. How to change the place holder option without changing in the plugin js file. Is it possible? Changing Code: <div class="locationBox"> <input id = "city" class = "city" type="text" /> </div> Js code: $(document).ready(function() { $("#city").tokenInput(inputData ,{ preventDuplicates:
parameter in JqGrid function
i've got this code to fill some data in a JQuery Grid, it't working fine but i want to give a parameter in the GetCustomers function for example GetCustomers(string username), how can i set the parameter in the getCustomerData url: 'Default.aspx/GetCustomers' ??: //JAVASCRIPT CODE function getCustomerData () { //Getting the source data with ajax GET request source = { datatype: "xml", datafields: [ { name: 'CompanyName' }, { name: 'ContactName' }, { name: 'ContactTitle' }, { name: 'City' }, { name:
Jquery Dialog
HI so I am trying to make a dialog come up when a particular button is pressed on my web page but my code is not working. What is odd is that when I change the property of autoopen to true the dialog comes up on load and the code works fine... (Code is underneath). Also do I need to change the display property of the div to none? #WarrantyAddDiv - is the div containg a table in it and I want that table to appear in the dialog once button is pressed #btnAddAssetWarrantyInfo - is the button used $(document).ready(function
jquery mobile table reflow refresh issue(bug)
Hi i am trying to dynamically updating table reflow contents using demo given in link but it is behaving in weird manner . it is adding data to prevoius label like in this image (in mobile view only) anybody please check it and if anybody have tried this successfully share your experience
Outline of workflow to build multiple branded themes for a system of sites
What is the most efficient way of developing multiple themes for a system of sites? Most of my experience is applying the jQuery widgets and coding their interaction, not styling them. Also I only used one theme and had no branding or second opinions to consider. I have the online tool in the past, which has been good for my basic needs. This time it is more complicated. I'm not asking for how its done in detail, more like how the workflow would look like and how I should organize the produce (custom
Compare two values on button click.
I have two dropdown boxes that have a few items in them. I need to check the value of each box when my search button is clicked and show specific html when it matches two values. Here is my code on jFiddle: http://jsfiddle.net/maddtechwf/9jPqf/
Change DIV on changing drop down using jQuery
Hi, I am new to jQuery. I tried to use the following code in my site but it’s not working. Please help me . Thanks in advance Raj<!DOCTYPE HTML> <head> <meta http-equiv="content-type" content="text/html" /> <style> .box{ display:block; padding: 15px; border: 1px solid #ddd; background: #eee; width: 100px; height: 100px; margin: 10px; } #selectField{ border: 1px solid #ddd; width: 200px; }</style>
Using jQuery Mobile to build screens for ALL clients
Hi I know this has been asked before (and it was intimated that this would converge with jQueryUI) but can I reasonably build all my screens using this technology - for iPhones, iPads, desktop PCs, Surface etc? Thanks Michael
jQuery listview XML parsing recursively
I'm new to jquery, need help in parsing the below XML for jquery listview.. Thanks a million in advance. <categories> <category> <title name="main">Main title1</title> <subcategory> <title name="submain">Sub title1</title> <section> <title>section 1</title> <description></description> <link favorite="true"> <text></text> <url>/</url> <description></description>
TypeError: $upwards.SeydoggySlideshow is not a function
Not sure exactly what my problem is. Could someone help? Website Link
Jquery accordion is working on my computer but not on server
Hi!, I tested my jquery accordion on Safari, Firefox, IE, and worked correctly. I published my site, and now the accordion doesn't expand.......Anybody could help me? My <head> code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="style/format.css" rel="stylesheet" type="text/css" /> <link href="style/text.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
JQUERY UI DATEPICKER
Hi, I would like to position the image i got while using the datepicker icon trigger widget... my image doesnt appear at the good place.. i mean the little calendar image... i need them right beside the input text!! Heres my code for JQuery: jQuery(function ($) { $.datepicker.regional['fr-CA'] = { closeText: 'Fermer', prevText: 'Précédent', nextText: 'Suivant', currentText: 'Aujourd\'hui', monthNames: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre',
dialog z-index
jquery UI 1.10.. z-index is removed, now my dialog does not appear on top of other modal windows , please advice what is the work around to make it appear on top. Thnaks
jQuery datapicker buttonImage
Hi, I am using jQuery UI 1.6rc2 and I noticed that the buttonImage of the datepicker control is not set when using Firefox 2. Strangely in IE7 the buttonImage is shown. Hope someone has the answer TIA My datepicker setup is $.datepicker.regional['nl'] = {clearText: 'Wissen', clearStatus: 'Wis de huidige datum', closeText: 'Sluiten', closeStatus: 'Sluit zonder verandering', prevText: '<Vorige', prevStatus: 'Laat de voorgaande maand zien', nextText: 'Volgende>', nextStatus: 'Laat
Execute function
This is what I would like to achieve: http://jsfiddle.net/Kp8rs/2/ However, with the exact same code I can't get it to work on: http://www.musol.org.bo/mujeres/viudas-y-esposas-de-peones/mujeres-del-cerro.html It looks like $('.csc-menu li').each(function(){ is never being executed. Any ideas on why and how to solve this problem? Many thanks, Bernhard
JS 101:How to turn off visible?
Hello, Im again bothered by the most insignificant of elements that I cant figure out how to complete. Im wanting top make a button invisible or visible:false. How can I do that?
AUTO COMPLETION IN A USER INTERFACE
DEAR FRIENDS, i want to use auto completion, auto correction and spell checks in my project user interface , can any one suggest me , how i can develope it .
Global Click Variables
Is there a way to have a global variable that survives multiple click functions? As a test, the following does not seem to work: <script language="JavaScript"> $(document).ready(function() { alert("ready"); var GPSloc = 0; $("#FlipLoc").click(function(e) { alert("GPSloc="+GPSloc); if (GPSloc==0) { GPSloc = 1; } else { GPSloc = 0; } alert("gpsLOC="+GPSloc); }); }); </script> FlipLoc is a standard HTML anchor but the value for GPSloc does not change across invocations.
Deleting Style switcher cookie
Hi I want to add to this style switcher (below code) one extra function var but don't know how or where to insert it. The code works great by switching between 2 sylesheet wide.css and boxed.css. I want to add to it that when any stylesheet is selected.. a cookie name "bg_pattern" reset or removed. I have that cookie being stored by another script for the page background pattern. So basically I want the use to have the background pattern gone when they switch page width. Code: function getCookie(css_width)
Ebay Nudge Code - disappearing item description
I am using the code below but every time I try to search the item descriptions and prices vanish <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Auction Nudge Demo - Filtering By Keyword</title>
<style type="text/css">
form label {
display: block;
font-weight: bold;
}
</style>
</head>
<body>
<p>This example demonstrates how to filter a list of items shown using the grid theme. Items not matching the specified keyword will be hidden.
Removing linked text while using Jquery script
I am using a tool in php to write some HTML code for me and I stuck this chunk in there so that it could write me a footer with my company's information. It seems to work fine EXCEPT the links for www.company.com is include in "|Send Feedback" and the links for docfeedback_@company.com are included in "|See:". How can I fix this so "|Send Feedback" and "|See:" are just plain text and not included as links!? Thank you so much! What i have noticed is that the source code of my html file does not show
text on mouse hover on image
hy, with jquery is possibile to do this image effect? http://www.modatoi.it/boutique_us/liste_produits.cfm?type=44&code_lg=lg_us&num=72&tri=2 the thumbs have an effect when mouse over.
Next Page