how see the original data in console?
I am using the following format in inside of js. var Input=[{id: "-1", name: "<b>States</b>"}]; console.log(':::::::Input:::::::::'+Input); I am running my page i got the following output in My console. :::::::Input:::::::::[object Object] How to get the original output?
how do you transfer a value from a text() to an image SRC
hi everyone. i am using the text() function to retrieve values from an onclick function. i now want to transfer this value to the SRC on an image tag. var base = $(this).data('link- to-image'); <img src="base" > i am slightly confused how to do this; for example in PHP i would simple place the returned values into an variable and then place the variable into the SRC. i want to do something similar in jquery . I will however need to swap out the values if the user clicks the onclick button again.
Parsing JSON and build TR/TD element on each `tipo` value
I have this JSON: [ {"tipo":"Diurno"},{"patente":"XZ7410"},{"nombre":"Marcela Bien"}, {"revisado":1},{"id_registro":"9"}, {"tipo":"Diurno"},{"patente":"EW3651"},{"nombre":"Marcela Bien"}, {"revisado":null},{"id_registro":"11"}, {"tipo":"Vespertino"},{"patente":"XZ7410"},{"nombre":"Alexis Diaz"}, {"revisado":1},{"id_registro":"10"} ] Each `tipo` defines a new row in a `table` for example: <tr> <td>Diurno</td> <td>XZ7410</td> <td>....</td> </tr>
Difference between text() and val()?
what is the exact difference between $('.test').val() and $('.test').text()?
jquery login problem when i click on buy now button
my 'index.html' i have added a script login.js <!DOCTYPE HTML> <html> <head> <title>hygo</title> <meta name="viewport" content="width=device-width,initial-scale=1"/> <link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" /> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery.mobile-1.2.0.min.js"></script> <script src="js/login.js"></script> <script src="js/category.js"></script> <script src="js/subcategory.js"></script> <script src="js/product.js"></script> <script src="js/detailpage.js"></script>
Autocomplete overwriting _renderItem not working
Hi all, Wondering if anyone can help - i've got this working in fsfiddle ( http://jsfiddle.net/andrewwhitaker/pjs7a/2/ ) But it won't work on the latest version of the jqueryui - in anything above v1.8.18 the +'TEST' does get added. Can anyone advise? Thanks
BRANCHES AS LINK TO MAP
DATA LINK NEED SOME BRANCHES WITH GOOGLE MAP TO TOUCH ME TO SHOW THE TIMES OF OPERATION OF THAT BRANCH
Draggable and Dropppable on dynamically created object.
Hi all, Apologies if this question have been asked previously. How can I get the ID of the dynamically created div where I can drop while dragging a draggable object over it. Any pointers/Links and Docs will be of immense help
Ajax modal popup issue
Hello All, I am working on asp.net web application where jqxgrid is being used. I am using this jqxgrid on jquery popup I click on a image-button, jquery pop-up appears with jqxgrid and then I wont do anything and close jquery popup, no issues till here. but when i open ajax modal pupop which is on same page by clicking another image button, popup appears but when i click on close button of modal pop-up javascript error shows up. error="<i>Microsoft JScript runtime error: The value of the property
data-filter="true" checkboxes ?
Hi, Has anyone worked with filter within a group of checkboxes: <form> <fieldset data-role="controlgroup"> <legend>Vertical:</legend> <input type="checkbox" name="checkbox-v-2a" id="checkbox-v-2a"> <label for="checkbox-v-2a">One</label> <input type="checkbox" name="checkbox-v-2b" id="checkbox-v-2b"> <label for="checkbox-v-2b">Two</label> <input type="checkbox" name="checkbox-v-2c" id="checkbox-v-2c"> <label for="checkbox-v-2c">Three</label>
Multiple jQgrids WITH filtertoolbar in jqueryUI Tabs do NOT work
I have created multiple jQGrids on the same page using jqueryUI tabs. The data loads fine on both tabs (click on tab 2 first - since I'm not loading data on page load initially). Anyway, to recreate the problem I am experiencing download the code below and do the following: 1.) Click on "Tab 2" 2.) Click on any search operation ("==") and notice that the other list of search operations come up. 3.) Click on "Tab 1" 4.) Click on any search operation ("==") and notice that the other list of search
jquery with object oriented javascript
srry this is a repost, but ive dramatically changed my code so the old thread is irreverent and i dont want people to tldr i had an open/close tab script that worked: http://patrickallard.net63.net/procedureoriented/ but the code was repetitive and couldnt be expanded for more functionality because i didnt have objects now i am treating the tabs as objects, and the code is much neater with them: http://patrickallard.net63.net/ just one problem, it doesnt work! and i have no idea why! could someone
Array turns up empty
http://paste2.org/2kHt3cDX I have the above block of code. As you can see, it's an attempt to make a unique keys for an associative array, that I can alter send to a .php page in JSON format (stringify). However, the array keeps turning up empty? Any ideas as to why that may be?
help me simplify this javascript using jquery
hi everyone, my name is equatorlounge and im quite new into its coding even though i've used jquery for more than 10 years!! i wanted to simplify this JavaScript function as follows; but before you read this, here is a brief of what it does: in fact, it's just a left menu and clicking on each menu shows its contents (initially style as display none); now what i wanted initially is a fade-in fade-out effect but guess i couldn't do it on codes; here are the html5 codes: <div class="col-lft left w-15
Insertar html - Insert html string. I'm doing wrong?
¿Qué estoy haciendo mal? - I'm doing wrong? <head> ... <script language="javascript"> $(document).ready(function(){ var i=1; while (i<=10) { $("#news").html("<div id=n" + i + " data-role=page><div id=article" + i + "></div></div>"); i++; } }); </script> .... </head> <body> <article id="news"></article> </body>
Problem hide and show data-role = "page"
Hi! I have a problem I can not solve for several days. I have an application where I use jquery mobile. The problem is I'm trying to hide a data-role = "page" and display another, but when I show the other does not work jquery mobile (styles). Demo of my application: http://www.creanet.com.ar/jquery/index_limpio.html (please click on m1 or m2 and looks like the header disappears and does not work eg the data-role = "collapsible") My code: <html>
<head>
<title>Catálogo Messier</title>
<meta http-equiv="Content-Type"
Custom validator method not working
I'm trying to add a few custom methods to the validator. It doesn't seem to be working properly. I have an activity drop down. An activity has to be selected. If the value of the activity is 1, 2, or 3 a division and account have to be selected as well. Otherwise those fields can be empty. I've tried to alert the values in my custom methods but it doesn't seem to fire all the time and even when the value is greater than 3 it doesn't clear the errors if they show up. I guess I'm thinking the validator
$.unblockUI is called no matter what - AJAX
I have the following code: function login() { $.ajax({ url: 'login.php', type: 'POST', data: $('#loginNow').serializeArray(), error: function(data){ console.log(data); }, success: function(data){ console.log(data); setTimeout($.unblockUI, 1000); } }); }; My login-box looks like this: If I just hit submit, the setTimeout($.unblockUI, 1000); in success is called, and the box disappears. I dont understand why. If I remove $.unblockUI, all the error/success-messages is printed out correctly. I have also
Uncaught TypeError: Cannot read property 'title' of undefined
Hi there, I am using the plugin "multipage" - and I'm using it on an install of Magento Enterprise for the user registration account page. I have seem to set everything up correctly, But it looks as though it's just not working for me. here is the page: http://dev.domainindustries.com/customer/account/create/ Here is the error being thrown: Uncaught TypeError: Cannot read property 'title' of undefined jquery.multipage.js:68 jQuery.fn.gotopagejquery.multipage.js:68 jQuery.fn.multipagejquery.multipage.js:237
How do I create jquery effect on my DataList control at Asp.net .
How do I create jquery effect on my DataList control at Asp.net . Like the link bellow http://3.s3.envato.com/files/41640075/index.html My DataList control will be like <asp:DataList ID="DataList1" runat="server" DataKeyField="productID" DataSourceID="SqlDataSource1" RepeatColumns="3"> <ItemTemplate> <br /> <img alt="" src="pic/7.jpg"
Group checkboxes check/uncheck
I am working on group of checkboxes for check/uncheck. I did solve for that, but I having another issue outside the group of checkboxes. I kept a checkbox out side group of checkboxes called chkSolicitation and when check this all group of checkboxes should be unchecked. If any of the group of checkboxes checked then automatically chkSolicitation should be unchecked. Onload also If group of checkboxes unchecked automatically chkSolicitation should be unchecked and Vice versa. JSFiddle <fieldset>
tabs showing div elements that build tabs
Hello, I must be doing soemthing wrong. Ive built my tabs but it's also showing the div/li elements in the html $( "#tabs" ).tabs(); It's showing this in the html. I tried using display:none but then it doesnt build the tabs <div id="tabs" > <ul> <li><a href="#" class="program" id="paos01r.pgm">Member Management</a></li> <li><a href="#" class="program" id="paos02i.pgm">User Management</a></li>
Animated transitions on smartphones?
I've built my first responsive website! I have animated transitions between screen sizes, so it goes from a 3 column layout, then 2 and finally a single column. The spare columns fade away and the main section expands to fill the space. This works great on my desktop computer, but when I test it on my smartphone you can't really see the transitions, even the image header crossfade only shows 2 or 3 frames of animation at most - it just makes it feel a bit clunky, but then again, I only have one of
Freeze header row of large table jQmobile
I see some plugins for this but they are for the desktop. I need a solution for mobile. My table is built using ajax and the header row is in a thead. How to arrange this? John
Change button color on current date
I would like to make something like my little jquery mobile calendar, and the first button should be highlighted with different color with today's date, tomorrow it will be the second button, and so on http://jsfiddle.net/rizardni/dbNVD/
VCLICK event (or touch) does not work with fieldset
Hello, I have a problem, here is my code: d.sorter = $(list).closest(":jqmData(role='page')").find(".listview-sorter"); d.sorter.delegate(".ui-radio", "vclick", function(t) { // DO STH... }); But it does not work, event is never fired... Same comes with "touch" event, only "click" event works, which is not enough for me since I develop it for mobile. I can't bind events to .ui-radio elements directly since they are not yet initialized (returns length 0). Any idea how to make it work?
How to have jquery ui-tab click automatically call cgi program
Hello, Im probably making this more difficult than it actually is, but ... I want to click a jquery ui-tab button and have it automatically call a cgi program. How would I do this, can I assign an location.href on a tab click? Can I do something like this? <div id="tabs"> <ul> <li><a href="tabs-1">Program 1</a></li> <li><a href="tabs-2">Program 2</a></li> <li><a href="tabs-3">Program 3</a></li> </ul> <div id="tabs-1"> location.href("cgipgm1.pgm") </div> <div id="tabs-2"> location.href("cgipgm2.pgm")
Java Restful web service and jQuery mobile
I am new mobile application developer. I am currently working on a project where I want develop a mobile web app using jQuery mobile and Java which I will later convert to a native android application using PhoneGap. I currently develop Java Restful web service using JERSEY JAX-RS which allow my html page to communicate with my database. But when I change my html page to jQuery mobile page, it is not working. Please! can any help me with a tutorial that shows how Java Restful web service works with
Problems with jQueryUI dialog in IE
I'm having some problems with the way a jQueryUI dialog displays in IE8 and IE10. In IE8 it does not center, which appears to be a known problem. I used this code to center it, which worked in IE8 but in IE10 caused the dialog to be vertically positioned with the top above the top of the window, so only half of it showed. Without the code it positions correctly in the center in IE10. So I'd like to know if there's any positioning code that will work in both versions (and in IE9, which I don't have
Clone button widget
I am trying to clone a table row that has different checkboxes options. Then when I append it to the following row... it is still keeping that same data as the clone row. How can I destroy it then call it again so that it acts as it's own button separate from the clone row? Thanks
Loop shows duplicate data using .each
I wrote this little function, it gets a json feed,then loops through the rows and displays the data. the problem I have is, if there are two officers listed, it shows each officer twice, if there are three officers listed, it shows each officer three times. I'm not seeing why my loop is doing it that way, I wrote the same kind of loop in php using foreach and it works fine? $(document).ready(function () { $.ajax({ url: 'http://urlhere.com/something.php',
scrollTop in iOS changing horizontal axis
Hi there, I'm using scrollTop in one of my projects and it works perfectly on all platforms apart from iOS 6.. It's an online form and once you click on one of the fields of the form you are automatically zoomed in to the field.. Then, when scrollTop is called it works fine, but it resets itself to the origin (0, 0) and if possible I would like to scroll from the current horizontal position... $("html, body").animate({ scrollTop: 0 }, 600); I've tried adding scrollLeft for iOS devices but the results
Posts to Pages
Hello Everyone, currently I have Jquery Mobile bringing in posts instead of pages. I want to change that around and I changed the code, but was getting an error. Below is a sample of what I have in my index.php file <?php get_header(); ?> <?php include('searchform.php'); ?> <ul data-role="listview" data-inset="true" data-theme="e" data-dividertheme="d"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <li><a href="<?php the_permalink() ?>"><br /><?php
Nearing completion - just a few queries.
Hi, at last I am nearing completion of my first app but I have a couple of loose ends to tie before showcasing to a greater audience! My first is how do i remove the active state of a link once it is clicked on: <div data-role="navbar" class="ui-navbar-custom"> <ul> <li><a href="#home" data-icon="custom" data-transition="slide">home</a></li> <li><a href="#away" data-icon="custom" data-transition="slide">away</a></li> <li><a href="#near" data-icon="custom" data-transition="slide">near</a></li>
jquery ajax can't animate div height resize in success function
here is my problem: I have a menu in which every item has a content updated via ajax (putted in the "content" div). <ul id="menu"> <li class="gr" on><a href="#">Home</a></li> <li class="yel"><a href="#">Products</a></li> <li class="bl"><a href="#">Contact</a></li> </ul> <div class="container"> <div id="content"> </div> </div> In the $.ajax success() function, where I put the ajax received data in "content" div, I want to resize div height with
Is it possible to use 'swipe' between content only and not pages.
Hi, I want to use the swipe (both left and right) so the end user can swipe between content not pages. Like a carousel effect with a slide transition. I can get it to work with pages by navigating to the next and previous but this is not what I really want. I want to keep the header and footer in place and navigate to display the next content - something similar to this: http://jsfiddle.net/a4poster/m6www/4/ Any help would be really appreciated. Thanks, Lammie.
Can someone explain the output from jQuery-Migrate?
Hello, I have a web site that uses jQuery and Telerik's KendoUI Javascript library. It was written using ASP.NET MVC3, although I don't think that's relevant to the issue here. The site was working fine, but has somehow broken. Telerik suggested I upgraded to the latest version of KendoUI, which I did, but the problems persist. They then suggested using jQuery-Migrate, as they thought I was using deprecated jQuery methods. I'm not convinced of this, but added the plug-in anyway. However, I don't
In firefox, jquery ui sortable mistakenly causes hover out event while sorting.
I have a submenu that appears on hovering over a <li> and disappears on hovering out. Within that submenu, I am using the jquery ui sortable widget to allow sorting of the submenu's <li>'s. Works great in all browsers except firefox. In firefox, as soon as I drop an item, the hover out event is triggered and the submenu disappears, even though I have not hovered out. Any ideas how to fix this? I use the following on the sortable <ul>: $("#mmc-sortable").sortable({ helper: "clone" }); $("#mmc-sortable").disableSelection();
Reloading the the data-role="page" after the json data is retrieved
Hi, I am using a JSON service to which I pass parameters like country="USA" and then it sends me the data in the JSON format. The result is great and I then append it to listview within a new page and then use the changepage("") function and show the results. This works fine but when I again go back and type say country="France" the results are still the same old one.. NOTE: Also URL//index.html#page2 is where i give the parameters to the which are used which calling the json service and then I show
nivo slider and jcarousel link problem
Hello, this is my first post :-) I have a problem with nivo slider. I use joomla 2.5 with k2. If i click on a image of slide, link doen't work. I see that in source code, tags <a href...............></a> are present correctly. I suspect that nivo slider and jcarousel made a conflict. this is the website: www.netiumgiovinazzo.it/index.php Please help me
Next Page