Isotope : repeat random sorting
Hi, I'm displaying items using the Isotope plugin. I managed to easily add a way to shuffle items with the random sorting function. However, once the shuffle function has been called, it's not possible to call it again. Does someone know how to do ?
simple get button
Hi, As you may have guessed, I am new to jquery. I am having trouble linking a button to a get request (I do not want the page to load, rather hit a URI via api to trigger an event). I've placed a button in a HTML template as such: <input type="button" id="button" value="Click me to do stuff" onclick="doStuff()" /> <script language="javascript" type="text/javascript"> $('.button').click(function('doStuff''){ $("#result") .html(ajax_load) .load(loadUrl,
Jquery mobile changing code in my body tag and first div
I am trying to just use some pieces from jquery mobile on my mobile website and not everything. It seemed to be working perfectly but made some graphical errors on the page like this: In this picture you can see on the right the messed up background and the code below, then on the left picture you can see I took out some of that auto generated code and everything worked fine. How cna I prevent jquery mobile from auto injecting this code?
jquery1.9.2and IE9
<script> // increase the default animation speed to exaggerate the effect $.fx.speeds._default = 1000; $(function() { $( "#dialog" ).dialog({ autoOpen: false, show: "blind", hide: "explode", modal: true, resizable: false, title: "Dialog Title", position: { my: "center top-400", at: "center", of: window } }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); return false;] }); }); </script> does position not work in IE9?
jQuery selector to a specific string
I have a string variable which contains HTML tags. Is it possible to the jQuery selector to pick a certain HTML element? To be more specific, I have a javascript variable which contains a row of a table <TR><TD>value1</TD> <TD>value2</TD> <TD>value3</TD> <TD>value4</TD> <TD>value5</TD></TR> How can I the value of third TD's value, i.e., value3 Thanks, Madhu
jQuery BlockUI Plugin with Problem
Hello everybody The demos in site of blockIU are broken. http://jquery.malsup.com/block/
Jquery validation(jquery.tools.min.js)
Hi, I am using "jquery.tools.min.js" for form validation every thing is fine i am using like this class=required I want to validate email field with @ how i can do this. How i can add rule in file or any simple way to get this done. Please help me in this Thanks in advance. ADIL
Queston on .innerHeight()
Could someone please explain the conflicting results that I have been getting with the JQuery function .innerHeight. Documentation states "Gets the inner height (excluding the border and including the padding) for the first matched element" That being said why does this code do the following display the .innerheight as 96? Shouldn't it be 100 -2 = 98 + 5 = 103! <html> <head> <title>Testing InnerHeight</title> <script type="text/javascript" src="../jquery-1.8.3.js"></script> <style type="text/css">
Ajax error "Syntax error, unrecognized expression: #[object Object]"
Hello, Whenever I make any kind of Ajax call in jQuery 1.8.3 or 1.9, I get stopped at: Sizzle.error = function( msg ) { throw new Error( "Syntax error, unrecognized expression: " + msg ); }; with: "Syntax error, unrecognized expression: #[object Object]". My $.load call is below. I haven't been able to find any solutions online: maybe my GoogleFu isn't as good as I thought $(function () { $(".personPopupTrigger").hover( function () {
Order of Jquery ajax events
Is there in order to the jQuery Ajax events? Below is a spinet of code using Ajax to retrieve data. If the Ajax op is "complete", but not "success" I want the background will be set yellow and if the Ajax op is "complete" and "success" background will be set to green. The background is always set to yellow. However, if the code that sets the background to yellow is commented out then the background color is green. It appears as though that "complete" status always executes after "success". $.ajax({
test if "a" tag inside "h3" tag
Im trying to test if "a" tag exist in "h3" tag but it is not working $(this) is set to = "h3" if($(this).children("a")==true){ please comment
catching when a panel closes
I'm using a panel to display information on a mobile app (jquery 1.3 beta). It's being opened based on a selection on the main page, which I will highlight when it's clicked on. When the panel closes (slides off the screen), I want to unhighlight the selection. How do I catch / bind to an event on the panel so that I can do so? (This may be an easy question, but I'm new to jquery mobile and nearly new to jquery!). Iain
Passing a url and HTML in a variable
I have a form set up that in on of the input boxes a url and some html will have to be passed along. The form works just fine as long as there is no url or html, if there is I get the "there was a problem" alert. How would I go about allowing the IMDB and amazon inputs be allowed to pass along html or a url? Thanks <script src="http://code.jquery.com/jquery-latest.js"></script> <script type='text/javascript'> $(function() { $('#editmovie').submit(function(event) { event.preventDefault()
Confused
hello, i am using bluethrust clan scripts v3 and am tryng to add dialog boxes to the site to help new members and staff. i am looking at the page http://jqueryui.com/dialog/#animated and copied <script> // increase the default animation speed to exaggerate the effect $.fx.speeds._default = 1000; $(function() { $( "#dialog" ).dialog({ autoOpen: false, show: "blind", hide: "explode" }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); return false; }); }); </script> </head> <div id="dialog"
Help with Autocomplete
Hi, I have a autocomplete dropdown that lists a bunch of contact names that someone can choose from in a form that allows them to post an information set. Now it may occur sometimes where the name that the person is typing in does not yet exist so I have a popup that asks them if they want to continue searching for a contact, or if they want to add a new contact. This works great when adding a new Information set, but if you go back to edit one and want to change the Contact name I am having some
After upgrading to jquery 1.9, .is(':checked') on input element is working wierdly
.is('.checked') on input element is working improperly
Using $.get() to send data to servlet and insert into mysql
Hi, recently I use $.getJSON to send request to flickr api to get some photo info (I got 100 data totally) and in $.getJSON()'s callback funciton, I use $.each() and $.get('myServlet.do') to send data to servlet then insert into mysql database. I think it should be no problems, but I found that my database would have duplicated data if I use the method above, does anyone know what is the problem? the data is duplicated when servlet received, btw. it would be very appreciated if someone can give me
Submiting Ajax form to php - the respone is full page
Hi! I have problem with my simple form using jquery mobile. My script works normally on classic website, but it is not working on jquery mobile. I tried several tutorials, but still the same :( the paramteres of posting form in Firebug are OK, but the respone back from PHP is not the right and in the respone tab i can see HTML of the whole page. Sample code HTML: <form id="form" method="post"> <fieldset> <legend>ADD TOPIC</legend> <p><label for="name_post">BRANCH</label><br /> <input id="query_post"
Reg sending a file as input from javascript to controller
Hi I have a requirement where I have a popup where in I take an excel file (Test.xlsx) file as input and I need to pass to the server as input for the MCV action method. example: in the below code "str" should be "file" not filepath as string. $.ajax({ type: 'POST', url: '@Url.Action("CreateUsers")', data: { 'file': str, ID: $("#Id").val() }, success: function (data) { } error: { } now the CreateUsers() MVC action method of a controller have to read the file as input and can manipulate it.
jquery menu does not collapse
The problem that I have is that in the test code that follows question function $("#loadtest") does not collapse the menu. "newpage.htm" loads fine, but the menu1 stays expanded, with two menu items visible. First I tried .menu("collapse"), but it did not work either. Help is highly appreciated, thanks. <script type="text/javascript"> $(document).ready(function () { $("#tabs").tabs({ active: 1 }); $("#menu1").menu(); $("#menu2").menu(); $("#loadtest").click(function
THE OPEN CART THEME NOT RENDERS CORRECTLY
Hy I have a problem whit the product page, I use jquery.js to slide the "choose color" option, and for this reason IE V.7, 8 & 9 does not display tha page correctly. any idea to solve this problem ? http://cameleontextil.com/index.php?route=product/product&product_id=161
Auto complete.
Hi all, I need help to realize that: I have an input text, when I write a town, I would like that during writing it would be auto completed by the name of the town found in the database. If it doesn't exist I complete writing. Thanks in advance. Tegatti
Drag and Drop Sortable Tabs only works once
Hi, I'm trying to set up two sets of sortable tabs where the tabs can be dragged and dropped between the sets. The tab <li> is draggable, the tab container <ul> is droppable and sortable. I have it so that it works for each tab when dragging to the other set, and the tab is still sortable, but when I try and drag back, the drop area won't accept the tab. The methods within the drop callback within droppable still progress though. I have set up a jsfiddle using jquery 1.9 and UI 1.9.2: http://jsfiddle.net/paulbarrett/ET4xq/19/
facebook like buton code working on jsbin but not on my local html?
ive been going at this for hours now and still cant figure out why it doesnt work here on my local html file see here in my jsbin it works fine: http://jsbin.com/uhejis/1/edit but i tried it on my local html page on three computers, xp, vista, and 7 and nothing whats wrong with it?? does this code work on your local computer?? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <!-- This is all the Meta Imports and customs --> <head>
Why is jquery "not defined"?
I have already tried to get going with two other tutorials, this is my third attempt. I have downloaded the developer version of jquery-1.9.0. It`s in a folder on the desktop along with my several attempts to get going This is my latest effort... <!doctype html> <html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <body> <a href="http://jquery.com/">jQuery</a> <script src="jquery.js"></script> <script> var foo = "bar"; $( document ).ready(function()
Numbers rounding off issue after some digits
I am using jquery mobile framework with Java (json with spring) for my mobile application.server sends response as 1.2345678901234568E16 for one of the value but jquery in user interface, its not displaying the value as it is. It is doing type conversion/auto rounding off while displaying in UI. I am using Double datatype in server side. Also i tried use .attr() attribute to get the original value. But the problem is, am iterating over the dynamic values. could you please help me out to solve this
How tp prevent iPhone webapp from scrolling main window
I am using JQuery Mobile 1.2.0 and testing it out. So far it works fine on my iPhone 4S. I have one problem with webapps and that is, that they look too much like webapps. What I mean is, that if you drag the page down, the whole page, header and all move down exposing a grey background. The same thing happens when you drag the whole page up. Below the footer is a grey area exposed. See images below with the grey area pointed to by the arrow. Also a scrollbar appears on the right. Top area: Bottom
Menu show/hide example (can't even replicate jQueryUI documentation)
Sorry folks but I find the jQueryUI documentation examples clear as mud. (I really have searched all extant examples and online questions and answers). Take for example the very nice opening and closing drop down menu demo at http://view.jqueryui.com/menubar/demos/popup/popup-menu.html . Click on 'Show context menu 1' and a dropdown appears. Click somewhere else and it disappears. I would like this to work in a page on a local drive. I have copied the source to a local html file and edited the src
Filter function not work in Chrome and Firefox browser
I modifed the code from the sample code given by the CSS example (from JQuery v1.9): $("span").click(function() { $("span").filter(function(index) { return $(this).css('background-color') == 'yellow'; }).css('background-color', 'white'); $(this).css('background-color', 'yellow'); }); Whenever user click a word, it should remove all those highlight words and highlight the clicked word ONLY. This code works fine in IE 8 but it could not works in Chrome
draw datepicker dynamically
<link rel="stylesheet" href="css/jquery-ui-1.9.2/themes/base/jquery-ui.css" /> <script src="css/jquery-ui-1.9.2/jquery-1.8.3.js"></script> <script src="css/jquery-ui-1.9.2/ui/jquery-ui.js"></script> <script> $(function() { $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val() }); </script> <script language="javascript"> function addnew() { ... mydiv.innerHTML = mydiv.innerHTML +"<input type='text' class='datepicker' id='datepicker'>"; } when i try to fire the addnew(),
Please help me to change this textbox to dropdownlist
Hello Everyone, Please help me to change the textbox to dropdownlist with the option: (Condominium, Condotel, Condormitel, House and Lot) Thank you very, very, very much!!!!!!................ <!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>Properties</title> <style> body { background:#fff; color:#000;
classify Flip toggle switch
classifying <select> somehow does not work <select name="flip-1" id="flip-1" data-role="slider" class="bigga"> <option value="off">taunus</option> <option value="on"> grenada</option> </select> $(document).ready(function() { $('bigga').hide(); }); If it did, the flip switch would get hidden. How come it doesn't? Is there a general rule in css of jqm or js that prevents this? What would be the workaround?
Using pieces of Jquery Mobile in my mobile website
I have built a mobile website on my own in php, and wanted to use pieces of jquery mobile to make it display better on a mobile device. I am trying ot pick out pieces form jquery such as forms and list views to use to enhance my site. I am trying to do this with out re-writing most of my code, as I already have a nice theme I would like to keep my website on. The first thing I tried to do was use the form elements form jquery mobile, and when I inserted them in my page is made everything askew.
How to calculate time differance using AM/PM format?
Hi Guys I am trying to calculate the time differance in minutes between 2 time so i have 2 time fields 09:20 PM and 10:00 PM i want to return 40 minutes here is what i have done so far (the output is always NaN) function calculateTime() { var start = $('#Report_startTime').val(); //09:20 PM var end = $('#Report_endTime').val(); //10:00 PM var start_time = Date.parse(start, "hh:mm tt"); //Convert Time from A/PM to time
Validation / Submit Button Question
I guess this is a question of why is it working this way? I can't see the being normal behavior; what am I missing? I'm using the validation plugin and I have two buttons within a form. One is a submit submit<input> and another a button <button>. When I click on either of the buttons it validates the forms and submits the form? Why is the <button> causing validation to perform? Thanks.. Script... <script> $(document).ready(function(){ $("#cmaForm").validate(); }); </script> Html..
Detaching elements and restoring them later
Hi. As you can see on this html. I have a div with id "page", and elements inside it. I´d like to detach these elements from div id "page", and restore them, in a click of a button. Is that possible? Thanks. Jquery Test Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius pulvinar ipsum et imperdiet. Phasellus rhoncus convallis erat. Quisque ante eros, vestibulum non pellentesque eget, mattis id turpis. Fusce ac mauris neque. Etiam quis mauris lectus, nec vestibulum arcu. Cras orci
select image and preview before uploading
I have a form with an image file input and several other input controls. I want to preview the image in an image tag before actually uploading all of that to the database and the image to a directory in the server.. <link href="css/style.css" rel="stylesheet" type="text/css"> <div id="form" > <form method="post" enctype="multipart/form-data"> <table border="0px"> <tr> <td rowspan="10"><img id="poster" src="images/noposter.png" alt="[POSTER]"></td> <td colspan="5"><br></td> </tr> <tr> <td colspan="5"><br></td>
Accordion broken in IE7 when embedded in parent container with overflow:auto set
The JQuery UI Accordion widget doesn't work with longer scrollable content in IE7 when parent container div has overflow:auto; set on it. I tried setting the innermost child div of the Accordion to overflow:visible !important; but it didn't work. Works fine in IE8, IE9, IE9 compatibility mode, Chrome, FF, Opera, and Safari. Test this fiddle in IE7. Be sure to explicity set IE to use "Browser mode: IE7" and "Document Mode: IE7 standards". How to fix? <div style="overflow:auto;"> <div id="accordion"
using wow slider in wordpress
images have a small arrow on top. ? the image size grows & shrinks between slides, very annoying. http://www.hooperville.ca/nfcwp/images/palcourse/ any idea why? thanks in advance
Displaying a detail panel by clicking a summary panel
I want to be able to: 1. Click a div element (A) to display, adjacent to it, another div element (B). 2. Hover over A or B without B disappearing. 3. B disappears if hover outside A and B. My divs are: <div id="A" style="width:100px; height:100px; position:absolute; left:100px; top:100px">Summary....</div> <div id="B" style="width:100px; height:100px; position:absolute; left:200px; top:100px; display:none"></div> I display B on clicking A using the display attribute: $(document).ready(function ()
Next Page