How trigger autocomplete event from another event
Hi all, I have autocomplete implemented like : var cbx_search_in_description= $("#cbx_search_in_description").is(':checked') ? 1 : '0' var cbx_search_in_past_events= $("#cbx_search_in_past_events").is(':checked') ? 1 : '0' $( "#autocomplete_events" ).autocomplete({ source: function( request, response ) { $.ajax({ url: ajax_object.backend_ajaxurl, dataType: "json", data: { action: 'autocomplete-events',
Strange Issue with jQuery DatePicker
Hello, I have an application that uses jQuery "jQuery JavaScript Library v1.10.2". We have some pages with fields that have datepicker added: //Some code $("#fecInclusionDate").datepicker($.datepicker.regional["ca"]); $("#fecInclusionDate" ).datepicker( "option", "dateFormat", 'dd/mm/yy' ); We notice that if user navgates to some forms that have this component enabled, but did not use component, then in next page, we have like a Datepicker shadow on the top left of screen: This occurs with multi-browse,
Accordion - open on hover intent
Hello, I am working on a veritcal Accordion with that instruction: http://jqueryui.com/accordion/#hoverintent Where I have to write which part of the source Code? Between <head> </head> in the Masterborder? and <Body> </Body> in Textfield? What I have to write on the Website, after using that Script?
I want to develop Locket Photo Frames using jquery and html5
Hi, I am developing a mobile application and i want to develop locket photo frame. Locket Photo Frames please help me
Applying styles to :before and :after elements
This seems like something that should be fairly trivial: $('.foo:before').css('margin-top', '50px'); But currently does not work. There's no reason this coulnd't be implemented in this way: 1) Create a stylesheet on the page 2) Add a style for .foo:before and use the css rules provided
loss of collapsible-set/collapsible functionality within pop-up
I am using the jQuery method .clone(true, true) on a pop-up element triggered by a map position toggle. The primary presentation elements within the DOM of this popup have been given data-role="collapsible" within a collapsible-set. Once this content is cloned to the pop-up when toggled (all content does appear), the expand - collapse functionality of the "collapsible" containment is completely lost. And I'm at a total loss now as to how to ensure that functionality persists. The documentation is
Jquery mobile scroll to top of page on page load
Hi everyone I have done extensive research on creating a solution for my problem, all forum posts just dont answer my question. Im using an iPhone 5 to test my web app. Everytime i load a new page dynamically from my CMS i find that if i scroll to the bottom BEFORE the page fully loads then i get scrolled to the top of the page when the page has completed loading. This is highly unwanted as i could only imagine that when my listviews are long this would be highly annoying to any user thats half
Uncaught TypeErrors on page change
I'm loading a PhotoSwipe gallery inside a (virtual) "page" using jQuery mobile: i4ideas.webfactional.com/gallery.html (No external dependencies, all libraries loaded so you can view the source or grab the page) The issue is that the gallery doesn't seem to close on page change and it throws errors each time. This is the console log of: Loading the page Opening first gallery Clicking back button Opening second gallery .. so apparently, Gallery #1 never closes and Gallery #2 is loaded twice.
jQuery for print?
I have a website which takes some weight from the user's shoulders by fitting text in containers, changing the layout depending on the amount, etc. Some functions react to window sizes and viewport size. How do I make sure they run for the printer's media size? And then, how do I stop some of those functions from running for the printed version?
animation issue
Hi, I am trying to write a function that will animate/fade images one after the other. The function will accept an array, variable length, containing images links to animate. My question is how to implement animation for unknown number of images ? Thanks,
How to send email in jQuery?
Hi all, how can I send an e-mail using jQuery? I need some step-by-step tutorial or it would be absolutely the best some example what reaaly works, thanks. a lot.
How to read the appSettings from webconfig file
Hi, In the below function I want to read the config file appSettings in place of url key, currently I am hard coding it (url: "http://localhost:8000//API/Application/Refresh") How can i achieve this? function refresh() { document.getElementById("div-content-wrapper").innerHTML = ""; document.getElementById("page-content-wrapper").innerHTML = ""; $.ajax({ type: "GET", url: "http://localhost:8000//API/Application/Refresh", dataType: "text", crossDomain: true,
How to secure JS Applications with Jquery or Angular JS
I developed a Complete SPA application with jquery with ajax like asana. In this app, including some features like, Listing Users, When clicking a user loading his tasks, When clicking a specific task loading the task details . etc... I completed all the development parts with jquery, But When a user clicking a task from my app, I collecting the task id from an html element attribute and sent to ajax php page. We can change the attribute value with firebug easily. After that clicking the task name
looking for responsive jquery image gallery script
I have been searching for a few months now and still not able to find what I am after. I have the following code running on my site but now this is causing problems for some mobiles... http://highslide.com/ I am looking for a image gallery where a load of images show on the page and when one is clicked you can then scroll through the rest. I am also looking to place text under the image, one or two lines. Can anyone suggest ones that they have seen/used that I can try out to see if they are suitable.
why is my waypoints destroy function call throwing a error ?
hey guys , just had nothing much to do today , so decided to play around with waypoints.js(jQuery version) a bit , heres what i have so far : The destroy waypoints has the following code attached to it as of now: $('.destroy').on('click' , function(){ console.log(ways); ways.destroy(); }); you'll see this code in the animation.js file . when i click on the button , i get the following message : Uncaught TypeError: ways.destroy is not a function Why ? , i cheked
live and load function
I hope somebody can help me. I want to load a new page into a <section id="content"></section> but when this page is a certain name.html I also want to load a navigation.html in a <div id="sidebar"></div> I want to use live because I have some css settings for the #sidebar. I tried this: $(ul li a).on('click', function(e){ e.preventDefault(); var url=$(this).attr('href'); if (url="name.html"){ $('#content').load(url); $('#sidebar')live('load', 'includes/sidebar1.html');
Existing Jquery autocomplete code Posts Null Ref Jquery 1.9.1 Upgrade
$(function(){ var searchRequest = null; $("#asksomething").autocomplete({ minLength: 3, highlightItem: true, multiple: true, multipleSeparator: " ", source: function(request, response) { if (searchRequest !== null) { searchRequest.abort(); } searchRequest = $.ajax({ url: window.location.origin+'/cgi-bin/cgi-lib/autocomplete.pl', method: 'POST', dataType:
check button is enable or disable using jquery
var disabled = $("#buttonNew").is(":disabled"); i am tried to check the button is enabled or disabled using above code but above code returns always false . Code for disable the button: $('[id$=buttonNew]').attr('disabled', 'disabled'); Code for enable the button $('[id$=buttonDelete]').removeAttr('disabled');
how to make a updatable event calender ?
Hey guys , i am just building a simple html website and basically the guy i am building this site for now wants a event calender to be added to the site . - Add new events and also - View existing events that are present. Something very similar or exactly like this . I have no idea what to use here , i know jQuery UI may have a similar widget , but than can i add and view events. also i guess i will need somekind of a backend right ? Thank you.
problem with imput
Hello im newbie, i have this problem, im my site i have 2 imput for select country and language, i want when the first is opened the second go down like the height of open select, because now if i open the first select he go on the second. <form id="selections"> <select id=""class="country-se cs-skin-elastic" onchange="setLanguage()" name="countrySelect"> <option value="1">bulgary</option> <option value="2" >brazil</option> <option value="3">france</option> <option value="4">germany</option> </select>
Donation Form Integration
Hi guys, i'm looking for help to integrate this: <html> <head> <title>Global Iris RealAuth PHP redirect sample code</title> <? /* Pay and Shop Limited (www.realexpayments.com) - License Agreement. © Copyright and zero Warranty Notice. Merchants and their internet, call centre, and wireless application developers (either in-house or externally appointed partners and commercial organisations) may access Global Iris technical references, application programming interfaces (APIs) and other sample code
input box to filter the full list
i have a json list i want load just 1 element and give to the user a input box so when the user clicks show full json list. i tried but i got stuck i am not so familiar with jquery, if you guys can help, i will appreciate. here is the code: http://jsfiddle.net/8uac7/2474/ thank you guys.
accordion open/close at runtime
Hi, i would like to close the first and open the second accordion tab, when the user click on the submit button of the form. I had try to make it with $_SESSION, but this does not works, or always one click to late. How can it be done? bfo
How to create an animation in jQuery?
Hi all, is it possible to create animation in jQuery? I mean not just like a text animation or css-width animation, but I mean moving object or something like this ... http://creativecruise.nl/ ...
Noob's questions about using jQuery in php
Let me start by saying I'm brand new to java / jQuery world so please bear with me if I say something really stupid. In fact this is the very first thing I've ever written so it might be horrible @ best. This will be a bit lengthy but I want to try to be as clear as I can so I don't waste anyone's time. What I'm doing: using jQuery to manipulate class elements within my Joomla! template that don't seem to conform well to just a .css solution. Like... figuring out proper margin-top for the .nav
errors between ajax, and accordion when dealing with the DOM data interchange
Is there an error between ajax, and accordion with 11.1.4? situation: works fine: hard redresh (f5) displays incorrectly: soft refresh (ajax load page data)
how would you write a independant JS library(no jquery), that u could just use to check if the document is ready
hey guys , i got a bit of a twisted question , i always wonder how exactly does $(function(){ }); work similar to $(document).ready(function(){ }); i looked at the source and i see the below code :: else if (jQuery.isFunction(selector)) { return typeof rootjQuery.ready !== "undefined" ? rootjQuery.ready(selector) : // Execute immediately if ready is not present selector(jQuery); } which is somewhat difficult to understand how does $(function(){}) work behind the scenes.
open the node in Jqtree
$('#tree1').tree('openNode', node); I have used above code for open the node in Jqtree but some time i not working.how can i handle this issue?
Slide Toggle 2 individual divs from two different buttons
Hi, I have two divs which I want to slidetoggle individually. So when I click on button one, it slidetoggles just the green box. When I click on button two, it slidetoggles just the yellow box. At any one point I only want to see one box. I've put a jsfiddle here: http://jsfiddle.net/wileyscouser/esonow8r/18/
issue regarding resizable resize event behavior
Hi all, I have some widget using jQuery draggable and resizable. I currently have collision detection algorithm done such that for example on the drag event in draggable. I can manually set the ui.position.top and ui.position.left to prevent the widget from moving further if blocked. However in the resize event of resizable if I manually set ui.size.width and ui.size.height when I detect collision. It still continue to resize. Am I missing something? or is there compatibility issues with draggable
Having an issue with t.replace dont know the cause
Every time I include jquery like so: <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> This error shows up: t.replace is not a function This only happens when I navigate from the 'diensten' to the homepage. This shows by causing the page to transition EXTREMELY slow. But If I load the 'diensten' page directly, all is good. I have no clue how this can be. It would help me a great deal if someone could explain. Please navigate here to see a link to my website.
I am trying to add a second set of draggable and droppable boxes
This is my code. It is the droppable code, with two more boxes added. What am I doing wong? Larene <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Droppable - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css">
Navigation problem with chrome
I am building a little math app using jQuery and jQueryMobile. The transition "slide" works with all browsers except chrome [the page actually disappears and is blank.] I tried very many version combinations but none worked without breaking the design. This only happens with chrome - works perfectly with Firefox and IE. What could be the cause? Is there a solution?
SVG Editing plugin or library
I have a need for a simple SVG editor or "editor framework" that we can use in a native mobile touchscreen app that uses Rhodes (Rails-like server in the app programmed in Ruby, WebView UI using jQuery Mobile). We currently use a simple native signature-capture extension, that only allows very simple bitmap drawing with no edit. That extension is no longer available to us in the latest Rhodes, and anyway it's a bit too basic for our needs. So, we've temporarily replaced it with sketch.js: http://intridea.github.io/sketch.js/
remove an id after an animation in jquery
I'd like to remove an id from an image after its animation is completed. I have this in my code: if(index == 1 && direction =='down'){ $('#slidetext1 #rock').animate({right:"0"}); $('#slidetext1 #deer').animate({left: "0"}).addClass('open').removeAttr('id'); } It's not working because it removes the id before even starting the animation, but what I want to do is to remove the id #deer from the image and add ('open') after the .animate() has been executed. so here i made a jsfiddle: http://jsfiddle.net/67oe1jvn/45/
How do you style the accordions closed state?
Is there a way to style the closed state on the accordion similar to: . ui-accordion . ui-accordion-header-active { background-color : rgb ( 252 , 255 , 150 ); }
Windows.location
I'm having trouble getting the condition to work correctly and load the correct page. No pages are loading and no error is given <script> $(document).ready(function() { $("#app_type").submit(function() { var selrange = $("select#range").val(); var selplace = $("select#place").val(); var selindustry = $("select#industry").val(); if (selrange == '1') { if (selplace == "1") { window.location = "application_us_short.php"; }
how to retrieve json for selection node parent
how to retrieve json for selection node parent
clear the all selection node in entire Jqtree treeview
clear the all selection node in entire Jqtree treeview
Assign a css property to each div while iterating through loop
Hi , I have a loop below where i am trying to iterate over couple of tables and trying to assign the css values individually for each table, but when i do this i am ending up with the last value that is assigned for the last table. How can i assign individual values for each table $('.iptableNew').each(function () { var leftCalNew = lPostion * 40; var topCalNew = Tposition * 40; $('.iptableNew').css({ 'position': 'absolute', 'top': topCalNew, 'left': leftCalNew });
Next Page