Need help with JQ Countdown please
Hi I'm a NUB when it comes to JQ and trying to learn. I'm using the LWTJQ countdown... it's seems kinda simple, I just can't find where to set the date for it to actually countdown to a specific time. I want the countdown to stop on April 1, 2015 If someone can please help it would be much appreciated... Here's the code (function($){ $.fn.countDown = function (options) { config = {}; $.extend(config, options); diffSecs = this.setCountDown(config); if (config.onComplete)
Jquery UI autocomplete
Hello Guys, I think you know the search engine of facebook with autosuggestion. it shows the profile photo of the members on the left site and name and city on the right side, see the image... Could you please give me some hints, how can I configure the styling of the return data from data base to get something like that. You can give me some links about that. thx
CSS-3 + Jquery Simple animation , onclick.
hey guys have a look at this fiddle : fiddle. now what i am doing in this fiddle is when i click on any li element , i have a data attribute attached to each li element , and the Jquery code basically grabs the perticular li elements data value and displays it in a div , now i'd really like to combine CSS-3 and Jquery togeather . with CSS-3 , every time i click on a li , it should have a small animation , I.E the below animation should be activated : @keyframes rotate { 0% { transform:rotateX(50deg)
Get cellspacing with jquery
I create a table var $TabEntete = $('<table id="Entete" class="ui-widget ui-widget-content ui-corner-top TFO">').appendTo($DivEntete);I need to know the cellspacing of this table. When I use debugger from IE, I see offset, and I conclude cellsapcing = 2, but I don't find correct syntaxt in jquery to have this 2. Thanks for your help If debugging is the art of removing bugs ... then program is the art of creating
Obtaining key, value from $.each - json OBJECT; NOT array
Below is returned from my firebug. From console.dir(pData); and console.log("type ... "+typeof(pData))= 'object'; pData is returned from AJAX call to .PHP file. I'm trying to use $.each to obtain key, value pairs from pData. Does pData have to be converted to an array first since this doesn't seem to work? $.each(pData, function(key, value) { document.write(this.key+"..."+this.value+"<br />"); }); Gives me undefined 44 times. (length of pData). Appreciate help in fixing this. 0 Object
Problem with appending strings + vars
Okay so I need to append <li data-rel="close" data-gmapping='{"id":"m_1","latlng":{"lat":50.708664,"lng":-1.286839},"tags":"drupal"}'> That to my HTML I know all the code for that already. The problem is I need to add to variables in <li data-rel="close" data-gmapping='{"id":"m_1","latlng":{"lat":ONE HERE,"lng":THE OTHER HERE},"tags":"drupal"}'> And when I try do it I just get errors and can't the problem is I can't work with all the ' s and "s that already exist in there but they need to be there
say thank's
I want to say thank's that receive me in to this forum... anwar
Pop up
How to create a effective pop up when hovered on an image
Mmenu doesn't work on IE, please help.
Hello here. I have no idea why my implementation of mmenu doesn't work on IE (tested on IE 9 and 11): http://www.virtualsheetmusic.com/zmmenutest.html Please, resize the window to be 785px width maximum to see the menu (it is a responsive design.) The menu opens, but the top-fixed bar doesn't move to the right. Also, if you scroll down the page, then you open the menu, the bar gets positioned lower in the page! It works perfectly on all other modern browsers and mobile. Any help is very welcome!
removing disabled attribute from fieldset
Hi, i have a bunch of fields in a field set which i want to disabled, if someone wants to edit the form they simply click the edit button and it unlocks the fields for them to edit. I am disabling the fields by adding the disabled attribute to the field set itself. I also need to remove the top margin from my form groups when the inputs are enabled. This is my jquery code so far which i can't get to work. <script> $(document).on('click' function (event) { event.preventDefault(); var $btn = $(this);
Ajax / JQuery insert into MySql failed
Hello to everybody! I am total lost. What is wrong? I try to INSERT INTO mysql. It add a row in MySQL , but no data. I am sitting sin ce some days on it and dont understand it. I checked houndreds of web pages. I need help!!! ... Here is the full code: //+++++++++++++++++++++++++++++++++++++++++++++++++ Javascript: //+++++++++++++++++++++++++++++++++++++++++++++++++ function jsRecordInsertWrite() { var jsObject = { "ID": document.form_articles.ID.value, "Item":
Problem with refreshing a jquery UI accordion
Hello, I have a problem with a jquery UI accordion. The first time the page is displayed, it appears something like this, that is a tree that contains other subtrees recursively. This is ok: http://awesomescreenshot.com/0dd4ge5gc8 This tree is created by calling a JS function called fillTree(). The problem appears when I call again fillTree() without refresh whole page, the first nodes in tree appears at top-level without the rest of the subtrees not associated with them: http://awesomescreenshot.com/05e4ge6fdb
jQuery Clone and Observe changes
Hi, I have made a stickymenu which is clone of top menu header . which is visible on scroll after a certain limit. The sub menu in the header loads by an ajax. so when user navigates on the sticky menu the original header does not change. I need to clone again all the changed submenus into the original menu to keep both menus same. Hers is stackoverflow question link I am looking a method which maps the changed node to the cloned node Thanks B L Praveen
pieces plug in
http://www.megalocode.com/pieces/animations i tried this one $(document).ready(function(){ $("#pieces").pieces({ onClick:{ animation:"pieces70", speed:20, stagger:20 } });}); but it is not animating.iwant plug in of pieces.
Jqquery valiation for chosen select
How to validate Jquery chosen element by using Jquery validator
jquery code for drop down list slowly drop when we hover on drop down list?
by using css i compleate this. but i want in jquery.
dropdown
hi to all, i want code for drop-down list.when ever we hover on that drop down that list should be down slowly.and selected list is added to that drop-down.
jquery date pickers month and year dropdown is not working
jquery date picker is working outside model window but .my requirement is to use in model window i am using jqueryui1.10.2 jquery ui.min.js js ui pls help me if anybody knows
Dynamically setting child DIV height to parent DIV height
I would like to dynamically set a child DIV height to the parent's DIV height, minus the height of another child element. Something like this: HTML <div id="intro"> <div id="top-bar"></div> <div class="title">sdasfas</div> </div> CSS #intro { height: 600px; } #top-bar { height: 180px; } jQuery placed at very bottom of document right before </body> (jQuery library is loaded earlier in the document) <script type="text/javascript"> $(window).resize(function() { var intro_height = $("#intro").height();
Jquery empty bug?
The following code will trigger alert twice. Looks like empty() does not remove events as promised. Looks like remove works(see commented code). Is it a Jquery bug? or it's only me. <div id = 'cc'> <div id="div1"> <button class="this2">button 2</button> </div> </div> <script>var c = $('#div1'); var cc=0; c.on('click','.this2', function() { cc++; alert(cc);}); c.empty().off("*"); c.append('<button class="this2">button 2</button>'); c.on('click','.this2', function() { cc++; alert(cc);}); /*
Save() is undefined
I have an ajax save function that works when I call it using knockoutJS click event. I am trying to used jquery validation however, and when I call the function from the submitHandler: it fails to call the function. My save() is undefined. I am a newb to jquery and javascript in general. Can someone help me fix the problem? I need to save after validation. Code below: $( "form" ).validate({ submitHandler: function () { FamiliesViewModel.save(); }, rules: { FamilyName: { required: true }, FamilyPhone:
Downloadable Jquery Documentation
Is there a downloadable documentation for Jquery? Having to connect to the internet is costly for me in our country.
After Validation Error, my Input Mask function doesn't work on field
I am using JQuery to successfully validate my form. I added an masked input to my birth date field in my form. The masked input plugin is from:https://github.com/RobinHerbots/jquery.inputmask On load, the birthdate field has the masked input working properly. If the form is submitted and validation is failed on that field of other fields in the form: the birthdate field is stripped of it's masked character separators and the masked input is not working anymore. I need a way to keep that mask in
Convert select's to ui range slider
My question is how can I convert <select class="filter" <option value="771" selected="selected">от 1995 г.в.</option> <option value="782">1970</option> <option value="873">1980</option> <option value="878">1985</option> <option value="883">1990</option> <option value="884">1991</option> <option value="885">1992</option> <option value="886">1993</option> <option value="887">1994</option> <option value="888">1995</option> <option value="889">1996</option> <option value="890">1997</option> <option
960.gs bootstrap or others?
Hi friends not know if its a right place for ask this question, but i see all ppl have experience in ALL web developer topics. i need create this grid (i see 960.gs) but not know if is the right framework. see this link: Grid Img or here attach the image. any advice? thanks thanks.
Internet Explorer breaks all/most of my Jquery :(
In a wordpress site, I just upgraded to the latest version then started tidying up the theme... it used a lot of older jquery plugins - so to keep it working as is, I didn't upgrade to the latest versions. Everything works fine in all browsers except internet explorer (9 & 10 tested) - I get these errors in the Debugger: SCRIPT1003: Expected ':' File: jquery.js, Line: 2, Column: 2453 SCRIPT1006: Expected ')' File: jquery-migrate.min.js, Line: 2, Column: 1840 SCRIPT1004: Expected ';' File: domain.com,
More than one click event is not working in document.ready
HI All, Am new to this forum. I a beginner, I was just playing arround with the basic click events. basic details of what I am doing 1, Have a javascript file in script folder called myscript.js and referring that in mvc view 2, I have two buttons in mvc view ajxButton and btnJscriptFile 3, I wrote first button click event handling code , its is workign fine 4, then I add seccond one , thencode is not working. so commented all the code except one button its working fine, pfb the working code Can
in array
hey guys im having a slight probelm with the in array function (obviously my fault)...but what im trying to do is if a category isnt in the count array then for it to be added to array with a value of 1. if category exists in array increase value by 1. here is my code which keps just running this line below even if in array count[item.category] = 1; var count = []; // loop start if ($.inArray(item.category, count) === -1){ count[item.category] = 1; } else
For test my webPages, need install apache?
Hi friends, how aare you. For test my webpages with Jquery, need install apache or IIS (or other web server?). or simply doing 2 clicks on the file and see in any browser? Thanks
JQuery transition with http-equiv='refresh'
Hello, I'm writing some code for a presentation with different slides using pagetransitions.js for the transitions between the pages. It works fine when I'm using a button to go to the next page but I would like to use this instead of a button: <meta http-equiv="refresh" content="5;javascript:'transition(animation )';> What code should I use for transition(animation) ? Here's my code: <!DOCTYPE html> <html lang="en" class="no-js"> <head> <title>A Collection of Page Transitions</title> <link
Problem with autocomplete and modal...
Hello, I've got a big issue using Jquery Autocomplete with modal. the following code works good if not used in modal : <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="jquery autocomplete"> <meta name="keywords" content="jquery autocomplete"> <meta name="author" content="muni"> <title>jquery autocomplete using
Overlay or slide out effect of Sidr jQuery rather than the push
Hi, I love the the Sidr jQuery plugin. I am using this on one of my sites for a mobile menu. However, I would like a overlay/ slide out effect of the plugin rather than a push effect. Is it possible with this plugin? Man thanks
jQuery.confirm title default
Hi I have a confirm popup that appears as expected, is there a simple / quick & dirty way to change the label at the top? At the moment it just gives the full URL in the address bar as the title. $(document).ready(function (event) { $(document).submit(function (event) { if (!confirm("Are you sure you wish to submit?")) { event.preventDefault(); }
Fields set by jQuery are not submitted
I have a simple form with input fields and a submit button: <form id="attrform" name="attrform" method="post" action="/office/faces/editattributes.xhtml"> <input id="attrform:atid" type="text" name="attrform:atid" readonly="readonly" /> <input id="attrform:atname" type="text" name="attrform:atname" value="title" /> <input type="submit" name="attrform:j_idt16" value="Save" /> </form> (Simplified - I didn't want to dump the whole source here) Below the form I have a table of data and I have a
Problem retriving the value in php from jquery.
Hi, i have populate one dropdownlist from database and now i want to send the data to the php code. i have used following functions but it doesn't working. <!DOCTYPE html> <!-- To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. --> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
draggable droppable stopped working with IE , when iframe child page renders 2nd time.
Hi All I am getting following issue when using draggable droppable jquery-ui functionality. sample code to re-produce : Create following two pages for replication of issue. [1] Main Page Code : <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="../Scripts/jquery.min.js" type="text/javascript"></script> <script src="../Scripts/jquery-ui.min.js" type="text/javascript"></script> <script> function
Use jQuery Mobile for selectmenu only
Can i use jQuery Mobile for selectmenu only? if i intialize whole page - many things go wrong or appear not the way i wanted. I need ONLY select menu replace.
disable are-you-sure.js plugin on Linkbutton click event.
Hi, How disable are-you-sure.js plugin on asp.net Linkbutton click event. thanks.
JQuery accordion scroll to top
Hi, I am using this recommended approach to scroll to the top of the accordion when it is expanded. But our developers mentioned that they are not using JQuery UI. Only JQuery. How can this be done for JQuery ? <link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
Selecting Range in Keith Wood's DatePicker
I'm using Keith Wood's DatePicker to select a range. How do I prevent selection of a range that spans blocked dates (natDays). Also how do I pass a range from a previous page (pre-populate the date input) and have it already selected? Thanks!
Next Page