Position change of div and animated layer background
I would like to get the same effect like on this site: cubicresources.com.au How can I get that circle animation done? I don't know how to get the position of the div changed with jquery. And how can I get the background images animated and layered over each other? Would be great to get some hints or tutorials. Thanks a lot
How to hide and show divs?
I am trying to create two divs, one main div and another sub div. Main div there will be a button upon clicking that button sub div should be shown. I am using the following code but getting error.... <h1> Show/Hide using jQuery</h1> <a id="showhidetrigger" href="#">show/hide</a> <div id="showhidetarget"> This is the box that is hidden and shown. </div> <script type="text/javascript"> $(document).ready(function () { $('#showhidetarget').hide(); $('a#showhidetrigger').click(function () { $('#showhidetarget').toggle(400);
Best practice implementation
Im looking to develop a plugin that can apply common functionality to multiple elements. My issues is that if the state of the current "clicked" element is set to display then any other displaying elements must be hidden. What would be the best way to actually do this? I have done something before using prototyping where I stored the current displaying element as a variable in the object and hiding it on new element click and then storing the new element. NOTE: the "hide" class comes from Twitter
jQuery and jQueryUI with IE10
I will develop a program which use IE10. What is the best suitable version of jQuery and jQueryUI? P.S. My program can also use with previous IE, such as IE6/7/8, so I don't think jQuery V2.X is possible to use.
JQuery dialog problem
Hi everybody. If i create a dialog with containing div's, i get a big spacing on right site between the div and the border of the dialog. Look : <div id='dialog'> <div id='innercontainer1> ... </div> <div id='innercontainer2> ... </div> <div id='innercontainer3> ... </div> <div id='innercontainer4> ... </div> </div> All "inner" - div's containing an image-tag and text bottom of the image. Between the right border of the dialog-window and the right border of the last image
jQuery - manipulation of option after create - Plugin
Hey jQuery Friend, i've read a lot of books and webpages, but i didn't found anything.. The problem: i'm creating a diagramm in a canvas. After this creating i want to change some options of my plugin with a button, like bg color of the canvas etc. HTML Code: [HTML] <script type="text/javascript"> var daten = new Array(100,33); var legende = new Array('Januar','Februar'); var daten2 = new Array(1,1); $(document).ready(function(){
Dialog Creation Issue with some selectors
Hi, I have a html application has a list of divs, each with a very specific id representing an external object. Within each div I have a set number of objects, so to find these using jquery selectors I have successfully been using id followed by the class name like this $(#specific_id .classname).whatever This works but not for dialogs. See below the jsfiddle which is basically the jquery ui dialog sample code, modified to show the issue I am having. http://jsfiddle.net/LcsAL/ Should this work, ie
Help Need Older Releases - jquery-ui-1.8.16.custom & jquery-ui-1.8.16.custom.min.js
I'm looking for downloads for jquery-1.8.16 to support legacy proj (upgrading not an option). Fiinding dev postings vs. official version. Is there a repository of previous releases? Thanks, V-
Thousands Separator
Hi, Does anyone know how to put a thousand separator on a number e.g from 1000 to 1,500 using java script
Autocomplete working stange with special characters
Hello, i have implemented an autocomplete function on my script, it works perfect EXCEPT when user hits ñ key. If user hits Ñ instead of ñ the script still works good, so my question is if anyone know what might be going on, if there´s kind of a mapping issue or how to solve it....... some examples, if user writes "Ramallo" the function returns json perfect. if user writes "cañuelas" script doesn´t return anything, but "CAÑUELAS, or caÑuelas" returns result ok..... Any hint?
How can I do php variable in alert function ?
What is the problem here? Help me please ... <head> <script type="text/javascript"> function funk(yy) { alert(yy); } </script> </head> <body> <?php $deg='Lorem ipsum dolor sit amet';?> <script type="text/javascript"> var xx=<?php echo $deg;?>; funk(xx); </script> </body> </html>
movile popup menu problem i cant click for hide
Hi, i want that popup appear down of the button and not on the button for this i use this code style="top:140px;" it works fine but the problem is when i try to click again the button for hide the popmenu it not work, any solution? thanks the code: <a href="#popupMenu" data-rel="popup" data-role="button" data-inline="true" data-transition="slideup" data-icon="gear" data-theme="e">Actions...</a> <div data-role="popup" id="popupMenu" data-theme="d" style="top:140px;" > <ul data-role="listview"
Refreshing the whole jQuery mobile dialog programatically
I am developing a mobile application with jQuery mobile and backbone. I have backbone model change event function, if any changes in the model, I simply destroy the whole page and recreate with template binding. i use$('#pageId').page('destroy').page(); which works fine. I want to do the samething for dialog (just destory the dialog and recreate the dialog and display it). Can you anyone tell me the right method to call.... I just tried with .dialog() but i didn't work.. thanks in advance. my dialog
Dialog does not get form data
I'm not good with English, sorry. Working with ZF 1.12, I require my forms use modals to the problem is to use jquery, it does not recover form data saved also one see the alleged information I can not reopen the modal with the button, this is my jquery: $(function() { var name = $( '#name' ), defecto = $( '#defecto' ); $( "#dialog-form" ).dialog({ autoOpen: false, height: 300, width: 350, modal: true, buttons: { "Guardar":
Get Parameters from internal page
Hi I have two pages which are generated dynamically and one of the page has parameters as <li><a href="?cid=1234&sid=test#display2" to navigate to display2 page.. but when i try to get the parameters cid and sid i get null value but if i put rel=external I get the values of it bur the page refreshes which i don't need. please let me know how to write code and implement it ... here is the code <!DOCTYPE html> <html> <head> <title>Test</title> <meta name="viewport" content="width=device-width,
Validate Plugin problem
Hello, I'm new with Jquery and I have a problem with the validation plugin. The scenario is as follow: I have 4 files: 1. An html file with a link. <!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=iso-8859-1" /> <title>Cargador de B</title> <script type="text/javascript" src="jquery_min.js"></script> <script type="text/javascript"
Validate plugin problem,
hello there. I'm validate a form but sometimes does validate sometime no.. here is de link http://jsfiddle.net/darkporn/723Na/ the think is: when I select any of the checkbox in the "incluir en el certificado" row. the form is validate as correct. But I have to also validate "Subtipo" and "N° Copias" Subtipo must be selected and N° Copias must be at least 1, not numeric field please help me.
Ipad problem
I am having an iPad problems.. Hear is the link. http://asoft6439.accrisoft.com/elyria/index.php?submenu=_capabilities&src=gendocs&ref=Capabilities&category=Main On the Home, Markets, Career, and Contact the pages are working perfectly. They center and the ipad does not move from left to right. The other pages are not. l am using the same code on all the pages.
Is jQuery best choice for window that must control itself?
After posting once about this and realizing the reply would not work, I am rephrasing. The link that will trigger the new window I want to display does not have any JavaScript or CSS capability at all. It is a hyper-linked area on a Flash object that must call a new window smaller than the Flash object (which is full screen) and re-position itself on the screen. Just self centering might work but more control would be fabulous. There is no parent-child relationship here. I can't bury a DIV inside
document.ready not work in jquery dialog box.
Hi, I have make simple jquery mobile page for display data from server. I have also display graph of data on click. I have made external page for display graph using jqplot and its works. I want to open this graph in jqm dialog box but it did not work. why ? Code of open graph page <a href="external_php_page_link" data-rel="dialog" data-transition="flip"><img src="images/graph_icon.png" align="absmiddle"/></a> Its open page properly but display only HTML buttons that i have already in put in page
Popup don't show by clicking href element but can show by API
I create a popup,when I click the button refer to the popup, the popup doesn't show, when I use api: $("#addCatoPopup").popup("open"), the popup shows. what wrong? My code is below: <div data-role="header"> <a data-role="button" data-rel="back" href="#" data-icon="back">Back</a> <h1>Catogery List</h1> <a data-rel="popup" data-position-to="window" href="#addCatoPopup" data-icon="plus" data-role="button" id = "catoAddBtn">Add</a> </div> <div data-role="content"> <ul data-role="listview"
design error after ajax request
widget not get an update within a select fieldcontain after ajax request. asin did something after the ajax call: <div data-role='fieldcontain' > <label for="color">color</label> <select id='color' class='color' name='color' > <option value="1">blue</option> <option value='2'>red</option> </select> </div> this the the php I bring with ajax, $('select.color').selectmenu(); this is the way I try to create the widget. some help please?
Getting ListView items into an array.
Hi all! I have a problem getting my label values into an array. I am filling a ListView with entities from a database. I want to get the name, type, address, city, etc... from each entity and put the location(which is a label with Latitude and Longitude coordinates) into an array. I am trying the function below, it is getting the CenterName, but it is setting all of my vars as the CenterName, instead of the city, state, zip, for all of my entities. My HTML is here too. I just need a little direction
DatePIcker: Can you scroll through it by year?
The jQuery UI Datepicker has arrow buttons so you can scroll forward or backward a month at a time. Is it possible to set up extra controls that would also allow the user to scroll forward or backward a year at a time?
Need Assistance - jQuery / Datatables / JEditable - Record Details being Editable
I'm a bit new to all of these libraries so please bear with me - let me try to explain: I have Datatables working fine, I'm employing the hide/show technique for record details, and I'm applying jEditable but I'm running into a snag when I try to get the record details to be 'editable'. Main record info becomes editable upon click with no problem. I thought with just adding the same class name to the inner table td elements would do it - nope. Anyone have any insight on what I may be doing wrong
selected tab not highlighting
I am upgrading Jquery UI to 1.10.3 (from 1.8.1) and Jquery to 1.9.1 (from 1.6.1). I also downloaded custom css theme. As suggested in the upgrade notes, I made minor changes to tabs code (replaced 'select' with 'beforeActivate', 'selected' with 'active' and ui.index with ui.newTab.index()) and tabs are working fine now. However, the selected tab is not getting highlighted. The tab panel itself is correctly rendering. The selected tab was getting rightly highlighted, prior to upgrade. Can someone
Sending XML Data and Credentials using $.ajax
Hello there I am successfully using the $.ajax(0 function to get data from a server in what I understand is a relatively secure way: $.ajax({ type: "POST", url: "...", cache: false, data: { username: "...", password: "..." }, xhrFields: { withCredentials: true }, ... This works fine, and is in fact what I understand to be a more secure replacement of the original code, which used "GET", and which appended the user name and password to the end
button add select
guys i tried insert the options in my select inside div staff-tag, but i dont have sucess, someone can help me, and say whats wrong? thank you. $('#staff_specialization').click(function(){ $('#staff_specialization').append( $("<option></option>" , { text: "foo", value: "bar" }) ).appendTo("#staff-tag"); }); <select id="staff_specialization">
body loading many times
Hi, Jquery architecture to make the header and footer one time loading. But body loading many times. How to design the page regards, kathir
JQuery support vendor experiences?
Hi, We are looking at replacing a mobile vendor product with JQuery Mobile, but are in a commercial environment and will need to purchase support. I would love to hear who you are using (if any) for product support and what your experience has been. If you are willing to talk via phone instead of over the forum, please post your contact information and I'll reach out to you directly. Thanks, Anita B.
Calling Server side event from jQuery dialog
button click event not firing.I am firing this dialog from serverside using RegisterClientScriptBlock. Dialog comes successfully but when I click the "save Comment" button, event does not fire. Here is my Script: <script type="text/javascript"> $(document).ready(function () { $('#dialog-form').dialog({ autoOpen: false, draggable: true, width: 500, modal: true, title: "Event Details",
Dialogs and datatable
I have a datatable , contains data that has hyperlinks opened in a Jquery dialog to open different URL. I am using different divObj.dialog('open'); to acheive this. Now when I click each link first time when the datatable loaded the target page is opened properly with data populated in it. But when I click the second link without refreshing the datatable I only see the html getting loaded without any data in it. I thought this is something to do with the datatable closing. I even tried destroy the
Multiselect dropdown menu positioned wrong at resolution 1920X1080
I am using the jQuery Multiselect widget for many fields in an application I am currently developing. I have had to use the jQuery Position API so that at low screen resolutions the dropdowns near the bottom of the screen are displayed correctly. The problem I have encountered is that when the screen resolution is set to 1920X1080 AND the browser window in maximized, all the multiselect dropdowns do not position correctly when they are opened for the first time (the dropdown menu is way offset
Adding input to jquery multiselect
Hi good afternoon everyone!! I was wondering if it is possible to add an input box on a multi select combobox! thanks!!! <script type="text/javascript"> $(function(){ $("select").multiselect({ }); }); </script> <p> <select name="example-list" multiple="multiple" style="width:400px"> <option value="option1">Option 1</option> <option value="option2">Age = Here pot an input box </option> </select> thanks!!!!!!!!!!!!
two jquery in one html, one dropdown menu another one slider not workin slider
this is slider <script type="text/javascript" language="javascript" src="js/jquery-1.6.3.min.js"></script> <script type="text/javascript" language="javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" language="javascript" src="js/jquery.animate-colors-min.js"></script> <script type="text/javascript" language="javascript" src="js/jquery.skitter.min.js"></script> <!-- Init Skitter --> <script type="text/javascript" language="javascript"> $(document).ready(function() {
first jquery call first api
Hi I am trying for the first time to use JSON and I am trying to use the world weather online api(another first!). I am not sure how to tackle this when I create breakpoints and step through firebug, it seems to drop out inside the Jquery library, I am unsure what is wrong let alone how to rectify this, the tutorials made it look simple, I have included a fiddle below. many thanks Jasemilly my fiddle
Show/Hide div with radio button
Hi guys, I've looked through the fourms and tried some of the other "Show/Hide div with radio button" responses and I'm not sure if mine is the same and cannot to get it to work. I basically have a table and when "Other" equals "Yes" it should show "myDiv", if they then select "No" it'll hide it. By default I have it hidden. The other part I'm stuck with is - if they select "Yes" and type something into my div (which is an open text box) I'm thinking there must be a way to reset the fileld
how to change width & height in "bootstrap application wizard"
im using bootstrap application wizard as my form entry, i can change the width with code var options = { width:'900px', color:'red'}; var wizard = $("#wizard-demo").wizard(options); but the wizard do not locate to middle of screen, any expect can help? 2nd, how to change the height of the wizard? hope it will appear in center after amend.
Javascript - Performance
Halo All, I'm new to javascript and Jquery. I'm working on analysing the memory leak of a thick client application running on IE8. This application uses one HTML with multiple javascript pages. I checked the application and found that the variables created in some pages are still alive even after the call of destroy function. I want to write a generic function to kill all global variables that were not destroyed in the destroy function. Can someone please help me with this? Also, let me know the
Colorbox display 5 seconds after page load
My goal is to create a colorbox content and will display 5 seconds after page load. I'm using Drupal 7 and colorbox is working very good with images and forms/content. There are many websites that has these popup offers or forms that displays in couple of seconds after the page loads with x button to close. These offers are only displayed daily on anonymous users, so I guess it uses cookies. I will be really grateful if someone point me a direction how to do this. Oh, and my apologies if this topic
Next Page