Problem with mouseenter
I have a div assign as height:40 width:100% position absolute top:0px When I go to do a mouseenter it is only activating when I get to the very top of the div. On the border ... What am I doing wrong ... Im using this to stop some css hover activity overlaying my text fields $("#cssmenu").on("mouseenter", function(e){ $("#cssmenu").css("zIndex", 9999); console.log('cssmenu enter'); $("#S1").css("zIndex", -1); $("#tabs").css("zIndex", -1);
Calendar, Date Reminder ?
Hallo, I know this is not a theme for a jQuery beginner :-) But I am interested how can you make a date or calendar reminder notification with jQuery. I know there are several data picker plugins. Assuming that I have such a calendar on my page and a user selects a date. The date is stored in LocalStorage. For example the day 24.12.2013. How can you check the date permanently in the background and how can you make a notification when the moment has come? I can imagine to make an alert window on Windows.
Simple selecter event not working
I have the following HTML: <div class="social"> <div data-link="#" class="icon-fb"> </div> <div data-link="#" class="icon-twitter"></div> <div data-link="#" class="icon-linkedin"></div> <div data-link="#" class="icon-git"></div> <div data-link="#" class="icon-vimeo"></div> <div data-link="#" class="icon-youtube"></div> </div> Trying to build a quick selector so I can attach
Problems with Dojo
Hi, when I create a jQuery-Dialog and fill it with a complex Dojo application (not iframe), this is not working anymore : dojo.connect(this.wTree, "onClick", function (item) { thiz.onModeChanged(types.FILE_PANEL_LAYOUT.TREE); }); and this also not : this.wThumb.domNode.onclick=function(){ thiz.onModeChanged(types.FILE_PANEL_LAYOUT.THUMB); }; An idea how I can get my pointer events back ? When create the modal dialog with something else like MooTools-Squeeze-Box its all working. Is there a
load(XML page)
I am attempting to load a remote XML page that is not local (on my server). Realizing that I can't do this with jQuery, I've set up a proxy PHP page using SimpleXMLElement which I had then hoped to load() into a div on my display page. When I view the proxy alone, it's perfect. When I call it into the div on the display page, it comes in as unformatted text. Is there a way that I can maintain the integrity of the proxy display when calling it into the display page? Thanks in advance -
Cloning Form elements - select and range inputs
I am having a hell of a time cloning a form in jQuery Mobile 1.3.2 and jQuery 1.9.1. Originally all expandable and range inputs weren't working (were visible but had no functionality) when cloned, now they are acessible but duplicated - a select nested inside a select I have the following markup: <div data-role="page" id="auditForm" data-theme="a"> <!--Observation--> <div class="observationTemplate"> <h4 class="observationTitle">Observation - 1</h4>
drag div in x position only
I need to drag Div in x position only starting from 0px to 135px I tried this but I dn't know how can I pass dragging min and max value $( "#draggable" ).draggable({ axis: "x"}) I need to make this scrollbar, user can adjust ammout from scrollbar.
attr name in IE 11 appears as SubmitName
Hi folks, I know it has been talked a lot on this issue but I need some info on how get rid of it. I've a form in which I've the possibility to add additional inputs through jquery by doing some cloning. Afterwards, I just do an attr on name but as mentioned on the topic name, it replaces it as SubmitName. So basically, I can't retrieve after submitting the form, all the values inside inputs which have name replaced by submitName. here is a sample of my code: var uniqueLeg = 1; $('.addInfo').click(function()
how to pass input text parameter with $.get method in jquery
<script> var focus=document.getElementById("acctype").innerHTML; $( "#acctype" ) .focusout(function() {$.get("fetchacc.php",{ name:'" + $(#acctype).val() + "'},function(data) { $('#acctypeDES').html(data); } ); }); </script> In above i have passed input text value using .get method.. I expect input text value instead of " + $(#acctype).val() + "' like.. name:50 but it doesnt work... It returns following error value " + $(#acctype).val() + " acctype is the id
Trigger button event on page load
I am trying to trigger a button on on the load of a page. It's a JQuery button with the html code in the page as: <a href="" class="btn1"></a> So far I've tried : <script> $(document).ready(function(){ $('.btn1').trigger('click'); }); </script> But that doesn't do the job. What should I use to make this work? Thanks a lot. John
What's the rationale of not exposing object's events handlers collections?
What's the rationale of not exposing object's events handlers collections? I've stumbled upon a situation where I wanted to pause all current transitions by registering all transitionend handlers, changing all properties to their current used values, pausing transitions (with forced style refresh afterwards so that it makes effect), running a custom callback and then restoring everything, including handlers. I know this particular case is probably not the most common one but there are cases when
think i have linked my scripts in wrong
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Welcome to Groundswell</title> <link href="_css/main.css" rel="stylesheet" type="text/css" media="screen, projection" /> <link href="../../../../../jquery/Ex_Files_jQuery_EssT_2013/Exercise Files/07_realsite/Groundswell_Start/_css/sunny/jquery-ui-1.7.2.custom.css"
Mathematical issue (/100*100)
I today had a strange "bug?" showing up. In one of our clients' applications there is a calculation that calculates the amount of hours that need to be worked every month. It counts the amount of days that they are supposed to work on, multiples it by the needed hours for a day and then uses a percentage to calculate how many hours really need to be worked. Thus: If you have 14 days to work that month it's 8*14 = 112 hours. If you do work 100% it should return 112 after you do the math 112/100*100.
Jquery Mobile and JSON
Good evening everybody! I need hel to understand a weird enviroment of my web app. I'm trying to create an app with Phonegap and Jquery mobile. I have a problem with the refresh of the listview. I download data from JSON and create a list of elements. The list it isn't correctly downloaded untill I don't click refresh on the browser. What's the problem? Next you can see the HTML and Javascript pages. HTML <!DOCTYPE HTML> <html> <head> <title>CATEGORIA THRILLER</title> <meta name="viewport" content="width=device-width,initial-scale=1"/>
Jquery Data table
Hi , I am new to jquery. I want to develop a grid with Formula's. If user right clicks on column, i need show a context menu like Edit formula for that column. I need to get the formula for that column show in text box(Separate screen). Once user changes formula, i need apply to that column. Ex: i have 3 columns like A,B,C. C column is a formula column like C=A+B, i want to give user a chance to change it to c=a-b. Please help me how can i approach for this feature. Thanks in Advance.
Find the right script
Hi, I've found a few scripts but each is about one elements away from what I need Any help tweaking them would be fantastic. 1) http://tpctestsite.weebly.com/ Is there a way to show the name in the right box in the order they were selected rather than alphabetically. 2) http://tpctestsite.weebly.com/5678.html same problem as number 1 3) http://tpctestsite.weebly.com/9000.html can't get to work on iOS or android 4) http://tpctestsite.weebly.com/1000.html would like to enforce a minimum/maximum requirement
Send form input to function
Hi; I need to send user input to a function so it reads a div onkeyup. I have done what I thought but I need help to pass the user input to the function and then to the other page that gets reloaded (and I dont know how). This is the page. The input field under Search By Suburb. This is the code that calls the function on okey up: <div class="col-md-6"> <div class="panel panel-info"> <div class="panel-heading"> <h3 class="panel-title">Search
Div tag disappears after postback
I have jquery adjusting the height and width of a div tag but when there is a postback. The div tag disappears. Does anybody know how I should keep from this div tag from disappearing after a postback? Thank you, Shawn
PART 2: HOw to use localStorage to create an array used to hide certain table rows...
I have narrowed the code issues down to one last spot. I can't seem to get the code rode to .hide() the table rows TR based on the localStorage values. The following code creates the localStorage and then tries to hide the TR that contain the localStorage values. full jsfiddle here: http://jsfiddle.net/vhabhsrosed/qd5kJ/ thanks so much in advance for any advice. I'll keep trying to figure it out but //THIS updates LOCALSTORAGE AFTER EACH CHECKBOX CLICK. USE ON PAGE 1 $(document).ready(function
After called "unbind" event i'm unable to "bind" it again
Hi, iv'e this simple problem $( window ).mousemove(function( event ) { console.log('diocane') //some stuffs }) $('#header').mouseleave(function(){$(window).unbind("mousemove"); dimensioniHeaderDefault()}) $('#header').mouseenter(function(){$(window).bind("mousemove");}) The problem is that on mouseleave the mousemove event for the window object is correctly "unbidden" (i do not see "diocane" into the console) But once mouseenter again into the header element, it should re-activate the mousemove
jQuery Validation unable to read my remote message and displayed incorrect CSS
I'm using jQuery Validation to checking the username availability. I'm able to check the username but when the username existed in database it won't show my error message. Also if you are insert the existed username on the username field it will display the error but if you continue to try another username the error style are become none. I have attached the screencast for viewing my error. http://www.screencast.com/t/hQdRev1HOnh Also this is my script. <script> $(document).ready(function()
Manipulate client-side Sql databases
What about this API for client-side sql databases ? http://dev.w3.org/html5/webdatabase/ I think that it is interesting.
Increment date and time by 1
Hello. I have a rather simple code that shows the time and date as one string. Example: if now the time and date is 07:30 on 17/12 then the output is 07301712. Im trying to find a way to increment each of the numbers by 1 per each number. Example: if my current output is 07301712 then i need jQuery to output 18412823. which means +1 to each number in the string. How can this be achieved? <span id="date"></span> var now = dateFormat(new Date(), "HHMMddmm"); $('#date').append(now); Thank you for your
tablesorter plugin problem with IE
using tablesort with my gridview has 930 records when paging the border lines getting messed. It only happens with IE not with any other browser. If any idea please provide solution. thanks in advance Kulasekar
Trigger function working in all browsers except chrome
Hello and thanks for the superb forum!! Im using a script where you can add a postal code on a form which will be sent to an iframe. It works in all browsers exept for Google chrome. This is the code im using: <?php if (isset($_POST['postcode']) && !empty($_POST['postcode'])) { ?> <script> $( document ).ready(function() { $('#sd-iframe').load(function() { $('#sd-root').trigger('setFieldValue', { name: 'postcode', value: '<?php echo htmlspecialchars($_POST['postcode']); ?>' }); });
Jquery Cycle and Fancybox
I am trying to create a slideshow that uses the Jquery Cycle plugin. Inside each slide I would like to have images that open up to fancybox lightbox. The issue I'm having is that when the Cycle code is left alone, the images do not open nor do they even act like links. When I comment out the Cycle code, the images again become links and open the lightbox but it, as would be expected the slides are no longer slides. I'm new to Jquery so I appreciate any tips you can pass along. Here is the code I'm
Validate - Disable enter key submit but still run validation
Having trouble getting the benefits of the validate function while disabling the default submit (i.e. enter key). I have a complex form with lots of text fields, some required, some not. When the required fields and all other validate rules have passed, hitting enter in any text field submits the form, which I do not want. I want to restrict validating and submission to clicking the Save button. Setting onsubmit to false prevents the validation from running at all and it's not clear from the docs
Integrating custom javascript into a CMS and the "TypeError: $ is undefined" error.
I'm nearly finished integrating a wrapbootstrap theme into Drupal. But the custom js (which words perfectly outside of Drupal) is making drupal ornery. I was getting a js "TypeError: $ is undefined" error in: http://noname.com/sites/all/libraries/bootstrap/js/ace-elements.min.js:" I surrounded the code in ace-elements.min.js, as per [ https://drupal.org/node/171213 ], with the following and fixed that error. But now I get a: "TypeError: ace.settings is undefined" in: http://noname.com/sites/all/libraries/bootstrap/js/ace.min.js:
Problem with jQuery processing logic
Hey guys, I've got a problem with using jQuery for changing class-attributes of some DOM-Objects. I've gote some Code like this: $(document).ready(function () { $('#bundles').click( function () { $(this).toggleClass('bundlesNegativ', 'bundles'); [...Some Code that isn't relevant...] arrangeNote(); }); $('#singles').click( function () { $(this).toggleClass('singlesNegativ', 'singles'); [...Some Code that isn't relevant...]
populating dropdown using jquery
Hi, I am new to jquery. I am trying to populate second drop down based on the value selected on first drop down. I am able to implement up to this point. The form have a continue button. If the user click continue button next page is loaded which have a back button. If the user clicks on back button previously selected values should be automatically selected. I am able to re-select first drop down but second drop down is not getting populated as it is happening on change event of first drop down.
Unable to refresh datepicker in dojo environment
Hi I have trouble refreshing jquery.datepicker in the dojo environment. After getting the json (date and number of tests) by request.post, I forced result json into array object. I call function - " refreshdatepicker();" and nothing happened. Please see my code below:- var arrDatesNTests = []; function checkavailableDates(mydate) { var $return=false;// set all dates disenable var $returnclass ="unavailable"; $checkdate = $.datepicker.formatDate("yy-mm-dd", mydate); for(var i = 0; i < arrDatesNTests.length;
Jquery post issue. Loads wrong file!
Hi; I use this code below to load a new page in a div. This is the page that gets loaded into the div. As yoy can see it is only an array. But for some reason when I click show number it loads the same page again in the div, not the requested page. Can anyone see what the problem is? Thank you function view_phone_number(id) { $.post('http://test.goldcoast-flatmates.com/phone_number/'.id, { id: id, <?php echo $this->security->get_csrf_token_name();?>: '<?php echo $this->security->get_csrf_hash();?>'},function(output){$('#phone_number').html(output).show();});
Jquery UI Autocomplete Combobox Reset
I'm attempting to modify the demo to suite my needs. However I find it annoying that it doesn't clear the text for the user. I reuse the input field, so when a user clicks on it I'd like it to clear itself. Also I'm curious if it'd be able to match not just the text field, but the value field. I have different values set for my select options. I'd like the autocomplete to look for both the text and values. Any guidance, particularly for the reset on focus would be appreciated. I've googled this to
Problem with UI spinner decimal places and event
I'm using a numeric Jquery UI spinner on a text input. I need the spinner step to be 0.1, but the value to be rounded to 2 decimal places, not 1. If a value like 1.55 is input into the spinner, the value should be set to 1.65 when spun up, not 1.7 like it normally does. It looks like this is not supported, but I can't find an applicable workaround. I tried a way below, but it doesn't work and also gives an error, 'member not found'. Also, I need to have an onblur event on the input field, but this
Questions related to what is reasonable to consider as a public interface to JQuery validate
Normally I'd say "What is on the documentation page". But: I generally call validate() on my forms based on the existence of a class: $("form.validate").each(function(index) { $(this).validate(); }); I'm finding that after the fact I would like to sometimes allow validation on some of the hidden fields in a form (yeah, I know). If I knew in advance, I'd simply do: $('#formID').validate({ ignore: ':hidden:not("#fieldID")' }); But I don't. I also don't see a documented interface for
problem to add result in database with jquery
hello, i have a problem to add my result in my database, look at my code : index2.php <!doctype html> <html lang="en"> <head> <meta charset="iso-8859-1"> <title>Calcul mental</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/foundation.min.css"> <script src="http://code.jquery.com/jquery-latest.min.js"></script> </head> <body> <div class="row"> <h1>Calcul Mental</h1> <div class="columns large-12"> <h2>Quel est le résultat de ? </h2> <div
Help with a selector
I need to select the "Select this" text from the< td> .Don't need the bold part. What is the correct selector. <td> <b >Status: </b> Select this </td> $'td').(':not("b")').text()) is not doing it. Please Advice.
droppable get structure as array
Hey :) ich hab some problems with droppable plugin from jquery-Ui. I try to sort my ul list.. but sometimes it fails. http://jsfiddle.net/23AvA/1/ There is always a ID mutlipled. And if my structure so and i would like move id 2 into id 1: "[{"id":13,"children":[{"id":2}]},{"id":1,"children":[{"id":5}]}]" I get this :/ "[{"id":13,"children":[{"id":2}]},{"id":1,"children":[{"id":5},{"id":2}]}]" Have Somebody the solution for my problem?
Best ComboBox Solution
I have a question regarding Comboboxes. After a few searches i've seen a number of different versions of Jquery Comboboxes. On my site I need to populate a few comboboxes from a database table. Can someone please forward me to a good site with sample code of the simplest yet effective solution. I'd probably prefer to code it myself but i'm open to other options. Please Help..
Notification
Dear forum users, I made a jquery notification system and it works! BUT... I want to make it like fade in when it shows. But it don't work! I don't know why. Could someone help me out? The script.js is down on this page!!! index.php <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="script.js"></script> </head> <body> <script type="text/javascript"> notificatie({ type: "error"
Next Page